:root{--pine-deep: #12281f;--pine: #1b3a2f;--pine-mid: #163025;--pine-lift: #2e5a47;--paper: #f7f6f2;--paper-warm: #f2efe7;--card-ivory: #fefefc;--ink: #1f2523;--slate: #5c6660;--muted: #626b66;--hairline: #e3e1d9;--gold: #f0c96f;--gold-soft: #f8da92;--success: #3e8e6b;--heart-red: #c0392b;--spade-black: #1a1a1a;--card-scale: 1;--card-w: calc(190px * var(--card-scale));--card-h: calc(var(--card-w) * 1.42);--tableau-gap: 22px;--board-w: calc(var(--card-w) * 7 + var(--tableau-gap) * 6);--fc-card-w: calc(clamp(36px, 8.4vw, 176px) * var(--card-scale));--fc-gap: clamp(3px, .75vw, 18px);--fc-board-w: calc(var(--fc-card-w) * 8 + var(--fc-gap) * 7);--sp-card-w: calc(clamp(30px, 7.2vw, 160px) * var(--card-scale));--sp-gap: clamp(2px, .6vw, 14px);--sp-board-w: calc(var(--sp-card-w) * 10 + var(--sp-gap) * 9);--radius-page: 16px;--radius-btn: 10px;--font: Inter, -apple-system, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--pine-deep);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}a{color:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:400;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--gold);color:var(--pine-deep);font-size:13px;font-weight:700;text-decoration:none}.skip-link:focus{transform:translateY(0)}.topbar{position:sticky;top:0;z-index:100;background:var(--pine-deep);box-shadow:0 1px #d7e7db0f}.topbar-main{height:52px;display:flex;align-items:center;gap:20px;padding:0 20px}.brand{display:inline-flex;align-items:center;gap:8px;color:#f7fbf7;text-decoration:none;white-space:nowrap}.brand-suit{color:var(--gold);font-size:19px;line-height:1}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.015em}.demo-badge{margin-left:2px;padding:3px 7px;border:1px solid rgba(240,201,111,.62);border-radius:999px;color:var(--gold-soft);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.top-nav{display:flex;align-items:center;gap:22px}.top-nav a{color:#f5faf6f0;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s ease}.top-nav a:hover,.top-nav a:focus-visible{color:#f7fbf7}.top-actions{margin-left:auto;display:flex;gap:6px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:none;color:#f5faf6f0;font-size:14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.icon-btn:hover,.icon-btn:focus-visible{background:#d7e7db14;border-color:#d7e7db1f;color:#f7fbf7}.game-strip{display:flex;gap:2px;padding:0 16px;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(215,231,219,.06);background:var(--pine-deep)}.game-strip::-webkit-scrollbar{display:none}.game-strip a{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:8px 14px 10px;border-bottom:2px solid transparent;color:#f5faf6f5;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .12s ease,border-color .12s ease}.game-strip a:hover,.game-strip a:focus-visible{color:#f7fbf7}.game-strip a.active{border-bottom-color:var(--gold);color:var(--gold);font-weight:600}.game-strip .sep{flex-shrink:0;width:1px;margin:8px 6px;background:#d7e7db14}.soon-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.95}.strip-more{color:#f5faf6db!important}.page-shell{background:var(--pine-deep)}.layout{display:flex;align-items:stretch;background:var(--pine-deep)}.ad-rail{display:none;width:160px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px 8px;background:var(--pine-deep)}.ad-slot{width:100%;display:flex;align-items:center;justify-content:center;padding:8px;border:1px dashed rgba(215,231,219,.12);border-radius:8px;background:#d7e7db09;color:#d7e7db52;font-size:9px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;user-select:none}.ad-slot-tall{height:280px}.ad-slot-short{height:200px}.stage{flex:1;min-width:0;min-height:min(calc(100vh - 92px),900px);min-height:min(calc(100dvh - 92px),900px);display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 18%,#214636 0%,var(--pine) 55%,var(--pine-deep) 100%);box-shadow:inset 0 0 120px #00000040}.stage-head{width:var(--board-w);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:12px 0 10px;flex-shrink:0}.stage-head-copy{min-width:0}.stage-head-copy h1{margin:0;color:#f7fbf7;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.035em;line-height:1.08}.stage-head-copy p{margin:4px 0 0;color:#f5faf6f5;font-size:12px;line-height:1.4}.stage-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex-shrink:0}.mode-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid rgba(238,246,240,.14);border-radius:20px;background:#eef6f01f;color:#eef6f0f5;font-size:11px;font-weight:500;white-space:nowrap}.mode-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.game-num{color:#f5faf6d1;font-size:11px;white-space:nowrap}.stat{color:#f5faf6f0;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat strong{color:#f7fbf7;font-weight:600}.board{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;padding:4px 20px 0}.board-top{width:var(--board-w);margin:0 auto 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}.board-top-left,.board-top-right{display:flex;align-items:flex-start;gap:12px}.stock{width:var(--card-w);height:var(--card-h);padding:0;border:0;background:none;cursor:pointer;flex-shrink:0}.stock .card{transition:transform .15s ease,box-shadow .15s ease}.stock:hover .card,.stock:focus-visible .card{transform:translateY(-3px);box-shadow:0 8px 18px #00000047}.slot{position:relative;width:var(--card-w);height:var(--card-h);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(215,231,219,.14);border-radius:calc(var(--card-w) * .13)}.slot.waste{border-style:solid;border-color:#d7e7db14;background:#0000001f}.slot.waste .card{position:absolute;inset:0;width:100%;height:100%}.slot-suit{font-size:calc(var(--card-w) * .34);line-height:1;color:#d7e7db2e}.slot-suit.red{color:#c0392b6b}.slot-suit.black{color:#d7e7db33}.tableau{width:var(--board-w);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--tableau-gap);min-height:calc(var(--card-h) * 2)}.col{position:relative;width:var(--card-w);flex:0 0 var(--card-w);min-height:calc(var(--card-h) * 2)}.card-slot{position:absolute;left:0;top:calc(var(--n) * var(--card-h) * var(--step));width:var(--card-w)}.card{display:block;position:relative;width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .13);background:#fff;border:1px solid #e2e5ea;box-shadow:0 1px 3px #1018282e;user-select:none;-webkit-user-select:none;transition:transform .14s ease,box-shadow .14s ease}.card-slot:hover .card-up{transform:translateY(-2px);box-shadow:0 5px 12px #0000003d}.card-up{color:var(--spade-black)}.card-up.red{color:var(--heart-red)}.card-back{overflow:hidden;border-color:#d7e7db29;background:repeating-linear-gradient(45deg,rgba(215,231,219,.055) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(215,231,219,.055) 0 2px,transparent 2px 7px),linear-gradient(135deg,#2e5a47,#1b3a2f)}.card-back:after{content:"";position:absolute;inset:5%;border:1px solid rgba(215,231,219,.14);border-radius:calc(var(--card-w) * .08)}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.corner b{font-size:calc(var(--card-w) * .22)}.corner i{font-size:calc(var(--card-w) * .19);font-style:normal}.corner.tl{top:5%;left:8%}.corner.br{right:8%;bottom:5%;transform:rotate(180deg)}.pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .48);line-height:1;opacity:.9}.controls{width:var(--board-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0 14px;flex-shrink:0}.controls-left{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{height:38px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:var(--radius-btn);font-family:var(--font);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:var(--pine-deep);box-shadow:0 3px 10px #f0c96f5c}.btn-primary:hover,.btn-primary:focus-visible{background:var(--gold-soft)}.btn-ghost{border:1px solid rgba(238,246,240,.16);background:#eef6f014;color:#eef6f0f5}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:#eef6f04d;background:#eef6f029}.btn-icon{font-size:14px;line-height:1;opacity:.8}.seg{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(215,231,219,.06);border-radius:var(--radius-btn);background:#0003}.seg button{height:30px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#f5faf6f5;font-family:var(--font);font-size:11px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.seg button:hover{color:#fafdfafc}.seg button.active{background:#eef6f02e;color:#fff;font-weight:600;box-shadow:0 1px 2px #0003}.demo-note{margin:0 0 12px;padding:0 16px;color:#f5faf6d1;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.5;text-align:center}.content{position:relative;background:var(--paper);border-top:3px solid var(--gold)}.content-inner{width:min(1100px,100%);margin:0 auto;padding:56px 32px 72px}.eyebrow{margin:0 0 10px;color:var(--pine);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.content-lead{max-width:720px;margin-bottom:36px}.content-lead h2{margin:0 0 12px;color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.content-lead p{max-width:640px;margin:0;color:var(--slate);font-size:15px;line-height:1.7}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:56px}.game-card{display:flex;flex-direction:column;gap:4px;min-height:148px;padding:18px 20px;border:1px solid var(--hairline);border-radius:12px;background:var(--card-ivory);color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-2px);border-color:#1b3a2f40;box-shadow:0 6px 20px #12281f1a}.game-card.is-coming{opacity:.74}.suit-mini{margin-bottom:2px;font-size:20px;line-height:1}.suit-mini.red{color:var(--heart-red)}.suit-mini.black{color:var(--spade-black)}.game-name{color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em}.game-desc{color:var(--slate);font-size:12px;line-height:1.5}.game-tag{margin-top:auto;padding-top:8px;color:var(--pine);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.62}.content-section{margin-bottom:44px}.content-section h2{margin:0 0 14px;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2}.content-section h2:before{content:"";display:inline-block;width:4px;height:20px;margin-right:10px;border-radius:2px;background:var(--pine);vertical-align:-3px}.content-section h3{margin:22px 0 8px;color:var(--ink);font-size:16px;font-weight:600;letter-spacing:-.01em}.content-section p,.content-section ol,.content-section ul{margin:0 0 12px;color:var(--slate);font-size:15px;line-height:1.75}.content-section ol,.content-section ul{padding-left:22px}.content-section li{margin-bottom:6px}.content-section strong{color:var(--ink);font-weight:600}.content-section a{color:var(--pine);font-weight:500;text-decoration:underline;text-decoration-color:#1b3a2f4d;text-underline-offset:2px;transition:text-decoration-color .12s ease}.content-section a:hover,.content-section a:focus-visible{text-decoration-color:var(--pine)}.callout{margin:16px 0;padding:14px 18px;border-left:3px solid var(--pine);border-radius:0 8px 8px 0;background:#1b3a2f0d;color:var(--slate);font-size:14px;line-height:1.65}.callout strong{color:var(--pine)}.in-content-ad{display:flex;align-items:center;justify-content:center;height:90px;margin:36px 0;border:1px dashed var(--hairline);border-radius:8px;background:repeating-linear-gradient(45deg,#1b3a2f0a,#1b3a2f0a 6px,#1b3a2f05 6px 12px);color:var(--slate);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;user-select:none}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}.score-grid article{padding:16px 18px;border:1px solid var(--hairline);border-radius:10px;background:#fff}.score-grid h3{margin:0 0 8px;color:var(--ink);font-size:15px}.score-grid p{margin:0;font-size:13px;line-height:1.6}.faq-list{border-top:1px solid var(--hairline)}.faq-list details{border-bottom:1px solid var(--hairline)}.faq-list summary{padding:16px 0;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.faq-list summary::marker{color:var(--pine)}.faq-list details p{max-width:760px;margin:0 0 16px}.inline-links{line-height:2}.footer{padding:28px 32px;border-top:1px solid rgba(215,231,219,.05);background:var(--pine-deep)}.footer-inner{width:min(1100px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:32px}.footer-brand a{display:inline-flex;align-items:center;gap:8px;color:#f7fbf7;font-size:15px;font-weight:700;text-decoration:none}.footer-brand p{max-width:320px;margin:12px 0 8px;color:#f5faf6d6;font-size:13px;line-height:1.6}.footer-note{color:#f5faf6bd;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h2{margin:0 0 4px;color:#fafdfafc;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.footer-col a{color:#f5faf6d6;font-size:13px;text-decoration:none;transition:color .12s ease}.footer-col a:hover,.footer-col a:focus-visible{color:#fafdfafc}.footer-bottom{width:min(1100px,100%);margin:26px auto 0;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(215,231,219,.08);color:#f5faf6d1;font-size:11px}.lang-switch{display:flex;gap:6px}.lang-switch a{padding:2px 7px;border-radius:4px;color:#f5faf6f0;font-size:11px;font-weight:600;text-decoration:none}.lang-switch a.active{background:#d4a94e1a;color:var(--gold)}.lang-switch a:hover{color:#f7fbf7}.scrim{position:fixed;inset:0;z-index:200;background:#0a140f8c;backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:210;width:min(400px,92vw);padding:24px;overflow-y:auto;background:var(--paper);color:var(--ink);box-shadow:-20px 0 60px #00000047;transform:translate(100%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.drawer.is-open{transform:translate(0);visibility:visible}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.drawer-head h2{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.03em}.drawer-head .eyebrow{margin-bottom:6px}.drawer-close{width:34px;height:34px;flex-shrink:0;border:1px solid var(--hairline);border-radius:8px;background:#fff;color:var(--slate);font-size:20px;line-height:1;cursor:pointer}.drawer-close:hover{color:var(--ink)}.drawer>p{color:var(--slate);font-size:14px;line-height:1.7}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--hairline)}.setting-row strong{display:block;color:var(--ink);font-size:14px;font-weight:600}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.setting-row input[type=checkbox]{position:relative;width:38px;height:22px;flex-shrink:0;appearance:none;border-radius:999px;background:#d8d5cc;cursor:pointer;transition:background .16s ease}.setting-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .16s ease}.setting-row input[type=checkbox]:checked{background:var(--pine)}.setting-row input[type=checkbox]:checked:after{transform:translate(16px)}.seg-small button{min-width:32px;padding:0 8px;color:var(--slate)}.seg-small{border-color:var(--hairline);background:var(--paper-warm)}.seg-small button.active{background:#fff;color:var(--pine);box-shadow:0 1px 2px #00000014}.swatches{display:flex;gap:8px}.swatch{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer}.swatch.active{border-color:var(--gold);box-shadow:0 0 0 2px #d4a94e2e}.swatch-pine{background:linear-gradient(135deg,#2e5a47,#1b3a2f)}.swatch-navy{background:linear-gradient(135deg,#2d4a6b,#16283f)}.swatch-amber{background:linear-gradient(135deg,#d9a65a,#8a5a1f)}.setting-stats{margin-top:18px;padding-top:16px;border-top:1px solid var(--hairline)}.stats-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats-head strong{color:var(--ink);font-size:14px}.stats-reset{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.stats-row{display:grid;gap:2px;margin-top:10px;font-size:12px}.stats-row span{color:var(--slate)}.stats-row strong{color:var(--ink);font-size:12px}.stats-row small{color:var(--muted);font-size:11px}.stats-empty{margin:10px 0 0;color:var(--muted);font-size:12px}.drawer-note{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.help-list{margin:18px 0;border-top:1px solid var(--hairline)}.help-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hairline);color:var(--slate);font-size:13px}.help-list strong{color:var(--ink);font-weight:600;text-align:right}kbd{padding:3px 7px;border:1px solid var(--hairline);border-bottom-width:2px;border-radius:5px;background:#fff;color:var(--ink);font-family:var(--font);font-size:11px;font-weight:700}.drawer h3{margin:24px 0 0;color:var(--ink);font-size:15px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:300;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:10px;background:#12281ff5;color:#f7fbf7;box-shadow:0 10px 30px #0000003d;font-size:12px;font-weight:600;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(min-width:2200px){:root{--card-w: calc(220px * var(--card-scale));--tableau-gap: 26px}}@media(max-width:1799px){:root{--card-w: calc(152px * var(--card-scale));--tableau-gap: 17px}}@media(max-width:1439px){:root{--card-w: calc(140px * var(--card-scale));--tableau-gap: 16px}}@media(max-width:1279px){:root{--card-w: calc(124px * var(--card-scale));--tableau-gap: 14px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){:root{--card-w: calc(96px * var(--card-scale));--tableau-gap: 10px}.content-inner{padding:46px 24px 60px}.footer{padding:28px 24px}}@media(max-width:819px){:root{--card-w: calc(84px * var(--card-scale));--tableau-gap: 8px}.topbar-main{height:48px;padding:0 14px;gap:12px}.top-nav,.demo-badge{display:none}.brand-name{font-size:14px}.brand-suit{font-size:17px}.game-strip{padding:0 10px}.game-strip a{padding:7px 10px 9px;font-size:11px}.stage-head{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0 6px}.stage-head-copy h1{font-size:22px}.stage-head-copy p{font-size:11px}.stage-head-meta{justify-content:flex-start;gap:8px}.board{padding:4px 10px 0}.board-top{margin-bottom:10px}.controls{padding:8px 0 12px}.btn{height:42px;padding:0 14px;font-size:12px}.seg button{height:34px;padding:0 10px;font-size:10px}.content-inner{padding:36px 18px 52px}.content-lead h2{font-size:23px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.content-section h2{font-size:19px}.content-section h3{font-size:15px}.content-section p,.content-section ol,.content-section ul{font-size:14px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:900px){.stage{min-height:0}}@media(max-width:720px){.score-grid{grid-template-columns:1fr}}@media(max-width:699px){:root{--card-w: calc(74px * var(--card-scale));--tableau-gap: 8px}}@media(max-width:599px){:root{--card-w: calc(58px * var(--card-scale));--tableau-gap: 6px}}@media(max-width:479px){:root{--card-w: calc(46px * var(--card-scale));--tableau-gap: 4px}.top-actions{gap:3px}.icon-btn{width:32px;height:32px;font-size:13px}.board-top-left,.board-top-right{gap:3px}.game-num{display:none}.stage-head-copy h1{font-size:20px}.stage-head-meta{gap:8px}.stat,.mode-pill{font-size:10px}.controls{gap:8px}.controls-left{gap:5px}.btn{padding:0 11px;font-size:11px}.btn-icon{display:none}.seg button{padding:0 8px}.content-inner{padding:32px 16px 44px}.content-lead h2{font-size:21px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-card{min-height:0;padding:14px}.game-desc{font-size:11px}.game-name{font-size:13px}.content-section h2{font-size:18px}.content-section h2:before{height:17px}.footer{padding:24px 16px}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.drawer{padding:20px}}@media(max-width:359px){:root{--card-w: calc(40px * var(--card-scale));--sp-card-w: calc(28px * var(--card-scale));--tableau-gap: 3px}.board{padding-left:6px;padding-right:6px}.stage-head-copy h1{font-size:18px}.controls-left{gap:4px}.btn{padding:0 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.breadcrumbs{margin:0 0 22px;color:var(--muted);font-size:11px;font-weight:600}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.breadcrumbs li{display:inline-flex;align-items:center;gap:6px}.breadcrumbs li+li:before{content:"/";color:var(--hairline)}.breadcrumbs a{color:var(--slate);text-decoration:none}.breadcrumbs a:hover{color:var(--pine)}.breadcrumbs [aria-current=page]{color:var(--ink)}.content-head{max-width:820px;margin:0 0 34px}.content-head h1{margin:0;color:var(--ink);font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.04}.content-head .lede{max-width:720px;margin:16px 0 0;color:var(--slate);font-size:16px;line-height:1.75}.placeholder-panel{margin:28px 0 40px;padding:28px;border:1px solid var(--hairline);border-radius:16px;background:#fff}.placeholder-panel h2{margin:0 0 10px;color:var(--ink);font-size:20px;letter-spacing:-.02em}.placeholder-panel p{max-width:720px;margin:0 0 12px;color:var(--slate);font-size:14px;line-height:1.75}.placeholder-panel p:last-child{margin-bottom:0}.preview-note{margin:18px 0 0;color:var(--muted);font-size:11px;font-weight:600;line-height:1.6}@media(max-width:819px){.breadcrumbs{margin-bottom:16px}.content-head h1{font-size:clamp(28px,7vw,38px)}.content-head .lede{font-size:14px}.placeholder-panel{padding:20px}}.footer-mail{color:#f5faf6c7;font-size:12px;font-weight:700;text-decoration:none}.footer-mail:hover{color:#fff}.lang-switch .is-disabled{padding:2px 7px;color:#f5faf652;font-size:11px;font-weight:600;cursor:not-allowed}.placeholder-panel a{color:var(--pine);font-weight:600;text-decoration:underline;text-decoration-color:#1b3a2f4d;text-underline-offset:2px}.placeholder-panel a:hover{text-decoration-color:var(--pine)}.score-table{width:100%;max-width:640px;margin:16px 0 18px;border-collapse:collapse;font-size:14px}.score-table caption{margin-bottom:8px;color:var(--slate);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.score-table th,.score-table td{padding:10px 12px;border-bottom:1px solid var(--hairline);text-align:left}.score-table th{color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.score-table td{color:var(--slate)}.score-table td:last-child{color:var(--pine);font-weight:700;text-align:right;white-space:nowrap}@media(max-width:819px){.score-table{font-size:13px}.score-table th,.score-table td{padding:8px 6px}}@media(max-width:819px){.btn{height:44px}.icon-btn{width:44px;height:44px}.seg button{height:40px}.drawer-close{width:40px;height:40px}}.consent-banner{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:400;width:min(calc(100vw - 32px),560px);transform:translate(-50%);display:grid;gap:10px;padding:14px 16px;border:1px solid rgba(238,246,240,.18);border-radius:12px;background:var(--pine-deep);color:#eef6f0;box-shadow:0 12px 32px #0000004d;font-size:13px}.consent-banner[hidden]{display:none}.consent-banner p{margin:0;color:#eef6f0cc;line-height:1.5}.consent-banner a{color:var(--gold)}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.consent-actions .btn{min-height:40px}.nav-toggle{display:none}.nav-drawer-links{display:grid;gap:4px;margin-top:12px}.nav-drawer-links a{padding:12px 10px;border-radius:8px;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.nav-drawer-links a:hover,.nav-drawer-links a:focus-visible,.nav-drawer-links a[aria-current=page]{background:var(--paper-warm);color:var(--pine)}.nav-drawer-links h3{margin:18px 0 4px;padding:0 10px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:819px){.nav-toggle{display:inline-flex}}
