@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e1117;--panel:#171c25;--muted:#9199ab;--line:#29303d;--orange:#ff793e;--cream:#f4f1eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:88px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:#10141de8;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1px;font-size:19px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:6px}.brandmark{background:var(--orange);color:#131820;font-size:29px;padding:8px 10px;border-radius:8px}.orange{color:var(--orange)}nav{display:flex;align-items:center;gap:26px;margin-left:auto;height:100%;font-size:12px;font-weight:600}nav a{height:100%;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;color:var(--muted)}nav a.active{color:var(--cream);border-color:var(--orange)}.navbadge{font-size:8px;border:1px solid var(--line);padding:3px 4px;border-radius:4px}.iconbtn{border:1px solid var(--line);background:var(--panel);color:var(--cream);width:36px;height:36px;border-radius:8px;font-size:25px}main{max-width:1320px;margin:auto;padding:30px 24px 60px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--orange);display:flex;gap:10px;align-items:center}.dot{height:6px;width:6px;background:var(--orange);border-radius:50%;display:inline-block}.hero{position:relative;overflow:hidden;min-height:400px;padding:46px 40px;border:1px solid #33333d;border-radius:14px;background:radial-gradient(ellipse at 68% 100%,#75442560,transparent 55%),linear-gradient(120deg,#1e202d,#191b25)}.hero:after{content:'忍';position:absolute;right:25px;bottom:-70px;font-size:450px;color:#fff;opacity:.025;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:560px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;line-height:.99;letter-spacing:-1px;margin:22px 0 19px;font-weight:800}.hero p{color:#b1b4c3;max-width:390px;line-height:1.8;font-size:13px}.actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 17px;color:var(--cream);background:#202631;font-size:12px;font-weight:700}.btn.primary{background:var(--orange);color:#17181e;border-color:var(--orange)}.btn:hover{filter:brightness(1.12)}.hero-cards{position:absolute;right:65px;top:62px;display:flex;align-items:center;z-index:1;filter:drop-shadow(0 22px 20px #0009)}.hero-cards img{width:176px;height:246px;object-fit:contain;border-radius:8px;transform:rotate(-13deg)}.hero-cards img:nth-child(2){width:198px;height:278px;transform:rotate(5deg);margin-left:-40px;margin-top:-16px;z-index:2}.hero-cards img:nth-child(3){transform:rotate(19deg);margin-left:-35px;margin-top:26px}.hero-sub{position:absolute;bottom:30px;right:86px;color:#c4bdb7;font-size:10px;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 35px;border:1px solid var(--line);border-radius:10px;background:#131821}.stat{padding:20px 24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:15px}.stat:last-child{border:0}.stat strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px}.stat small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.stat-symbol{font-size:23px;color:var(--orange)}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 20px}.sectionhead h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:.4px;margin:0}.sectionhead h2 span{color:var(--orange);font-family:Inter,Arial;font-size:11px;background:#ff793e15;padding:5px 8px;border-radius:4px;vertical-align:middle;margin-left:10px}.textlink{font-size:11px;color:var(--muted)}.textlink:hover{color:var(--orange)}.columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s}.news-card:hover{transform:translateY(-4px);border-color:#575c6c}.news-visual{height:142px;overflow:hidden;background:radial-gradient(ellipse at bottom,#6e483f,#252936);display:flex;justify-content:center;gap:2px;padding-top:15px;position:relative}.news-visual img{width:90px;height:150px;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 3px 7px #0008)}.news-visual img:nth-child(2){transform:rotate(8deg)}.news-visual.blue{background:radial-gradient(ellipse at bottom,#294c6c,#202433)}.news-visual.purple{background:radial-gradient(ellipse at bottom,#583851,#202433)}.news-content{padding:17px}.badge{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.7px;border-radius:4px;padding:5px 7px;background:#203a30;color:#8acba2;text-transform:uppercase}.badge.community{background:#493824;color:#efbe77}.badge.art{background:#302947;color:#bba1f2}.news-content time{color:var(--muted);font-size:9px;float:right;margin-top:5px}.news-content h3{font-size:14px;line-height:1.5;margin:13px 0 9px}.news-content p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 15px}.news-content a{font-size:10px;color:var(--orange)}.panel{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.panel h3{font-size:15px;margin:0 0 20px}.timeline{border-left:1px solid var(--line);padding-left:20px;margin-left:4px}.timeline-item{position:relative;margin-bottom:25px}.timeline-item:before{content:'';position:absolute;left:-25px;top:4px;width:8px;height:8px;background:var(--orange);border:3px solid #6a412e;border-radius:50%}.timeline-item small{color:var(--orange);font-size:9px}.timeline-item strong{display:block;font-size:12px;margin:7px 0}.timeline-item p{font-size:10px;line-height:1.6;color:var(--muted)}.panel .btn{width:100%}.cardgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.carditem{border:0;background:transparent;color:var(--cream);text-align:left;padding:0;min-width:0}.cardart{position:relative;aspect-ratio: .715;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#252b36,#151b24);border-radius:9px;overflow:hidden;border:1px solid var(--line);transition:transform .2s}.cardart img{width:100%;height:100%;object-fit:contain}.carditem:hover .cardart{transform:translateY(-5px);border-color:var(--orange)}.cardart .badge{position:absolute;top:8px;left:8px;background:#161b24e6;color:var(--cream);font-size:7px;backdrop-filter:blur(8px)}.carditem h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 7px}.cardmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.color-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#f96060;margin-right:4px}.color-dot.Blau{background:#6499ee}.color-dot.Orange{background:#e5a450}.strip{display:flex;gap:18px;align-items:center;padding:24px 28px;background:linear-gradient(100deg,#342a23,#191f2a);border:1px solid #4b3628;border-radius:10px;margin-top:35px}.strip-icon{font-size:35px;color:var(--orange)}.strip h3{margin:0 0 7px;font-size:16px}.strip p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.strip .btn{margin-left:auto;white-space:nowrap}.page-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:53px;margin:15px 0 10px}.intro{color:var(--muted);line-height:1.8;max-width:740px}.filters{display:flex;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:10px;margin:24px 0 17px}input,select,textarea{color:var(--cream);background:#10151d;border:1px solid var(--line);padding:12px;border-radius:7px;min-width:0}input[type=search]{flex:1;min-width:190px}select{font-size:11px}.filter-count{font-size:11px;color:var(--muted);margin:15px 0 22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 15px;border-radius:6px;font-size:11px}.tabs button.selected{background:#ff793e20;color:var(--orange);border-color:#ff793e50}.empty{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;margin:25px 0}.empty-symbol{font-size:48px;color:var(--orange)}.empty h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px}.empty p{color:var(--muted);line-height:1.8;max-width:570px;margin:0 auto 20px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}.deckhero{display:flex;gap:25px;align-items:center}.deckhero img{width:100px;border-radius:5px}.deckhero h3{margin:0 0 8px}.deckhero p{font-size:11px;color:var(--muted);line-height:1.8}.decklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;font-size:11px;color:#bbc0cc}.decklist span{border-bottom:1px solid var(--line);padding:9px 0}.decklist b{color:var(--orange);margin-right:9px}.note{font-size:11px;line-height:1.8;color:var(--muted);background:#20242f;padding:14px;border-radius:7px;margin:18px 0}.source-list{display:grid;gap:15px}.source-list a{color:var(--orange);display:block;margin-top:10px;font-size:12px}.source-list p{color:var(--muted);line-height:1.8;font-size:12px}footer{max-width:1320px;margin:0 auto;padding:32px 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}footer .brand{font-size:14px}footer p{font-size:9px;color:var(--muted);line-height:1.7;max-width:480px}footer div{margin-left:auto;display:grid;gap:10px;font-size:10px;color:var(--muted)}footer div span{font-size:9px}dialog{background:#171d27;color:var(--cream);border:1px solid var(--line);border-radius:14px;max-width:810px;width:90%;padding:35px;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--cream);font-size:27px}.detail-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.detail-layout img{width:100%;max-height:65vh;object-fit:contain;border-radius:8px}.detail-layout h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px}.detail-layout dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.detail-layout dt{color:var(--muted)}.detail-layout dd{margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:8px;font-size:11px;color:var(--muted)}label.full{grid-column:1/-1}textarea{min-height:160px;resize:vertical}.drafts{margin:25px 0;display:grid;gap:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--orange);color:#131923;border-radius:8px;padding:14px 24px;display:none;z-index:50}.failed-image{padding:30px;color:var(--muted);font-size:11px;text-align:center}.failure-label{display:none}.image-error img{display:none}.image-error .failure-label{display:block;text-align:center;padding:20px;color:var(--muted);font-size:11px}.news-page .newsgrid{grid-template-columns:repeat(3,1fr)}@media(min-width:1500px){.hero{min-height:420px}}@media(max-width:1100px){.hero-cards{right:30px;opacity:.8}.hero-cards img{width:135px;height:200px}.hero-cards img:nth-child(2){width:160px;height:235px}.hero h1{font-size:66px}.hero-copy{max-width:440px}.hero-sub{right:30px}.columns{grid-template-columns:1fr 250px}.newsgrid{grid-template-columns:repeat(2,1fr)}.newsgrid .news-card:nth-child(3){display:none}.news-page .newsgrid .news-card:nth-child(3){display:block}.cardgrid{grid-template-columns:repeat(5,1fr)}nav{gap:16px}.brand{font-size:15px}}@media(max-width:780px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 20px;gap:12px}nav{order:3;overflow:auto;width:100%;gap:23px;height:36px;font-size:11px}nav a{white-space:nowrap}.iconbtn{margin-left:auto}.hero{padding:30px 25px;min-height:570px}.hero h1{font-size:57px}.hero-copy{max-width:100%}.hero p{max-width:100%}.hero-cards{top:auto;bottom:28px;left:50%;right:auto;transform:translateX(-50%);opacity:1}.hero-cards img{width:105px;height:150px}.hero-cards img:nth-child(2){width:120px;height:175px}.hero-sub{display:none}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3){border-bottom:0}.columns{grid-template-columns:1fr}.newsgrid{grid-template-columns:repeat(2,1fr)}.cardgrid{grid-template-columns:repeat(3,1fr);gap:14px}.columns aside{display:none}.strip{padding:20px;flex-wrap:wrap}.strip .btn{margin:0}.twocol{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:42vh}.detail-layout dl{gap:10px}.news-page .newsgrid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}label.full{grid-column:auto}footer{flex-direction:column;align-items:flex-start;gap:15px}footer div{margin:0}.page-title{font-size:44px}}@media(max-width:440px){main{padding:20px 16px 40px}.cardgrid{grid-template-columns:repeat(2,1fr)}.newsgrid,.news-page .newsgrid{grid-template-columns:1fr}.newsgrid .news-card:nth-child(3){display:block}.news-visual{height:165px}.hero h1{font-size:53px}.hero{min-height:600px}.sectionhead h2{font-size:27px}.decklist{grid-template-columns:1fr}}


