/* SambaDuck Brand System 1.0. Canonical values also in brand/exports/brand-tokens.json. */
@font-face{font-family:Inter;src:url('./assets/brand/Inter-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--brand-navy:#13325c;--brand-blue:#2c96ca;--accent:#f9c82c;--bg:#0b1524;--surface:#132337;--raised:#1b3048;--line:#3d5774;--text:#f5f8fc;--muted:#adbfd2;--green:#8ddeb4;--radius:14px;font-family:Inter,'Segoe UI',sans-serif}
body{font-feature-settings:'cv11','ss01'}
h1,h2,h3{font-weight:750;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2.25rem,4.5vw,3.65rem);line-height:1.09}
h2{font-size:1.65rem;line-height:1.22}h3{letter-spacing:-.015em;line-height:1.4}
.header-inner{gap:28px}.brand{flex-shrink:0;line-height:1}.brand-logo{width:218px;height:62px;object-fit:contain}.main-nav{gap:22px}.main-nav a{font-weight:600;font-size:.83rem}.header-end{gap:10px}.header-end .badge{font-size:.62rem}
.gamebar{background:#0e1c2e}.game-tab.selected{font-weight:700}.game-tab.selected .game-symbol{color:var(--brand-blue)}
.btn{border-radius:8px;min-height:44px;transition:background .15s,border-color .15s;letter-spacing:-.01em}.btn.primary{color:var(--brand-navy);font-weight:750}.btn:active{transform:translateY(1px)}.btn.small{min-height:40px}
input,select,textarea{border-radius:8px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}.link{color:#74c7ef}.eyebrow{letter-spacing:.12em}
.intro{margin-bottom:32px}.intro p{line-height:1.75}.intro h1{font-size:clamp(2.1rem,4vw,3.25rem)}.intro h1 span{color:var(--accent)}
.panel-heading h2{font-size:1.35rem}.section-title h2{font-size:1.5rem}.stat-num{font-size:2.15rem;font-weight:750;letter-spacing:-.045em}.stat-num .unit{letter-spacing:0}.article-index{font-weight:750}.card-filter-panel h2{font-size:1.25rem}.card-detail-content h1{font-size:clamp(2rem,4vw,3rem)}.card-text-panel h2,.card-printings h2{font-size:1.4rem}.article-tile h2{font-size:1.9rem}.detail-hero h1{font-size:clamp(2rem,4vw,3rem)}
.brand-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:48px 48px 44px;border:1px solid #31547c;border-radius:24px;background:linear-gradient(115deg,#132337 12%,#13325c 100%)}
.hero-copy{position:relative;z-index:2;max-width:650px}.hero-copy h1{font-size:clamp(2.6rem,4.8vw,4.25rem);line-height:1.08;font-weight:800;letter-spacing:-.055em}.hero-copy h1 span{color:var(--accent)}.hero-copy p{font-size:1rem;line-height:1.75;max-width:515px;margin-top:22px;color:#d4e7fa}.hero-copy .actions{margin-top:28px}.hero-copy .btn:not(.primary){border-color:#637f9e;background:#0b152440}.hero-caption{font-size:.73rem;margin-top:22px;color:#adbfd2}.hero-visual{position:relative;display:grid;place-items:center;min-width:0;align-self:stretch}.hero-visual img{position:relative;width:min(100%,370px);height:auto;z-index:1;transform:rotate(-7deg)}.hero-orbit{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#2c96ca26;border:1px solid #2c96ca66}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;width:24px;height:24px;border-radius:7px;background:var(--accent);transform:rotate(16deg);top:9%;right:2%}.hero-orbit:after{width:12px;height:12px;background:#74c7ef;left:0;top:auto;bottom:18%;border-radius:50%}.hero-sticker{position:absolute;bottom:0;z-index:2;transform:rotate(-4deg);background:var(--accent);color:var(--brand-navy);padding:10px 20px;border-radius:8px;font-weight:800;font-size:.83rem;box-shadow:0 5px 0 #07162855}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 38px}.home-shortcuts>a{display:flex;gap:14px;align-items:center;padding:20px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}.home-shortcuts>a:hover{border-color:var(--brand-blue);background:var(--raised)}.shortcut-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#2c96ca1f;border-radius:10px;color:#74c7ef}.home-shortcuts strong{font-size:.83rem;display:block;line-height:1.5}.home-shortcuts small{display:block;font-size:.69rem;line-height:1.5;margin-top:4px}.home-shortcuts>a>svg{flex-shrink:0;margin-left:auto;color:#74c7ef}
.feature-card h2{font-size:2rem;line-height:1.15}.feature-card{border-color:var(--line)}.deck-create-banner{border-color:#3d6388;background:linear-gradient(110deg,#132337,#16375a)}.deck-create-banner h2{font-size:1.5rem}.builder-summary h2{font-size:1.25rem}.builder-summary progress{border-radius:6px;overflow:hidden}.quantity-controls .btn{min-width:40px;min-height:40px}.quantity-controls span{font-size:1rem;font-weight:750}.builder-selected strong{font-size:.85rem}.personal-deck-detail>h2{font-size:1.55rem}.deck-quantity-badge{background:var(--accent);border-color:var(--brand-navy);color:var(--brand-navy);min-width:58px;height:46px;font-size:1.8rem}
.footer .brand-logo{width:195px;height:55px}.footer{background:#0e1c2e}.demo-ribbon{letter-spacing:.03em;font-size:.7rem}.notice{border-left:3px solid #2c96ca}.card-effect{letter-spacing:0}.card-filter-panel .btn,.builder-filters .btn{min-height:44px}
@media(max-width:1200px){.header-inner{gap:20px}.main-nav{gap:17px}.brand-logo{width:200px}.home-shortcuts>a{padding:16px 12px;gap:10px}.home-shortcuts>a>svg{display:none}}
@media(max-width:1000px){.header-inner{gap:20px}.main-nav{gap:16px}.main-nav a{font-size:.78rem}.brand-logo{width:190px}.brand-hero{padding:36px 30px;gap:15px}.hero-copy h1{font-size:3.2rem}.hero-sticker{font-size:.7rem;padding:8px 12px}.home-shortcuts{gap:12px}.shortcut-icon{display:none}}
@media(max-width:760px){.brand-logo{width:185px;height:54px}.header-inner{height:74px}.main-nav.open{top:73px}.main-nav a{font-size:.9rem}.brand-hero{grid-template-columns:1fr;padding:28px 24px 24px;gap:24px;border-radius:18px}.hero-copy h1{font-size:clamp(2.2rem,8.5vw,3rem)}.hero-copy p{font-size:.9rem;margin-top:18px}.hero-copy .actions{gap:10px;flex-direction:column;align-items:stretch}.hero-caption{font-size:.69rem}.hero-visual{min-height:205px;max-width:245px;width:100%;justify-self:center}.hero-visual img{width:210px}.hero-orbit{width:190px}.hero-sticker{bottom:-4px;font-size:.71rem}.home-shortcuts{grid-template-columns:1fr;margin-bottom:28px;gap:10px}.home-shortcuts>a{padding:14px 16px}.home-shortcuts>a>svg{display:block}.shortcut-icon{display:grid}.home-shortcuts strong{font-size:.85rem}.home-shortcuts small{font-size:.72rem}.panel-heading{flex-wrap:wrap}.panel-heading h2{font-size:1.25rem}.section-title h2{font-size:1.35rem}.overview-top{grid-template-columns:1.2fr 1fr 1fr}.stat-num{font-size:1.8rem}.card-filter-panel h2{font-size:1.3rem}.my-deck-card h2{font-size:1.2rem}.personal-deck-detail>h2{font-size:1.35rem}.deck-quantity-badge{min-width:50px;height:40px;font-size:1.5rem;left:6px;bottom:6px}.footer-links{row-gap:12px}}
@media(max-width:420px){.card-filter-panel form{grid-template-columns:minmax(0,1fr)}.card-filter-panel form>*{grid-column:1/-1}.builder-filters{grid-template-columns:minmax(0,1fr)}.builder-filters>*{grid-column:1/-1}}

/* Editorial home: changing news, permanent product actions. */
.home-highlights{border:1px solid #31547c;border-radius:24px;background:#132337;overflow:hidden;touch-action:pan-y}.news-stage{position:relative;min-height:380px;isolation:isolate;background:#153255;overflow:hidden}.news-art{position:absolute;inset:0 0 0 auto;width:69%;overflow:hidden;background:#dd90b9;z-index:-2}.news-art img{display:block;width:100%;height:100%;object-fit:cover}.news-stage.eb05 .news-art img{height:177%;max-width:none;position:absolute;top:-38.3%;object-fit:fill}.news-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1524 0%,#0b1524dd 23%,#0b15242b 73%),linear-gradient(0deg,#0b1524a6,transparent 80%);z-index:-1}.news-copy{padding:45px 42px 30px;min-height:380px;display:flex;flex-direction:column;align-items:start;justify-content:end;max-width:680px}.news-copy .eyebrow{color:#ffdf72;margin-bottom:13px}.news-copy h1{font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.045em;color:#fff;max-width:630px;text-wrap:balance}.news-copy p{font-size:.93rem;color:#d4e7fa;margin-top:13px;max-width:430px}.news-link{display:inline-flex;gap:14px;align-items:center;color:#fff;font-size:.9rem;font-weight:700;margin-top:19px;text-decoration:underline;text-underline-offset:5px}.news-link:hover{color:var(--accent)}.news-navigation{display:flex;align-items:center;gap:13px;padding:0 28px 10px;background:#0b1524}.news-dots{display:flex;gap:2px}.news-dots button{display:grid;place-items:center;width:32px;height:38px;background:none;border:0;cursor:pointer}.news-dots span{display:block;width:7px;height:7px;background:#63758e;border-radius:20px;transition:width .15s}.news-dots button[aria-pressed=true] span{width:23px;background:var(--accent)}.news-counter{font-size:.7rem;color:#b5c9e0}.news-arrows{margin-left:auto;display:flex;gap:6px}.news-arrows button{width:38px;height:38px;border:1px solid #486078;border-radius:10px;background:#122237;color:#fff;cursor:pointer;font-size:1.05rem}.news-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-top:1px solid #31547c}.news-tools strong{font-size:.92rem}.news-tools small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px}.news-tools .actions{margin:0;flex-shrink:0}.news-stage.guide .news-art{background:linear-gradient(125deg,#25548b,#5c3893);display:grid;place-items:center}.news-stage.guide img{height:355px;width:auto;object-fit:contain;transform:rotate(9deg);filter:drop-shadow(0 15px 30px #061224aa)}.news-stage.welcome .news-art{background:#173c63;display:grid;place-items:center}.news-stage.welcome img{height:330px;width:auto;object-fit:contain}.article-cover{display:block;width:min(100%,650px);height:auto;margin:28px 0;border-radius:16px}
@media(max-width:760px){.home-highlights{border-radius:18px}.news-stage{min-height:0;display:flex;flex-direction:column}.news-art{position:relative;inset:auto;width:100%;aspect-ratio:447/253;z-index:auto}.news-stage:after{display:none}.news-copy{min-height:0;max-width:none;padding:22px 22px 20px;background:#0b1524}.news-copy h1{font-size:clamp(1.8rem,7.5vw,2.5rem);line-height:1.12;max-width:570px}.news-copy p{font-size:.83rem;margin-top:10px}.news-copy .eyebrow{font-size:.68rem;margin-bottom:10px}.news-link{font-size:.83rem;margin-top:14px}.news-navigation{padding:0 16px 12px}.news-tools{display:block;padding:18px 20px 20px}.news-tools>div:first-child{display:none}.news-tools .actions{display:grid;grid-template-columns:1fr;gap:10px}.news-tools .btn{width:100%;justify-content:center;min-height:46px}.news-tools .btn:not(.primary){background:transparent}.news-stage.guide img{height:190px}.news-stage.welcome img{height:190px}.news-stage.guide .news-art,.news-stage.welcome .news-art{aspect-ratio:447/253}}
@media(prefers-reduced-motion:reduce){.news-dots span{transition:none}}

.news-stage.eb05 .news-art img{width:auto;height:177%;left:50%;transform:translateX(-50%)}