/* Readable card rules and color accents */
#detail{max-width:990px;width:94%;padding:36px}.card-detail{grid-template-columns:300px minmax(0,1fr);gap:32px}.detail-image{position:sticky;top:0;align-self:start;text-align:center}.detail-card-frame{padding:5px;border:1px solid color-mix(in srgb,var(--card-accent) 60%,transparent);background:color-mix(in srgb,var(--card-accent) 10%,#121820);border-radius:12px;box-shadow:0 10px 35px #0005}.detail-image img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.image-caption{color:var(--muted);font-size:10px;margin:12px 0}.detail-image .textlink{font-size:10px}.detail-info h2{margin:14px 0 16px}.detail-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-number,.detail-type,.detail-color{font-size:10px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:#a9b3c3}.detail-number{font-weight:700;color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 30%,transparent);background:color-mix(in srgb,var(--card-accent) 8%,transparent)}.detail-color{display:flex;align-items:center;gap:6px;color:var(--card-accent)}.detail-color i{width:7px;height:7px;border-radius:50%;background:var(--card-accent)}.card-stats{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.card-stat{min-width:65px;flex:1;border:1px solid #384354;background:#111925;border-radius:8px;padding:10px 13px}.card-stat small{font-size:8px;font-weight:700;letter-spacing:1px;color:#98a8bd}.card-stat strong{font-family:'Barlow Condensed',Impact,sans-serif;display:block;font-size:30px;line-height:1.2;margin-top:5px}.stat-dmg strong{color:#ff849c}.stat-pow strong{color:var(--card-accent)}.stat-hp strong,.stat-life strong{color:#8bd5aa}.stat-chakra strong{color:#ffbb64}.effects-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.effect-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.effect-section-title h3{font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0;color:#e7ebf0}.effect-language{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px;background:#10151e}.effect-language button{padding:5px 9px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:9px;font-weight:700}.effect-language button.active{color:#101720;background:var(--card-accent)}.effect-block{padding:15px 16px;border:1px solid #303848;border-left:3px solid var(--card-accent);border-radius:7px;background:#101722;margin-bottom:11px}.effect-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.effect-tag{padding:4px 7px;border-radius:4px;font-size:9px;line-height:1.4;font-weight:700}.tag-main,.tag-turn{color:#ffb397;background:#683929}.tag-once{color:#f8df83;background:#55491e}.tag-recovery{color:#ffc589;background:#614023}.tag-support{color:#ffe0b1;background:#79401e}.tag-summon,.tag-attack,.tag-quick{color:#ffa7b4;background:#672b3e}.tag-requirements{color:#d7deea;background:#374151}.tag-rush{color:#83edff;background:#175766}.jutsu-name{color:#ffb75c;font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.chakra-cost{font-family:Inter,Arial,sans-serif;color:#ffd595;font-size:9px;font-weight:700;border:1px solid #aa692b;background:#513515;padding:5px 7px;border-radius:5px;white-space:nowrap}.effect-description,.effect-choice{font-size:12px;line-height:1.85;color:#d9e0ea;margin:0;overflow-wrap:anywhere}.effect-choice{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #2d3746;color:#c2cada}.effect-choice>span{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#8594a9;margin-bottom:5px}.effect-highlight{font-weight:700}.trait{color:#bda3ff}.chakra-word{color:#ffbc65}.rush-word{color:#70dcf2}.ko-word{color:#ff8ca4}.value-word{color:#e9c76b}.effect-caption{font-size:9px;line-height:1.7;color:#8e9bb0;margin:14px 0 8px}.effect-source{font-size:10px;color:var(--card-accent)}.effect-empty{font-size:12px;line-height:1.8;color:#a7b3c5;background:#101722;border:1px dashed #354155;border-radius:7px;padding:18px;margin:0}.effect-state{font-size:8px;color:#94a0b3}.detail-note{font-size:10px;margin:20px 0 10px}.detail-card-title{font-size:10px;color:var(--muted);line-height:1.6;margin:14px 0}.detail-info>.btn{padding:10px 13px;font-size:10px}@media(max-width:780px){#detail{padding:30px 20px}.card-detail{grid-template-columns:1fr;gap:22px}.detail-image{position:static;max-width:235px;margin:auto}.detail-image img{max-height:42vh}.detail-info h2{font-size:32px}.card-stat{min-width:52px;padding:10px}.card-stats{gap:6px}.jutsu-name{font-size:20px}.effect-description,.effect-choice{font-size:12px}.effect-block{padding:14px}.effect-tag{font-size:9px}}
.language-picker{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:0 9px;background:#171c25;height:36px;flex-shrink:0}.language-picker>span{color:var(--orange);font-size:18px}.language-picker select{background:transparent;border:0;padding:6px 3px;color:var(--cream);font-size:11px;max-width:98px;cursor:pointer}.language-picker select option{background:#171c25;color:var(--cream)}header{gap:20px}nav{gap:20px}.effect-description,.effect-choice{hyphens:auto}@media(max-width:1100px){header{gap:14px}nav{gap:13px}.language-picker{padding:0 6px}.language-picker select{font-size:10px;max-width:87px}}@media(max-width:780px){header{gap:10px}.language-picker{margin-left:auto}.iconbtn{margin-left:0}nav{gap:20px}.hero h1{font-size:clamp(40px,8vw,57px)}}@media(max-width:440px){.brand{font-size:13px;gap:8px}.brandmark{font-size:24px;padding:7px 8px}.brand small{font-size:6px;letter-spacing:1.3px}.language-picker select{max-width:78px}.language-picker>span{display:none}.iconbtn{width:30px;height:34px}nav{gap:17px}.hero h1{font-size:44px}.page-title{font-size:38px}.jutsu-name{flex-wrap:wrap}}

.feed-status{display:flex;align-items:center;gap:10px;color:var(--muted);padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin:24px 0;font-size:10px}.feed-status .btn{margin-left:auto;font-size:10px;padding:8px 10px}.feed-status .dot{flex-shrink:0}@media(max-width:600px){.feed-status{flex-wrap:wrap}.feed-status .btn{margin:0}}
.header-instagram{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border:2px solid #b75d86;border-radius:50%;padding:2px;transition:border-color .2s,transform .2s}.header-instagram img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.header-instagram:hover{border-color:var(--orange);transform:translateY(-1px)}.header-instagram:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:1100px){.header-instagram{width:36px;height:36px;flex-basis:36px}}@media(max-width:440px){header{gap:8px;padding-left:14px;padding-right:14px}.header-instagram{width:30px;height:30px;flex-basis:30px;padding:1px}.language-picker{padding:0 4px}.language-picker select{max-width:70px}}

.hero-update{display:flex;align-items:center;gap:12px;max-width:400px;margin:22px 0 0;padding:12px 14px;border:1px solid #69c79742;border-radius:8px;background:#26433642}.hero-update .update-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;color:#90dfb7;background:#77d7a41a;font-size:23px}.hero-update strong{display:block;color:#99e4bd;font-size:11px;font-weight:800;letter-spacing:.2px}.hero-update small{display:block;margin-top:5px;color:#b1bfc3;font-size:10px;line-height:1.6}@media(max-width:780px){.hero{min-height:660px}.hero-update{max-width:100%;margin-top:18px}.hero-update strong{font-size:10px}}

.hero-demo-decks{position:absolute;right:50px;bottom:28px;width:390px;z-index:2}.hero-demo-decks>.eyebrow{font-size:9px;margin-bottom:10px;letter-spacing:1.6px}.hero-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-demo-link{display:flex;align-items:center;gap:12px;padding:10px;background:#10151cdb;border:1px solid #51433e;border-radius:9px;transition:border-color .2s,transform .2s}.hero-demo-link:hover{border-color:var(--orange);transform:translateY(-3px)}.hero-demo-link img{width:46px;height:65px;object-fit:contain;border-radius:4px;flex-shrink:0}.hero-demo-link strong{display:block;font-size:11px;color:var(--cream)}.hero-demo-link small{display:block;font-size:8px;line-height:1.6;color:var(--muted);margin-top:5px}.hero-demo-link b{display:block;font-size:9px;color:var(--orange);margin-top:8px;font-weight:600}@media(max-width:1100px){.hero-demo-decks{right:25px;width:350px}.hero-demo-link{gap:8px;padding:9px}}@media(max-width:780px){.hero{min-height:0;display:flex;flex-direction:column}.hero-cards{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;justify-content:center;margin:40px 0 24px;width:100%}.hero-demo-decks{position:relative;right:auto;bottom:auto;width:100%;margin-top:12px}.hero-demo-link{padding:12px;gap:10px}}@media(max-width:380px){.hero-demo-grid{gap:8px}.hero-demo-link{padding:8px;gap:7px}.hero-demo-link img{width:36px;height:51px}.hero-demo-link strong{font-size:10px}.hero-demo-link small{font-size:7px}}