:root{--bg: #120a1c;--bg-2: #170d24;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-3: #1b1230;--ink: #f5f1fb;--muted: #b3a6c9;--muted-2: #7c6f95;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--brand: #ff2e9a;--brand-2: #00e5ff;--brand-ink: #160512;--c-classicos: #ff8a3d;--c-puzzle: #c264ff;--c-memoria: #2ad4ff;--c-cartas: #21e6a0;--c-arcade: #ff3d7f;--good: #34d399;--warn: #fbbf24;--bad: #fb7185;--radius: 18px;--radius-sm: 12px;--shadow: 0 24px 60px -28px rgba(0, 0, 0, .85);--maxw: 1140px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Space Grotesk", var(--font);--accent: var(--brand);color-scheme:dark}[data-category=classicos]{--accent: var(--c-classicos)}[data-category=puzzle]{--accent: var(--c-puzzle)}[data-category=memoria]{--accent: var(--c-memoria)}[data-category=cartas]{--accent: var(--c-cartas)}[data-category=arcade]{--accent: var(--c-arcade)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 8% -8%,rgba(255,46,154,.16),transparent 70%),radial-gradient(55% 50% at 100% 0%,rgba(0,229,255,.12),transparent 70%),radial-gradient(70% 60% at 50% 122%,rgba(194,100,255,.1),transparent 70%);pointer-events:none}a{color:var(--brand-2);text-decoration:none}h1,h2,h3{font-family:var(--font-display)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}header.site{background:#120a1cb8;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:18px;color:var(--ink);text-decoration:none}.logo{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;box-shadow:0 6px 22px -6px #ff2e9a99}.logo svg{width:20px;height:20px;color:#180a14}.brand .t{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{display:block;font-family:var(--font);font-size:11px;font-weight:500;color:var(--muted)}.nav .privacy{font-size:12.5px;color:var(--brand-2);font-weight:700;display:inline-flex;align-items:center;gap:6px;background:#00e5ff14;border:1px solid rgba(0,229,255,.32);padding:6px 12px;border-radius:999px}@media (max-width: 560px){.nav .privacy span{display:none}}.hero{position:relative;text-align:center;padding:60px 0 14px}.hero:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:min(820px,94%);height:100%;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 22%,rgba(255,46,154,.12),transparent 72%)}.hero h1{font-size:clamp(30px,5vw,54px);font-weight:700;letter-spacing:-.03em;margin:0 0 14px;line-height:1.08}.hero h1 .g{background:linear-gradient(90deg,var(--brand) 5%,#c264ff 48%,var(--brand-2) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 26px rgba(255,46,154,.4))}.hero p{color:var(--muted);font-size:clamp(15px,2vw,18px);max-width:660px;margin:0 auto}.cat{margin-top:48px}.cat:first-of-type{margin-top:34px}.cat-head{position:relative;padding-left:16px;margin-bottom:18px}.cat-head:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:999px;background:linear-gradient(var(--accent),color-mix(in oklab,var(--accent) 30%,transparent));box-shadow:0 0 16px -2px var(--accent)}.cat-title{font-size:clamp(19px,3vw,25px);font-weight:700;letter-spacing:-.02em;margin:0}.cat-tag{color:var(--muted);font-size:13.5px;margin:5px 0 0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:18px}.game-tile{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--ink);text-decoration:none;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-tile:not(.is-soon):hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2));box-shadow:0 22px 50px -26px color-mix(in oklab,var(--accent) 65%,#000),0 0 0 1px color-mix(in oklab,var(--accent) 25%,transparent)}.game-tile:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}.tile-cover{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background-color:var(--bg-2);background-image:radial-gradient(125% 110% at 0% 0%,color-mix(in oklab,var(--accent) 62%,transparent),transparent 60%),radial-gradient(120% 120% at 100% 105%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 58%),linear-gradient(150deg,color-mix(in oklab,var(--accent) 26%,var(--bg-2)) 0%,var(--bg) 90%)}.tile-cover:after{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in oklab,var(--accent) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--accent) 16%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(85% 80% at 50% 125%,#000,transparent 70%);mask-image:radial-gradient(85% 80% at 50% 125%,#000,transparent 70%);opacity:.55;pointer-events:none}.tile-glyph{position:relative;width:44%;max-width:96px;aspect-ratio:1;display:grid;place-items:center;color:color-mix(in oklab,var(--accent) 72%,#ffffff);filter:drop-shadow(0 6px 20px color-mix(in oklab,var(--accent) 55%,transparent))}.tile-glyph svg{width:100%;height:100%;display:block;stroke-width:1.6}.tile-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-badge svg{width:11px;height:11px}.tile-badge.is-live{color:var(--brand-ink);background:var(--accent);box-shadow:0 4px 14px -4px color-mix(in oklab,var(--accent) 70%,transparent)}.tile-badge.is-soon{color:var(--muted);background:#0000006b;border:1px solid var(--line-2)}.tile-body{display:flex;flex-direction:column;gap:7px;flex:1;padding:13px 15px 15px}.tile-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;margin:0;color:var(--ink)}.tile-desc{color:var(--muted);font-size:12.5px;line-height:1.45;margin:0}.tile-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}.chip{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:3px 9px;border-radius:999px;white-space:nowrap}.chip-diff{color:color-mix(in oklab,var(--accent) 60%,var(--ink));border-color:color-mix(in oklab,var(--accent) 30%,var(--line))}.game-tile.is-soon{cursor:default}.game-tile.is-soon .tile-cover{filter:saturate(.5) brightness(.82)}.game-tile.is-soon .tile-glyph{color:color-mix(in oklab,var(--accent) 40%,var(--muted-2));filter:none}.game-tile.is-soon .tile-name{color:var(--muted)}footer.site{border-top:1px solid var(--line);margin-top:72px;padding:30px 0 50px;color:var(--muted);font-size:13px;text-align:center}footer.site .foot-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;margin-bottom:16px}footer.site .foot-nav a{color:var(--muted);font-weight:600;transition:color .12s}footer.site .foot-nav a:hover{color:var(--ink)}footer.site .foot-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}footer.site .foot-more-label{width:100%;margin-bottom:4px;color:var(--muted-2);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}footer.site .foot-more .pill{display:inline-flex;align-items:center;gap:7px;padding:7px 15px 7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-weight:600;font-size:13px;transition:border-color .14s,color .14s,transform .14s}footer.site .foot-more .pill svg{width:16px;height:16px;color:var(--accent);transition:transform .14s}footer.site .foot-more .pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}footer.site .foot-more .pill:hover svg{transform:scale(1.12) rotate(-6deg)}footer.site .ddev{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-size:19px;letter-spacing:-.02em;line-height:1}footer.site .ddev .ddev-1{color:var(--ink);font-weight:300}footer.site .ddev .ddev-2{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}footer.site .foot-meta{margin-top:10px;color:var(--muted-2)}.legal{max-width:760px;padding-top:44px;padding-bottom:24px}.legal h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;margin:0 0 10px}.legal .legal-intro{color:var(--muted);font-size:16px;margin:0 0 8px}.legal section{margin-top:28px}.legal h2{font-size:18px;margin:0 0 8px}.legal p{color:var(--muted);line-height:1.7;margin:0 0 10px}.legal a{color:var(--brand-2)}.legal a:hover{color:var(--brand)}.hidden{display:none!important}.game-shell{display:flex;flex-direction:column;min-height:100dvh}.game-chrome{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-left)) 10px max(16px,env(safe-area-inset-right));background:#120a1cb8;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.gc-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;color:var(--muted);font-weight:600;font-size:14px;border:1px solid var(--line);border-radius:999px;transition:color .15s,border-color .15s}.gc-back:hover{color:var(--ink);border-color:var(--line-2)}.gc-back svg{width:18px;height:18px}.gc-title{flex:1;min-width:0;margin:0;font-size:clamp(16px,3vw,20px);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-actions{display:flex;align-items:center;gap:8px}.gc-act{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 14px;font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.gc-act:hover{border-color:var(--line-2)}.gc-act:active{transform:translateY(1px)}.gc-act:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.gc-act:disabled{opacity:.45;cursor:not-allowed}.gc-act svg{width:18px;height:18px}.gc-act-ic{display:inline-flex}.gc-act.is-primary{color:var(--brand-ink);background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent}.gc-mute{padding:0;width:44px}.gc-mute[aria-pressed=true]{color:var(--muted)}.game-stage{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.gc-immersive-exit{display:none;position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:120;width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink);background:#120a1c99;border:1px solid var(--line-2);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gc-immersive-exit svg{width:20px;height:20px}.game-shell.immersive{position:fixed;inset:0;z-index:100;background:var(--bg)}.game-shell.immersive .game-chrome{display:none}.game-shell.immersive .gc-immersive-exit{display:inline-flex}body.immersive-lock{overflow:hidden}@media (max-width: 420px){.gc-back span,.gc-max-label{display:none}.gc-back,.gc-act{padding:0 12px}}@media (max-width: 560px){.hero{padding:22px 0 4px}.hero h1{font-size:23px;margin:0 0 6px}.hero p{display:none}.cat{margin-top:28px}.cat:first-of-type{margin-top:22px}.cat-head{margin-bottom:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile-cover{aspect-ratio:16 / 9}.tile-body{gap:5px;padding:10px 11px 12px}.tile-name{font-size:14px}.tile-desc{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{padding-top:4px}}@media (max-width: 380px){.game-grid{grid-template-columns:1fr}.tile-cover{aspect-ratio:16 / 7}.tile-desc{-webkit-line-clamp:3}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.game-tile:not(.is-soon):hover{transform:none}}.continue{margin:28px 0 0}.continue-title{display:flex;align-items:center;gap:9px;font-size:clamp(18px,3vw,23px);font-weight:700;letter-spacing:-.02em;margin:0 0 14px}.continue-title:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--brand);box-shadow:0 0 12px var(--brand)}.continue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.continue-card{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 16%,var(--surface-3)),var(--bg-2));color:var(--ink);transition:transform .16s ease,border-color .16s ease}.continue-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.continue-card:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.continue-glyph{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:color-mix(in oklab,var(--accent) 22%,var(--bg));color:color-mix(in oklab,var(--accent) 75%,#fff)}.continue-glyph svg{width:24px;height:24px}.continue-info{display:flex;flex-direction:column;min-width:0}.continue-name{font-family:var(--font-display);font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-cta{font-size:12.5px;font-weight:600;color:color-mix(in oklab,var(--accent) 70%,var(--ink))}.hub-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:24px 0 10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.filter-search{position:relative;display:flex;align-items:center;flex:1 1 230px}.filter-search svg{position:absolute;left:14px;width:18px;height:18px;color:var(--muted-2);pointer-events:none}.filter-input{width:100%;min-height:44px;padding:10px 16px 10px 42px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:15px}.filter-input::placeholder{color:var(--muted-2)}.filter-input:focus-visible{outline:2px solid var(--brand-2);outline-offset:1px;border-color:transparent}.chip-filter{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--muted);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.chip-filter:hover{color:var(--ink);border-color:var(--line-2)}.chip-filter:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.chip-filter.is-active{color:var(--brand-ink);background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent}.facet{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.facet-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.facet-pills{display:flex;flex-wrap:wrap;gap:7px}.btn-clear{min-height:40px;padding:8px 16px;border:1px solid color-mix(in oklab,var(--brand) 45%,var(--line));border-radius:999px;background:color-mix(in oklab,var(--brand) 14%,var(--surface));color:color-mix(in oklab,var(--brand) 78%,var(--ink));font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background .14s ease}.btn-clear:hover{background:color-mix(in oklab,var(--brand) 22%,var(--surface))}.btn-clear:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.filter-toggle{display:none}.filter-panel,.filter-panel-body,.filter-actions{display:contents}.filter-panel-head,.btn-apply,.filter-backdrop{display:none}.hub-empty{text-align:center;padding:54px 16px 20px;color:var(--muted)}.hub-empty-title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink);margin:0 0 6px}.hub-empty p{margin:0 0 16px}@media (max-width: 560px){.hub-toolbar{flex-wrap:nowrap;gap:8px;padding:8px;margin:14px 0 6px}.filter-search{flex:1 1 auto}.filter-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer}.filter-toggle svg{width:18px;height:18px}.filter-toggle.is-active{border-color:color-mix(in oklab,var(--brand) 55%,transparent);color:color-mix(in oklab,var(--brand) 82%,var(--ink))}.filter-toggle:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:700}.filter-toggle.is-active .filter-count{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink)}.filter-backdrop{display:block;position:fixed;inset:0;z-index:105;background:#08040e99;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-backdrop.open{opacity:1;visibility:visible}.filter-panel{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:110;width:min(86vw,340px);background:var(--bg-2);border-right:1px solid var(--line-2);box-shadow:var(--shadow);transform:translate(-100%);visibility:hidden;transition:transform .28s ease,visibility .28s ease;overflow-y:auto;overscroll-behavior:contain}.filter-panel.open{transform:translate(0);visibility:visible}.filter-panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;padding:16px;background:var(--bg-2);border-bottom:1px solid var(--line)}.filter-panel-head strong{font-family:var(--font-display);font-size:17px}.filter-close{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--ink);cursor:pointer}.filter-close svg{width:20px;height:20px}.filter-close:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.filter-panel-body{display:flex;flex-direction:column;gap:22px;flex:1;padding:18px 16px}.facet{flex-direction:column;align-items:stretch;gap:11px}.facet-label{font-size:12px}.facet-pills{gap:8px}.chip-filter{min-height:40px}.filter-actions{display:flex;gap:10px;position:sticky;bottom:0;margin-top:auto;padding:14px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-2)}.btn-clear{flex:1;min-height:46px}.btn-apply{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:46px;padding:0 16px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer}.btn-apply:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}body.filter-open{overflow:hidden}.continue-grid{grid-template-columns:1fr}}.sudoku{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:14px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.game-shell.immersive .game-stage{overflow-y:auto;-webkit-overflow-scrolling:touch}.sdk-toolbar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.sdk-seg{display:inline-flex;gap:2px;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.sdk-seg button{min-height:40px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .12s,background .12s}.sdk-seg button:hover{color:var(--ink)}.sdk-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.sdk-tbtn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .12s}.sdk-tbtn svg{width:16px;height:16px}.sdk-tbtn:hover{border-color:var(--accent)}.sdk-daily.on{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.sdk-stats{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.sdk-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:13px;font-weight:600}.sdk-chip svg{width:15px;height:15px;color:var(--muted-2)}.sdk-chip b{color:var(--ink);font-variant-numeric:tabular-nums}.sdk-pause{cursor:pointer;font-family:var(--font)}.sdk-pause:hover{border-color:var(--accent);color:var(--ink)}.sdk-errchip b{color:var(--bad)}.sdk-board-wrap{position:relative;width:min(100%,70vh,520px)}.sdk-board{width:100%;aspect-ratio:1;container-type:inline-size;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:var(--surface-3);border:3px solid var(--line-2);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);touch-action:manipulation}.sdk-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .08s}.sdk-cell.bx-r{border-right:2px solid var(--line-2)}.sdk-cell.bx-b{border-bottom:2px solid var(--line-2)}.sdk-val{font-size:6.1cqw;font-weight:600;line-height:1}.sdk-cell.given .sdk-val{color:var(--ink);font-weight:800}.sdk-cell.user .sdk-val{color:var(--accent)}.sdk-cell.err .sdk-val{color:var(--bad)}.sdk-notes{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}.sdk-notes i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:2.4cqw;line-height:1;color:var(--muted-2);visibility:hidden}.sdk-notes i.on{visibility:visible}.sdk-cell.peer{background:#ffffff0b}.sdk-cell.same{background:color-mix(in srgb,var(--accent) 20%,transparent)}.sdk-cell.err{background:#fb71852e}.sdk-cell.sel{background:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.sdk-cell.hint{animation:sdk-hintflash .7s ease}@keyframes sdk-hintflash{0%{background:#34d39999}to{background:#34d39900}}.sdk-cell:not(.given):hover{background:#ffffff0f}.sdk-cell.sel:hover{background:color-mix(in srgb,var(--accent) 32%,transparent)}.sdk-pause-ov{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:#120a1ce6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--muted);font-weight:700;cursor:pointer}.sdk-pause-ov svg{width:34px;height:34px;color:var(--accent)}.sdk-pause-sub{font-size:12px;font-weight:500;color:var(--muted-2)}.sdk-board-wrap.paused .sdk-pause-ov{display:flex}.sdk-board-wrap.paused .sdk-board{filter:blur(8px)}.sdk-pad{width:100%;display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.sdk-padbtn{position:relative;min-width:0;min-height:52px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:clamp(17px,4.6vw,22px);font-weight:800;cursor:pointer;transition:border-color .1s,transform .1s}.sdk-padbtn:hover{border-color:var(--accent)}.sdk-padbtn:active{transform:scale(.95)}.sdk-padbtn.done{opacity:.3}.sdk-rem{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9.5px;font-weight:700;color:var(--muted-2)}.sdk-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sdk-act{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:56px;padding:9px 4px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .12s}.sdk-act svg{width:21px;height:21px;color:var(--muted)}.sdk-act:hover{border-color:var(--accent)}.sdk-act:hover svg{color:var(--accent)}.sdk-act.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.sdk-act.on svg{color:var(--accent)}.sdk-badge{position:relative}.sdk-badge small{position:absolute;top:-6px;right:-12px;padding:1px 4px;border-radius:6px;background:var(--accent);color:var(--brand-ink);font-size:8.5px;font-weight:800}.sdk-opts{width:100%;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sdk-opts summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.sdk-opts summary::-webkit-details-marker{display:none}.sdk-opts summary:after{content:"+";color:var(--accent);font-size:18px}.sdk-opts[open] summary:after{content:"−"}.sdk-opts-body{display:flex;flex-direction:column;gap:11px;padding:4px 0 16px}.sdk-check{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;cursor:pointer;user-select:none}.sdk-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.sdk-print{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:2px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink);font-family:var(--font);font-size:14px;font-weight:800;cursor:pointer}.sdk-print svg{width:16px;height:16px}.sdk-print:hover{filter:brightness(1.06)}.sdk-confetti{position:fixed;inset:0;z-index:160;width:100%;height:100%;pointer-events:none}.sdk-winner{position:fixed;inset:0;z-index:170;display:none;align-items:center;justify-content:center;padding:20px;background:#0a0610a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sdk-winner.on{display:flex}.sdk-winbox{width:100%;max-width:380px;padding:28px 26px;border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,var(--surface-3),var(--bg-2));box-shadow:var(--shadow);text-align:center;animation:sdk-pop .3s ease}@keyframes sdk-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.sdk-eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sdk-wintime{margin:6px 0 2px;color:var(--ink);font-size:clamp(34px,9vw,50px);font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sdk-winmeta{margin:0 0 18px;color:var(--muted);font-size:13.5px}.sdk-winacts{display:flex;gap:10px}.sdk-winacts button{flex:1;min-height:46px;padding:12px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink);font-family:var(--font);font-weight:800;cursor:pointer}.sdk-winacts .sdk-primary{border:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink)}.sdk-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:180;transform:translate(-50%) translateY(20px);padding:11px 18px;border:1px solid var(--brand-2);border-radius:999px;background:var(--bg-2);color:var(--ink);font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.sdk-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sdk-seo{padding:8px 16px 56px}.sdk-seo-wrap{max-width:720px;margin:0 auto}.sdk-seo h1{margin:16px 0 10px;font-size:clamp(20px,4vw,26px);letter-spacing:-.02em}.sdk-seo h2{margin:22px 0 8px;font-size:17px}.sdk-seo p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.7}.sdk-seo ul{margin:0 0 12px;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.7}.sdk-seo strong{color:var(--ink)}.sdk-qa{margin-bottom:10px;padding:2px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sdk-qa summary{display:flex;justify-content:space-between;gap:12px;padding:13px 0;color:var(--ink);font-size:14px;font-weight:700;list-style:none;cursor:pointer}.sdk-qa summary::-webkit-details-marker{display:none}.sdk-qa summary:after{content:"+";color:var(--accent);font-size:18px}.sdk-qa[open] summary:after{content:"−"}.sdk-qa p{margin:0 0 13px;font-size:13.5px}.sdk-seo-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.sdk-foot-free{color:var(--accent);font-size:12.5px;font-weight:700}.sdk-ddev{display:inline-flex;font-size:13px;font-weight:800;letter-spacing:.02em}.sdk-ddev-1{color:var(--muted)}.sdk-ddev-2{color:var(--ink)}.sdk-print-area{display:none}.sdk-print-area .pgrid{width:170mm;height:170mm;max-width:96%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2.6px solid #000}.sdk-print-area .pgrid .pc{display:flex;align-items:center;justify-content:center;border-right:.6px solid #555;border-bottom:.6px solid #555;font:700 20pt Times New Roman,Georgia,serif;color:#000}.sdk-print-area .pgrid .pc.br{border-right:2px solid #000}.sdk-print-area .pgrid .pc.bb{border-bottom:2px solid #000}.sdk-print-area .pgrid .pc.er{border-right:0}.sdk-print-area .pgrid .pc.eb{border-bottom:0}.sdk-print-area .pgrid.small{width:92mm;height:92mm}.sdk-print-area .pgrid.small .pc{font-size:11pt}@media print{@page{margin:14mm}body{background:#fff!important}body>*:not(.sdk-print-area){display:none!important}.sdk-print-area{display:block!important;background:#fff;color:#000}.sdk-print-area h2{margin:0 0 1mm;font:800 18pt sans-serif;color:#000}.sdk-print-area .psub{margin:0 0 6mm;font:11pt sans-serif;color:#333}.sdk-print-area .pgrid{page-break-inside:avoid}.sdk-print-area .gab{margin-top:10mm}.sdk-print-area .gab h3{margin:0 0 2mm;font:700 12pt sans-serif;color:#000}}.campo{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:600px;margin:0 auto;padding:14px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.cm-toolbar{display:flex;justify-content:center;width:100%}.cm-seg{display:inline-flex;gap:2px;max-width:100%;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.cm-seg button{min-height:40px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .12s,background .12s}.cm-seg button:hover{color:var(--ink)}.cm-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.cm-custom{display:none;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:center;width:100%}.cm-custom.show{display:flex}.cm-custom label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11.5px;font-weight:600}.cm-custom input{width:72px;padding:9px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:14px;text-align:center}.cm-custom button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink);font-family:var(--font);font-size:13.5px;font-weight:800;cursor:pointer}.cm-status{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:560px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.cm-counter{display:inline-flex;align-items:center;gap:8px;min-width:84px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.cm-counter.cm-time{justify-content:flex-end}.cm-counter svg{width:16px;height:16px}.cm-counter.cm-mines svg{color:var(--bad)}.cm-counter.cm-time svg{color:var(--muted-2)}.cm-face{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);cursor:pointer;transition:transform .08s,border-color .12s}.cm-face:hover{border-color:var(--accent)}.cm-face:active{transform:scale(.94)}.cm-face svg{width:28px;height:28px}.cm-board-scroll{max-width:100%;padding:8px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}.cm-board{display:grid;margin:0 auto;grid-template-columns:repeat(var(--cm-cols, 9),var(--cm-cell, 34px));touch-action:manipulation}.cm-board.shake{animation:cm-shake .4s}@keyframes cm-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cm-cell{display:flex;align-items:center;justify-content:center;width:var(--cm-cell, 34px);height:var(--cm-cell, 34px);border:1px solid #0c0717;color:#fff;font-weight:800;font-size:calc(var(--cm-cell, 34px) * .5);line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(150deg,#34254a,#20162f);box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #0006}.cm-cell:not(.rev):hover{filter:brightness(1.16)}.cm-cell svg{width:62%;height:62%}.cm-cell.rev{border-color:#0c0717;background:var(--surface);box-shadow:none;cursor:default}.cm-cell.rev.zero{background:var(--bg-2)}.cm-cell.flag{color:var(--accent)}.cm-cell.q{color:var(--warn)}.cm-cell.mine{background:#3a1530}.cm-cell.mine svg{color:var(--ink)}.cm-cell.boom{background:var(--bad)}.cm-cell.boom svg{color:#fff}.cm-cell.wrong{background:#3a1530}.cm-cell.hintpulse{animation:cm-hintpulse 1.1s ease 2}@keyframes cm-hintpulse{0%,to{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 0 3px var(--accent)}}.cm-n1{color:#60a5fa}.cm-n2{color:#4ade80}.cm-n3{color:#fb7185}.cm-n4{color:#c084fc}.cm-n5{color:#fbbf24}.cm-n6{color:#22d3ee}.cm-n7{color:#f472b6}.cm-n8{color:#cbd5e1}.cm-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:560px}.cm-ctl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .12s}.cm-ctl svg{width:19px;height:19px;color:var(--muted)}.cm-ctl:hover{border-color:var(--accent)}.cm-ctl:hover svg{color:var(--accent)}.cm-ctl.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.cm-ctl.on svg{color:var(--accent)}.cm-opts{width:100%;max-width:560px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cm-opts summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.cm-opts summary::-webkit-details-marker{display:none}.cm-opts summary:after{content:"+";color:var(--accent);font-size:18px}.cm-opts[open] summary:after{content:"−"}.cm-opts-body{display:flex;flex-direction:column;gap:11px;padding:4px 0 16px}.cm-check{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;cursor:pointer;user-select:none}.cm-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.cm-check.disabled{opacity:.45;cursor:not-allowed}.cm-records{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.cm-rec-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:13px}.cm-rec-row b{color:var(--ink);font-variant-numeric:tabular-nums}.cm-confetti{position:fixed;inset:0;z-index:160;width:100%;height:100%;pointer-events:none}.cm-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:180;transform:translate(-50%) translateY(20px);padding:11px 18px;border:1px solid var(--brand-2);border-radius:999px;background:var(--bg-2);color:var(--ink);font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.cm-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.pac{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:600px;margin:0 auto;padding:14px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.pac-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;width:100%}.pac-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .12s,filter .12s}.pac-btn svg{width:17px;height:17px}.pac-btn:hover{border-color:var(--accent)}.pac-btn:disabled{opacity:.45;cursor:not-allowed}.pac-btn.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.pac-btn.primary:hover{filter:brightness(1.06)}.pac-stats{display:inline-flex;gap:16px;color:var(--muted);font-size:13.5px}.pac-stats b{color:var(--ink);font-variant-numeric:tabular-nums}.pac-table{width:100%;min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 10%,var(--bg-2)),var(--bg-2));box-shadow:var(--shadow)}.pac-top,.pac-tableau{display:grid;grid-template-columns:repeat(7,var(--pac-cw, 64px));gap:var(--pac-gap, 10px);justify-content:center}.pac-tableau{margin-top:16px;align-items:start}.pac-slot{position:relative;width:var(--pac-cw, 64px);height:var(--pac-ch, 90px);border-radius:calc(var(--pac-cw, 64px) * .12)}.pac-slot.found{border:1.5px dashed color-mix(in oklab,var(--accent) 40%,var(--line-2))}.pac-slot.found:after{content:attr(data-suit);position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--pac-cw, 64px) * .5);color:color-mix(in oklab,var(--accent) 22%,transparent)}#pac-stock{border:1.5px dashed var(--line-2);cursor:pointer}.pac-spacer{visibility:hidden}.pac-col{position:relative;width:var(--pac-cw, 64px);min-height:var(--pac-ch, 90px)}.pac-col.placeholder{border:1.5px dashed var(--line);border-radius:calc(var(--pac-cw, 64px) * .12)}.pac-card{position:absolute;left:0;width:var(--pac-cw, 64px);height:var(--pac-ch, 90px);border-radius:calc(var(--pac-cw, 64px) * .12);background:#fdfdfb;box-shadow:0 1px 2px #00000073,inset 0 0 0 1px #00000014;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.pac-card.red{color:#d61f4f}.pac-card.black{color:#1b1230}.pac-card .idx{position:absolute;top:5%;left:8%;font-weight:800;line-height:.92;font-size:calc(var(--pac-cw, 64px) * .3);text-align:center}.pac-card .big{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--pac-cw, 64px) * .56);font-weight:700}.pac-card.down{background:repeating-linear-gradient(45deg,#2a1a44,#2a1a44 6px,#3a2560 6px 12px);box-shadow:0 1px 2px #00000073,inset 0 0 0 2px #fdfdfb38,inset 0 0 0 3px #2a1a44}.pac-card.sel{outline:3px solid var(--accent);outline-offset:-1px;box-shadow:0 6px 16px -4px var(--accent);z-index:50!important}.pac-card.hintpulse{animation:pac-hintpulse 1s ease 2}@keyframes pac-hintpulse{0%,to{box-shadow:0 1px 2px #00000073}50%{box-shadow:0 0 0 3px var(--accent),0 6px 18px -2px var(--accent)}}.pac-stock-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--muted-2)}.pac-stock-empty svg{width:42%;height:42%}.pac-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:560px}.pac-ctl{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:9px 4px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:11.5px;font-weight:700;text-align:center;cursor:pointer;transition:border-color .12s}.pac-ctl svg{width:20px;height:20px;color:var(--muted)}.pac-ctl:hover{border-color:var(--accent)}.pac-ctl:hover svg{color:var(--accent)}.pac-ctl:disabled{opacity:.4;cursor:not-allowed}.pac-ctl:disabled:hover{border-color:var(--line-2)}.pac-ctl:disabled:hover svg{color:var(--muted)}.pac-opts{width:100%;max-width:560px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.pac-opts summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.pac-opts summary::-webkit-details-marker{display:none}.pac-opts summary:after{content:"+";color:var(--accent);font-size:18px}.pac-opts[open] summary:after{content:"−"}.pac-opts-body{display:flex;flex-direction:column;gap:12px;padding:4px 0 16px}.pac-optrow{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font-size:13px}.pac-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.pac-seg button{min-height:38px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-family:var(--font);font-size:12.5px;font-weight:700;cursor:pointer}.pac-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.pac-check{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;cursor:pointer;user-select:none}.pac-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.pac-seedline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.pac-seedline input{flex:1;min-width:0;padding:9px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:13px}.pac-seedline button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink);font-family:var(--font);font-size:12.5px;font-weight:800;cursor:pointer}.pac-records{margin-top:2px;padding-top:12px;border-top:1px solid var(--line)}.pac-rec-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:13px}.pac-rec-row b{color:var(--ink);font-variant-numeric:tabular-nums}.pac-confetti{position:fixed;inset:0;z-index:160;width:100%;height:100%;pointer-events:none}.pac-winner{position:fixed;inset:0;z-index:170;display:none;align-items:center;justify-content:center;padding:20px;background:#0a0610a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pac-winner.on{display:flex}.pac-winbox{width:100%;max-width:380px;padding:28px 26px;border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,var(--surface-3),var(--bg-2));box-shadow:var(--shadow);text-align:center;animation:pac-pop .3s ease}@keyframes pac-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pac-eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pac-wintime{margin:6px 0 2px;color:var(--ink);font-size:clamp(34px,9vw,50px);font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pac-winmeta{margin:0 0 18px;color:var(--muted);font-size:13.5px}.pac-winacts{display:flex;gap:10px}.pac-winacts button{flex:1;min-height:46px;padding:12px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink);font-family:var(--font);font-weight:800;cursor:pointer}.pac-winacts .pac-primary{border:0;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.pac-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:180;transform:translate(-50%) translateY(20px);padding:11px 18px;border:1px solid var(--brand-2);border-radius:999px;background:var(--bg-2);color:var(--ink);font-size:13.5px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.pac-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 480px){.pac-controls{grid-template-columns:repeat(2,1fr)}}.fc{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:680px;margin:0 auto;padding:14px max(10px,env(safe-area-inset-left)) 28px max(10px,env(safe-area-inset-right))}.fc-table{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 10%,var(--bg-2)),var(--bg-2));box-shadow:var(--shadow)}.fc-top,.fc-tableau{display:grid;grid-template-columns:repeat(8,var(--pac-cw, 56px));gap:var(--pac-gap, 8px);justify-content:center}.fc-top{border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent);padding-bottom:14px}.fc-tableau{margin-top:14px;align-items:start}.fc-slot{position:relative;width:var(--pac-cw, 56px);height:var(--pac-ch, 78px);border-radius:calc(var(--pac-cw, 56px) * .12)}.fc-slot.cell{border:1.5px dashed var(--line-2)}.fc-slot.found{border:1.5px dashed color-mix(in oklab,var(--accent) 40%,var(--line-2))}.fc-slot.found:after{content:attr(data-suit);position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--pac-cw, 56px) * .5);color:color-mix(in oklab,var(--accent) 22%,transparent)}.fc-col{position:relative;width:var(--pac-cw, 56px);min-height:var(--pac-ch, 78px)}.fc-col.placeholder{border:1.5px dashed var(--line);border-radius:calc(var(--pac-cw, 56px) * .12)}.fc-help{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.spi{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:760px;margin:0 auto;padding:14px max(8px,env(safe-area-inset-left)) 28px max(8px,env(safe-area-inset-right))}.spi-table{width:100%;min-width:0;padding:12px 10px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 10%,var(--bg-2)),var(--bg-2));box-shadow:var(--shadow)}.spi-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:14px;border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.spi-stock{position:relative;width:var(--pac-cw, 56px);height:var(--pac-ch, 78px);padding:0;border:1.5px dashed var(--line-2);border-radius:calc(var(--pac-cw, 56px) * .12);background:transparent;cursor:pointer;opacity:.6;transition:opacity .12s,box-shadow .12s}.spi-stock.ready{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 50%,transparent)}.spi-stock .pac-card{position:absolute;inset:0;width:100%;height:100%}.spi-stock-badge{position:absolute;right:-4px;bottom:-4px;z-index:2;min-width:18px;padding:1px 5px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink);font-size:11px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.spi-stock-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--muted-2);font-size:11px;font-weight:700}.spi-founds{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-content:flex-start}.spi-found{display:grid;place-items:center;width:calc(var(--pac-cw, 56px) * .72);min-width:20px;height:calc(var(--pac-ch, 78px) * .5);border:1.5px dashed color-mix(in oklab,var(--accent) 30%,var(--line-2));border-radius:6px}.spi-found.on{border-style:solid;border-color:color-mix(in oklab,var(--accent) 45%,var(--line-2));background:#fdfdfb}.spi-found-g{font-size:calc(var(--pac-ch, 78px) * .3);font-weight:800;line-height:1}.spi-found-g.red{color:#d61f4f}.spi-found-g.black{color:#1b1230}.spi-tableau{display:grid;grid-template-columns:repeat(10,var(--pac-cw, 56px));gap:var(--pac-gap, 6px);justify-content:center;margin-top:14px;align-items:start}.spi-col{position:relative;width:var(--pac-cw, 56px);min-height:var(--pac-ch, 78px)}.spi-col.placeholder{border:1.5px dashed var(--line);border-radius:calc(var(--pac-cw, 56px) * .12)}.spi-help{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.cop{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:14px max(10px,env(safe-area-inset-left)) 28px max(10px,env(safe-area-inset-right))}.cop-table{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,var(--bg-2)),var(--bg-2));box-shadow:var(--shadow)}.cop-opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cop-opp{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 10px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);transition:border-color .15s,box-shadow .15s}.cop-opp.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 16px -8px var(--accent)}.cop-opp-top,.cop-opp-bot{display:flex;align-items:center;justify-content:space-between;gap:6px}.cop-opp-name{color:var(--ink);font-size:12.5px;font-weight:800}.cop-lead{color:var(--accent)}.cop-opp-score,.cop-opp-cards{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.cop-opp-pts{color:var(--accent);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.cop-center{position:relative;display:grid;place-items:center;width:100%;min-height:182px}.cop-trick{position:relative;width:100%;height:182px}.cop-slot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px}.cop-slot-name{color:var(--muted-2);font-size:10.5px;font-weight:700}.cop-south{left:50%;bottom:2px;transform:translate(-50%)}.cop-north{left:50%;top:2px;transform:translate(-50%)}.cop-west{left:2px;top:50%;transform:translateY(-50%)}.cop-east{right:2px;top:50%;transform:translateY(-50%)}.cop-passprompt{padding:18px 8px;text-align:center}.cop-pass-eye{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cop-pass-dir{margin-top:6px;color:var(--ink);font-size:16px;font-weight:800}.cop-pass-count{margin-top:8px;color:var(--muted);font-size:13px}.cop-pass-count b{color:var(--ink)}.cop-status{width:100%;max-width:560px;min-height:20px;margin:0;color:var(--muted);font-size:13px;font-weight:600;text-align:center}.cop-card{position:relative;box-sizing:border-box;padding:0;border:0;border-radius:7px;background:#fdfdfb;box-shadow:0 1px 2px #00000073,inset 0 0 0 1px #00000014;font-family:var(--font);cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.cop-card.red{color:#d61f4f}.cop-card.black{color:#1b1230}.cop-card .idx{position:absolute;top:5%;left:8%;font-weight:800;line-height:.92;text-align:center}.cop-card .big{position:absolute;inset:0;display:grid;place-items:center;font-weight:700}.cop-hand{position:relative;width:100%;min-width:0;max-width:560px}.cop-hand .cop-card{position:absolute;top:14px;width:var(--cop-cw, 52px);height:var(--cop-ch, 74px);border-radius:calc(var(--cop-cw, 52px) * .12);transition:top .12s,box-shadow .12s}.cop-hand .cop-card .idx{font-size:calc(var(--cop-cw, 52px) * .3)}.cop-hand .cop-card .big{font-size:calc(var(--cop-cw, 52px) * .5)}.cop-hand .cop-card.legal{top:4px;box-shadow:0 0 0 2px var(--accent),0 8px 18px -6px var(--accent)}.cop-hand .cop-card.illegal{filter:grayscale(.5) brightness(.82);cursor:not-allowed}.cop-hand .cop-card.sel{top:0;box-shadow:0 0 0 3px var(--accent),0 10px 20px -6px var(--accent)}.cop-hand .cop-card.cursor{outline:2px dashed var(--accent);outline-offset:1px}.cop-card.trickcard{width:46px;height:64px}.cop-card.trickcard .idx{font-size:14px}.cop-card.trickcard .big{font-size:23px}.cop-card.trickcard.win{box-shadow:0 0 0 2px var(--accent),0 8px 18px -6px var(--accent)}.cop-actions{display:flex;justify-content:center;width:100%}.cop-help{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.cop-help b{color:var(--ink)}.cop-win-scores{display:flex;flex-direction:column;gap:4px;margin:10px 0 6px}.cop-ws-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:700}.cop-ws-add{color:var(--muted);font-variant-numeric:tabular-nums}.cop-ws-row b{min-width:34px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.velha{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:0;max-width:460px;margin:0 auto;padding:18px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.velha-status{min-height:28px;font-family:var(--font-display);font-size:clamp(18px,5vw,22px);font-weight:700;letter-spacing:-.01em;color:var(--muted)}.velha-status b{font-weight:800}.velha-x{color:var(--brand)}.velha-o{color:var(--brand-2)}.velha-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:min(100%,360px);aspect-ratio:1;min-width:0;padding:8px;border-radius:18px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 18%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.velha-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,transform .06s}.velha-cell svg{width:58%;height:58%}.velha-cell.x{color:var(--brand)}.velha-cell.o{color:var(--brand-2)}.velha-cell:not(:disabled):hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--surface-2))}.velha-cell:not(:disabled):active{transform:scale(.96)}.velha-cell:disabled{cursor:default}.velha-cell.win{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 26%,var(--surface-2));box-shadow:inset 0 0 0 2px var(--accent);animation:velha-pop .32s ease}@keyframes velha-pop{0%{transform:scale(.9)}to{transform:scale(1)}}.velha-score{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%}.velha-sc{display:inline-flex;align-items:center;gap:7px;min-width:96px;justify-content:center;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.velha-sc b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px}.velha-sc.x{color:color-mix(in oklab,var(--brand) 70%,#fff)}.velha-sc.o{color:color-mix(in oklab,var(--brand-2) 70%,#fff)}.velha-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.memo{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;max-width:500px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.memo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.memo-seg{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.memo-seg button{min-height:40px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:color .12s,background .12s}.memo-seg button:hover{color:var(--ink)}.memo-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.memo-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;width:100%;color:var(--muted);font-size:13.5px}.memo-status b{color:var(--ink);font-variant-numeric:tabular-nums}.memo-wrap{width:100%;min-width:0;max-width:440px;display:flex;justify-content:center}.memo-board{display:grid;grid-template-columns:repeat(4,var(--memo-cell, 72px));grid-auto-rows:var(--memo-cell, 72px);gap:10px;justify-content:center;touch-action:manipulation}.memo-board.locked{pointer-events:none}.memo-card{width:var(--memo-cell, 72px);height:var(--memo-cell, 72px);min-width:0;padding:0;border:0;background:transparent;perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent}.memo-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s ease}.memo-card.up .memo-inner{transform:rotateY(180deg)}.memo-back,.memo-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:13px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.memo-back{background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 32%,var(--surface-3)),var(--bg-2));border:1px solid color-mix(in oklab,var(--accent) 42%,var(--line-2))}.memo-back:after{content:"";width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 36% 30%,color-mix(in oklab,var(--accent) 60%,transparent),transparent 70%);opacity:.55}.memo-front{transform:rotateY(180deg);background:#fdfdfb;border:1px solid rgba(0,0,0,.12)}.memo-front svg{width:62%;height:62%}.memo-card:not(.up):not(:disabled):hover .memo-back{border-color:var(--accent);filter:brightness(1.12)}.memo-card:not(:disabled):active .memo-inner{transform:scale(.96)}.memo-card.up:not(:disabled):active .memo-inner{transform:rotateY(180deg) scale(.96)}.memo-card.matched .memo-inner{opacity:.5}.memo-card.matched .memo-front{box-shadow:inset 0 0 0 2px var(--accent)}.memo-opts{width:100%;max-width:360px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.memo-opts summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.memo-opts summary::-webkit-details-marker{display:none}.memo-opts summary:after{content:"+";color:var(--accent);font-size:18px}.memo-opts[open] summary:after{content:"−"}.memo-opts-body{padding:4px 0 14px}.memo-rec-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:13px}.memo-rec-row b{color:var(--ink);font-variant-numeric:tabular-nums}.forca{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:0;max-width:520px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.forca-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.forca-seg{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.forca-seg button{min-height:40px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:color .12s,background .12s}.forca-seg button:hover{color:var(--ink)}.forca-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.forca-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;width:100%;color:var(--muted);font-size:13.5px}.forca-status b{color:var(--ink);font-variant-numeric:tabular-nums}.forca-stage{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.forca-gallows{width:180px;max-width:56vw;height:auto}.forca-gallows .forca-frame line{stroke:var(--muted-2);stroke-width:5;stroke-linecap:round}.forca-gallows .forca-part{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;opacity:0;transition:opacity .25s ease}.forca-gallows .forca-part circle{fill:none;stroke:var(--accent);stroke-width:5}.forca-gallows .forca-eye{fill:var(--accent);stroke:none}.forca-gallows .forca-part.on{opacity:1}.forca-gallows.dead .forca-part,.forca-gallows.dead .forca-part circle{stroke:var(--bad)}.forca-gallows.dead .forca-eye{fill:var(--bad)}.forca-word{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:8px 10px;width:100%;min-height:52px}.forca-slot{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:46px;padding:0 3px;font-family:var(--font-display);font-size:clamp(22px,6vw,30px);font-weight:800;text-transform:uppercase;color:var(--ink);border-bottom:3px solid var(--line-2)}.forca-slot.on{border-bottom-color:var(--accent)}.forca-slot.miss{color:var(--bad);border-bottom-color:var(--bad)}.forca-sep{display:inline-flex;align-items:center;min-width:10px;height:46px;font-size:clamp(22px,6vw,30px);font-weight:800;color:var(--muted-2)}.forca-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:6px;width:100%;max-width:460px}.forca-key{min-height:48px;padding:0;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:800;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,opacity .12s}.forca-key:not(:disabled):hover{border-color:var(--accent)}.forca-key:not(:disabled):active{transform:translateY(1px)}.forca-key.correct{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.forca-key.wrong{background:transparent;color:var(--muted-2);opacity:.5;text-decoration:line-through}.forca-key:disabled{cursor:default}.forca-opts{width:100%;max-width:360px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.forca-opts summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.forca-opts summary::-webkit-details-marker{display:none}.forca-opts summary:after{content:"+";color:var(--accent);font-size:18px}.forca-opts[open] summary:after{content:"−"}.forca-opts-body{padding:4px 0 14px}.forca-rec-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:13px}.forca-rec-row b{color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width: 480px){.forca-keys{grid-template-columns:repeat(auto-fit,minmax(34px,1fr))}}.g2{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.g2-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.g2-scores{display:inline-flex;gap:10px}.g2-score{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.g2-score span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.g2-score b{color:var(--ink);font-size:20px;font-variant-numeric:tabular-nums}.g2-wrap{position:relative;width:min(100%,440px)}.g2-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:100%;aspect-ratio:1;padding:10px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 16%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:none;-webkit-tap-highlight-color:transparent}.g2-board:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.g2-cell{display:grid;place-items:center;min-width:0;min-height:0;border-radius:11px;background:#ffffff0d;color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(20px,8vw,40px);line-height:1;font-variant-numeric:tabular-nums}.g2-cell[data-len="3"]{font-size:clamp(16px,6.2vw,32px)}.g2-cell[data-len="4"]{font-size:clamp(13px,5vw,26px)}.g2-cell.t2{background:#241a38;color:#cdbef0}.g2-cell.t4{background:#2d2148;color:#ddd0f7}.g2-cell.t8{background:#2b3a8a}.g2-cell.t16{background:#1f6f9e}.g2-cell.t32{background:#0e8f8f}.g2-cell.t64{background:#1f9d57}.g2-cell.t128{background:#b8860f;color:#fff8e6}.g2-cell.t256{background:#d4731a}.g2-cell.t512{background:#d61f6b}.g2-cell.t1024{background:#8a3df0}.g2-cell.t2048{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink);box-shadow:0 0 18px -2px color-mix(in oklab,var(--brand) 70%,transparent)}.g2-cell.tbig{background:linear-gradient(135deg,#fbbf24,var(--brand));color:#160a16;box-shadow:0 0 22px -2px color-mix(in oklab,#fbbf24 70%,transparent)}.g2-cell.pop{animation:g2-pop .16s ease}@keyframes g2-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.g2-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.g2-over[hidden]{display:none}.g2-over-box{text-align:center;animation:pac-pop .3s ease}.g2-over-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.g2-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.g2-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.q15{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.q15-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.q15-status{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.q15-status b{color:var(--ink);font-variant-numeric:tabular-nums}.q15-wrap{position:relative;width:min(100%,440px)}.q15-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:100%;aspect-ratio:1;padding:10px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 16%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.q15-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in oklab,var(--accent) 28%,var(--line));border-radius:12px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 24%,var(--surface-3)),var(--bg-2));color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:clamp(26px,8.5vw,46px);line-height:1;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,transform .06s,filter .12s}.q15-cell[data-len="2"]{font-size:clamp(22px,7vw,38px)}.q15-cell:not(.blank):hover{border-color:var(--accent);filter:brightness(1.1)}.q15-cell:not(.blank):active{transform:scale(.95)}.q15-cell.blank{background:#ffffff0a;border:0;color:transparent;cursor:default;box-shadow:inset 0 0 0 1px #ffffff08}.q15-cell.pop{animation:q15-pop .16s ease}@keyframes q15-pop{0%{transform:scale(.82)}to{transform:scale(1)}}.q15-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.q15-over[hidden]{display:none}.q15-over-box{text-align:center;animation:pac-pop .3s ease}.q15-over-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.q15-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.q15-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.rfx{width:min(560px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.rfx-stats{display:flex;gap:10px}.rfx-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.rfx-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.rfx-stat b{font-family:var(--font-display);font-size:20px;font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums}.rfx-pad{position:relative;min-height:clamp(240px,46vh,380px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .12s ease,border-color .12s ease,transform .06s ease}.rfx-pad:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.rfx-pad:active{transform:scale(.992)}.rfx-lead{font-family:var(--font-display);font-size:clamp(30px,9vw,52px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums}.rfx-sub{font-size:14px;color:color-mix(in oklab,currentColor 70%,transparent);max-width:30ch}.rfx-pad[data-phase=waiting]{background:linear-gradient(160deg,color-mix(in oklab,var(--bad) 60%,#2a0a12),color-mix(in oklab,var(--bad) 42%,#1a060c));border-color:color-mix(in oklab,var(--bad) 70%,transparent);color:#fff1f3;cursor:progress}.rfx-pad[data-phase=ready]{background:linear-gradient(160deg,color-mix(in oklab,var(--good) 72%,#06281c),color-mix(in oklab,var(--good) 52%,#042018));border-color:color-mix(in oklab,var(--good) 80%,transparent);color:#042417}.rfx-pad[data-phase=ready] .rfx-sub{color:color-mix(in oklab,#042417 75%,transparent)}.rfx-pad[data-phase=tooSoon]{background:linear-gradient(160deg,color-mix(in oklab,var(--warn) 50%,#2a1e05),color-mix(in oklab,var(--warn) 34%,#1c1404));border-color:color-mix(in oklab,var(--warn) 65%,transparent);color:#fff8e8}.rfx-pad[data-phase=result] .rfx-lead,.rfx-pad[data-phase=done] .rfx-lead{color:color-mix(in oklab,var(--accent) 70%,#fff);text-shadow:0 6px 24px color-mix(in oklab,var(--accent) 45%,transparent)}.rfx-pad[data-phase=done]{background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 22%,var(--surface-3)),var(--bg-2));border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.rfx-times{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.rfx-chip{min-width:52px;padding:6px 10px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted-2);background:var(--surface);border:1px solid var(--line);border-radius:999px}.rfx-chip.filled{color:color-mix(in oklab,var(--accent) 60%,var(--ink));border-color:color-mix(in oklab,var(--accent) 45%,var(--line-2));background:color-mix(in oklab,var(--accent) 12%,var(--surface))}.rfx-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mira{width:min(440px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.mira-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mira-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.mira-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.mira-stat b{font-family:var(--font-display);font-size:clamp(14px,4.4vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mira-field{position:relative;width:min(100%,calc(64vh * 2 / 3));margin:0 auto;aspect-ratio:360 / 540;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.mira-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.mira-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.mira-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.mira-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cd6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.mira-overlay.on{display:flex}.mira-lead{font-family:var(--font-display);font-size:clamp(28px,8vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.mira-sub{font-size:14px;color:var(--muted);max-width:26ch}.mira-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cobrinha{width:min(440px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.cobrinha-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cobrinha-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.cobrinha-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.cobrinha-stat b{font-family:var(--font-display);font-size:clamp(14px,4.4vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cobrinha-field{position:relative;width:min(100%,48vh);margin:0 auto;aspect-ratio:15 / 20;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.cobrinha-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.cobrinha-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.cobrinha-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.cobrinha-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cd6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.cobrinha-overlay.on{display:flex}.cobrinha-lead{font-family:var(--font-display);font-size:clamp(28px,8vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.cobrinha-sub{font-size:14px;color:var(--muted);max-width:26ch}.cobrinha-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pulo{width:min(560px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.pulo-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pulo-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.pulo-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.pulo-stat b{font-family:var(--font-display);font-size:clamp(14px,4.4vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pulo-field{position:relative;width:min(100%,calc(72vh * 600 / 260));margin:0 auto;aspect-ratio:600 / 260;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.pulo-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.pulo-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.pulo-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.pulo-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cd6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.pulo-overlay.on{display:flex}.pulo-lead{font-family:var(--font-display);font-size:clamp(28px,8vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.pulo-sub{font-size:14px;color:var(--muted);max-width:28ch}.pulo-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bko{width:min(440px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.bko-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bko-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.bko-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.bko-stat b{font-family:var(--font-display);font-size:clamp(14px,4.4vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bko-field{position:relative;width:min(100%,54vh);margin:0 auto;aspect-ratio:360 / 480;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.bko-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.bko-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.bko-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.bko-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cd6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.bko-overlay.on{display:flex}.bko-lead{font-family:var(--font-display);font-size:clamp(28px,8vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.bko-sub{font-size:14px;color:var(--muted);max-width:28ch}.bko-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blocos{width:min(440px,100%);margin:0 auto;padding:12px 14px 22px;display:flex;flex-direction:column;gap:12px}.blocos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.blocos-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.blocos-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.blocos-stat b{font-family:var(--font-display);font-size:clamp(14px,4.2vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocos-bar{display:flex;align-items:flex-start;justify-content:center;gap:12px}.blocos-next{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.blocos-next>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.blocos-next-canvas{display:block}.blocos-field{position:relative;width:min(100%,28vh);margin:0 auto;aspect-ratio:10 / 20;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.blocos-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.blocos-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.blocos-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.blocos-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cd6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.blocos-overlay.on{display:flex}.blocos-lead{font-family:var(--font-display);font-size:clamp(26px,7vw,42px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.blocos-sub{font-size:14px;color:var(--muted);max-width:26ch}.blocos-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blocos-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.blocos-btn{min-height:52px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:color-mix(in oklab,var(--accent) 50%,var(--ink));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .12s ease,background .12s ease,transform .05s ease}.blocos-btn:active{transform:translateY(1px);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,var(--surface))}.blocos-btn-wide{grid-column:1 / -1;font-size:15px;letter-spacing:.02em;text-transform:uppercase}.blocos-hint{margin:0;text-align:center;font-size:12px;color:var(--muted-2)}.lab{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 24px max(12px,env(safe-area-inset-right))}.lab-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.lab-status{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.lab-status b{color:var(--ink);font-variant-numeric:tabular-nums}.lab-diff{display:flex;flex-wrap:wrap;gap:8px;width:100%}.lab-chip{flex:1 1 0;min-width:max-content;min-height:40px;padding:8px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,color .12s,background .12s}.lab-chip:hover{border-color:var(--accent);color:var(--ink)}.lab-chip[aria-pressed=true]{border-color:transparent;background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));color:var(--ink)}.lab-wrap{position:relative;width:min(100%,440px);aspect-ratio:1}.lab-canvas{display:block;width:100%;height:100%;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 14%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:none;-webkit-tap-highlight-color:transparent;cursor:grab}.lab-canvas:active{cursor:grabbing}.lab-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lab-over[hidden]{display:none}.lab-over-box{text-align:center;animation:pac-pop .3s ease}.lab-over-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.lab-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.lab-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center}.lab-key{display:grid;place-items:center;min-width:44px;min-height:44px;width:100%;height:100%;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,transform .06s,filter .12s}.lab-key:hover{border-color:var(--accent);filter:brightness(1.1)}.lab-key:active{transform:scale(.94)}.lab-key[data-dir=up]{grid-column:2;grid-row:1}.lab-key[data-dir=left]{grid-column:1;grid-row:2}.lab-key[data-dir=down]{grid-column:2;grid-row:2}.lab-key[data-dir=right]{grid-column:3;grid-row:2}.lab-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.lab-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hano{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:520px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 24px max(12px,env(safe-area-inset-right))}.hano-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.hano-status{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.hano-status b{color:var(--ink);font-variant-numeric:tabular-nums}.hano-diff{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.hano-diff-label{color:var(--muted);font-size:13px;font-weight:700;margin-right:2px}.hano-chip{flex:1 1 0;min-width:44px;min-height:40px;padding:8px 10px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--muted);font-family:var(--font);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,color .12s,background .12s}.hano-chip:hover{border-color:var(--accent);color:var(--ink)}.hano-chip[aria-pressed=true]{border-color:transparent;background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));color:var(--ink)}.hano-wrap{position:relative;width:100%}.hano-board{display:flex;align-items:stretch;gap:10px;width:100%;padding:12px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 14%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow)}.hano-peg{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:clamp(190px,48vw,280px);padding:10px 4px 28px;border:1px solid var(--line);border-radius:14px;background:#ffffff05;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,box-shadow .12s,background .12s}.hano-peg:hover{border-color:var(--accent)}.hano-peg.is-source{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);box-shadow:0 0 0 1px var(--accent) inset}.hano-rod{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:7px;height:calc(100% - 30px);border-radius:4px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 40%,var(--line-2)),var(--line-2));z-index:0}.hano-foot{position:absolute;left:8%;right:8%;bottom:16px;height:8px;border-radius:6px;background:color-mix(in oklab,var(--accent) 30%,var(--surface-2));z-index:0}.hano-cap{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab,var(--accent) 60%,var(--muted));pointer-events:none}.hano-stack{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;gap:4px;width:100%}.hano-disc{height:clamp(13px,3.2vw,20px);min-width:14%;border-radius:7px;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff59;transition:transform .12s ease}.hano-disc.lifted{transform:translateY(-7px)}@keyframes hano-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hano-peg.shake{animation:hano-shake .34s ease}.hano-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hano-over[hidden]{display:none}.hano-over-box{text-align:center;animation:pac-pop .3s ease}.hano-over-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.hano-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.hano-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.hano-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qci{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.qci-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.qci-status{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.qci-status b{color:var(--ink);font-variant-numeric:tabular-nums}.qci-controls{display:flex;flex-direction:column;gap:10px;width:100%}.qci-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.qci-lbl{color:var(--muted);font-size:13px;font-weight:700}.qci-sizes{display:flex;gap:8px}.qci-chip{min-width:48px;min-height:44px;padding:10px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--muted);font-family:var(--font);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,color .12s,background .12s}.qci-chip:hover{border-color:var(--accent);color:var(--ink)}.qci-chip[aria-pressed=true]{border-color:transparent;background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));color:var(--ink)}.qci-imgs{display:flex;gap:8px;flex-wrap:wrap}.qci-thumb{width:46px;height:46px;padding:0;border:2px solid var(--line-2);border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,transform .08s}.qci-thumb:hover{transform:translateY(-1px)}.qci-thumb[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 45%,transparent)}.qci-upload{min-height:44px;padding:8px 14px;border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line-2));border-radius:12px;background:color-mix(in oklab,var(--accent) 14%,var(--surface-2));color:var(--ink);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background .12s}.qci-upload:hover{border-color:var(--accent)}.qci-upload:disabled{opacity:.55;cursor:progress}.qci-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;user-select:none}.qci-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.qci-main{display:flex;align-items:flex-start;justify-content:center;gap:14px;width:100%;flex-wrap:wrap}.qci-wrap{position:relative;width:min(100%,440px);flex:1 1 320px}.qci-board{display:grid;grid-template-columns:repeat(var(--qci-n, 3),1fr);grid-template-rows:repeat(var(--qci-n, 3),1fr);gap:4px;width:100%;aspect-ratio:1;padding:6px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 16%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.qci-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in oklab,var(--accent) 24%,var(--line));border-radius:6px;background-color:var(--bg-2);background-repeat:no-repeat;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:filter .12s,transform .06s}.qci-cell:not(.blank):not(.filled):hover{filter:brightness(1.08)}.qci-cell:not(.blank):not(.filled):active{transform:scale(.97)}.qci-cell.blank{background-image:none!important;background:#ffffff0a;border:0;cursor:default;box-shadow:inset 0 0 0 1px #ffffff08}.qci-cell.filled{border-color:transparent;cursor:default}.qci-num{position:absolute;top:3px;left:3px;min-width:17px;padding:1px 4px;border-radius:6px;background:#0a06109e;color:#fff;font-family:var(--font-display);font-size:clamp(10px,2.6vw,14px);font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums;pointer-events:none}.qci-cell.blank .qci-num,.qci-cell.filled .qci-num{display:none}.qci-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.qci-over[hidden]{display:none}.qci-over-box{text-align:center;animation:pac-pop .3s ease}.qci-over-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.qci-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.qci-preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;flex:0 0 auto}.qci-preview-img{width:84px;height:84px;border-radius:10px;border:1px solid var(--line-2);background-size:cover;background-position:center;background-repeat:no-repeat}.qci-preview figcaption{color:var(--muted-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.qci-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.qci-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gen{width:min(460px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.gen-stats{display:flex;gap:10px}.gen-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.gen-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.gen-stat b{font-family:var(--font-display);font-size:20px;font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums}.gen-board{position:relative;width:100%;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border-radius:var(--radius);border:1px solid var(--line-2);background:radial-gradient(120% 120% at 50% 0%,var(--surface-3),var(--bg-2))}.gen-board[data-phase=input]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 30%,transparent)}.gen-pad{position:relative;min-height:44px;border:1px solid color-mix(in oklab,var(--pad) 45%,#0a0610);border-radius:16px;background:color-mix(in oklab,var(--pad) 34%,#0b0712);color:#0a0610;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:filter .08s ease,box-shadow .12s ease,transform .06s ease}.gen-pad:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--pad) 60%,transparent)}.gen-pad[aria-disabled=true]{cursor:default}.gen-pad.lit{background:var(--pad);filter:saturate(1.25) brightness(1.18);box-shadow:0 0 28px color-mix(in oklab,var(--pad) 70%,transparent),inset 0 0 24px color-mix(in oklab,#fff 30%,transparent);transform:scale(.985)}.gen-key{position:absolute;top:8px;left:10px;font-family:var(--font-display);font-size:14px;font-weight:800;color:color-mix(in oklab,#ffffff 70%,var(--pad));opacity:.55}.gen-overlay{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;border-radius:var(--radius);background:#0a0610b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gen-overlay.on{display:flex}.gen-lead{margin:0;font-family:var(--font-display);font-size:clamp(26px,7vw,40px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.gen-sub{margin:0;font-size:14px;color:var(--muted);max-width:26ch}.gen-start{margin-top:6px;min-height:48px;padding:12px 26px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink);font-family:var(--font);font-size:15px;font-weight:800;cursor:pointer}.gen-start:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.gen-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ana{width:min(560px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:16px}.ana-bar{display:flex;gap:10px}.ana-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.ana-stat b{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:0;text-transform:none;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums}.ana-theme{margin:0;text-align:center;font-size:15px;color:var(--muted)}.ana-theme b{color:var(--ink);font-weight:800}.ana-first{color:color-mix(in oklab,var(--accent) 60%,var(--ink));font-weight:700}.ana-answer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;padding:12px;border-radius:var(--radius);border:1px dashed var(--line-2);background:radial-gradient(120% 120% at 50% 0%,var(--surface-3),var(--bg-2))}.ana-answer.ok{border-style:solid;border-color:#2ec16b;box-shadow:0 0 0 1px color-mix(in oklab,#2ec16b 45%,transparent)}.ana-answer.shake{animation:ana-shake .34s ease}@keyframes ana-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.ana-slot{width:46px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-family:var(--font-display);font-size:24px;font-weight:800;text-transform:uppercase}.ana-slot.empty{border:1px dashed color-mix(in oklab,var(--line-2) 80%,transparent);background:color-mix(in oklab,var(--surface) 60%,transparent)}.ana-slot.filled{border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line-2));background:color-mix(in oklab,var(--accent) 18%,var(--surface-2));color:var(--ink);cursor:pointer;touch-action:manipulation}.ana-slot.filled:hover{border-color:var(--accent)}.ana-slot.filled:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.ana-answer.ok .ana-slot.filled{border-color:#2ec16b;background:color-mix(in oklab,#2ec16b 22%,var(--surface-2))}.ana-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ana-tile{min-width:48px;height:52px;padding:0 8px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:800;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .12s,filter .1s,transform .06s}.ana-tile:hover{border-color:var(--accent)}.ana-tile:active{transform:translateY(1px)}.ana-tile:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.ana-tile.used{opacity:.22;pointer-events:none}.ana-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ana-controls .pac-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.ana-live{margin:0;min-height:1.2em;text-align:center;font-size:14px;color:var(--muted)}.ana-hint-text{margin:0;text-align:center;font-size:13px;color:var(--muted-2)}.ana-empty{margin:28px auto;max-width:36ch;text-align:center;color:var(--muted)}.cp{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:520px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 24px max(12px,env(safe-area-inset-right))}.cp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.cp-status{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.cp-status b{color:var(--ink);font-variant-numeric:tabular-nums}.cp-diff{display:flex;flex-wrap:wrap;gap:8px;width:100%}.cp-chip{flex:1 1 0;min-width:max-content;min-height:44px;padding:8px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,color .12s,background .12s}.cp-chip:hover{border-color:var(--accent);color:var(--ink)}.cp-chip[aria-pressed=true]{border-color:transparent;background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));color:var(--ink)}.cp-chip:focus-visible,.cp .pac-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.cp-theme{margin:0;align-self:flex-start;font-size:14px;color:var(--muted)}.cp-theme b{color:var(--ink);font-weight:800}.cp-wrap{position:relative;width:min(100%,460px);aspect-ratio:1}.cp-row{display:contents}.cp-grid{display:grid;grid-template-columns:repeat(var(--cp-size, 9),1fr);grid-template-rows:repeat(var(--cp-size, 9),1fr);gap:3px;width:100%;height:100%;padding:6px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 12%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.cp-grid:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow),0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.cp-grid.miss{animation:cp-shake .32s ease}@keyframes cp-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){.cp-grid.miss{animation:none}}.cp-cell{display:grid;place-items:center;border-radius:6px;background:color-mix(in oklab,var(--surface-2) 86%,transparent);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:clamp(13px,4.2vw,20px);line-height:1;text-transform:uppercase;transition:background .1s,color .1s}.cp-cell.sel{background:color-mix(in oklab,var(--brand-2) 50%,var(--surface-2));color:var(--brand-ink)}.cp-cell.found{background:color-mix(in oklab,var(--good) 32%,var(--surface-2));color:var(--ink)}.cp-cell.found.sel{background:color-mix(in oklab,var(--good) 50%,var(--brand-2))}.cp-cell.cursor{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--accent) 70%,var(--ink))}.cp-over{position:absolute;inset:0;display:grid;place-items:center;padding:16px;border-radius:16px;background:#0a0610bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cp-over[hidden]{display:none}.cp-over-box{text-align:center;animation:pac-pop .3s ease}.cp-over-title{margin:0;font-family:var(--font-display);font-size:clamp(24px,7vw,36px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.cp-over-sub{margin:4px 0 16px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.cp-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none}.cp-word{padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.cp-word.found{border-color:transparent;background:color-mix(in oklab,var(--good) 22%,var(--surface));color:var(--muted-2);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--good) 70%,transparent)}.cp-hint{margin:0;color:var(--muted-2);font-size:12.5px;text-align:center}.cp-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cp-empty{margin:28px auto;max-width:36ch;text-align:center;color:var(--muted)}.tm{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-width:0;max-width:520px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 24px max(12px,env(safe-area-inset-right))}.tm-board{display:flex;flex-direction:column;gap:6px;width:min(100%,330px)}.tm-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tm-row.shake{animation:tm-shake .4s ease}@keyframes tm-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){.tm-row.shake{animation:none}}.tm-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;border:2px solid var(--line-2);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:clamp(20px,7.5vw,30px);line-height:1;text-transform:uppercase;transition:background .12s,border-color .12s,transform .08s}.tm-cell.filled{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2));transform:scale(1.04)}.tm-cell.correct{background:var(--good);border-color:var(--good);color:#06281c}.tm-cell.present{background:var(--warn);border-color:var(--warn);color:#3a2b05}.tm-cell.absent{background:color-mix(in oklab,var(--surface-3) 75%,#000);border-color:transparent;color:var(--muted)}.tm-result{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:340px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 12%,var(--surface-3)),var(--bg-2));text-align:center;animation:pac-pop .3s ease}.tm-result[hidden]{display:none}.tm-result-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--ink)}.tm-result-word{margin:0 0 6px;color:var(--muted);font-size:14px}.tm-result-word b{color:var(--ink);text-transform:uppercase;letter-spacing:.04em}.tm-keyboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:500px}.tm-krow{display:flex;justify-content:center;gap:5px}.tm-key{flex:1 1 0;min-width:0;min-height:52px;padding:0 2px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:15px;font-weight:800;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .12s,border-color .12s,opacity .12s}.tm-key-wide{flex:1.6 1 0;font-size:13px;letter-spacing:.02em}.tm-key:not(:disabled):hover{border-color:var(--accent)}.tm-key:not(:disabled):active{transform:translateY(1px)}.tm-key:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.tm-key.correct{border-color:transparent;background:var(--good);color:#06281c}.tm-key.present{border-color:transparent;background:var(--warn);color:#3a2b05}.tm-key.absent{background:color-mix(in oklab,var(--surface-3) 70%,#000);color:var(--muted-2);border-color:transparent}.tm-stats{width:100%;max-width:360px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.tm-stats summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--ink);font-size:13.5px;font-weight:700;list-style:none;cursor:pointer}.tm-stats summary::-webkit-details-marker{display:none}.tm-stats summary:after{content:"+";color:var(--accent);font-size:18px}.tm-stats[open] summary:after{content:"−"}.tm-stats-body{padding:4px 0 14px}.tm-stats-row{display:flex;gap:8px}.tm-stat{flex:1;display:flex;flex-direction:column;gap:2px;text-align:center;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2)}.tm-stat b{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:0;text-transform:none;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums}.tm-dist-title{margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.tm-dist{display:flex;flex-direction:column;gap:4px}.tm-dist-bar{display:flex;align-items:center;gap:8px}.tm-dist-n{width:1ch;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.tm-dist-fill{display:inline-flex;align-items:center;justify-content:flex-end;min-width:1.6em;padding:2px 8px;border-radius:6px;background:color-mix(in oklab,var(--accent) 38%,var(--surface-2));color:var(--ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;transition:width .3s ease}.tm-dist-fill.hot{background:var(--good);color:#06281c}.tm-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-hint{margin:0;text-align:center;font-size:12.5px;color:var(--muted-2)}.tm-empty{margin:28px auto;max-width:36ch;text-align:center;color:var(--muted)}@media (max-width: 380px){.tm-key{min-height:46px;font-size:14px}}.pong{width:min(440px,100%);margin:0 auto;padding:14px 14px 26px;display:flex;flex-direction:column;gap:14px}.pong-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pong-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.pong-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pong-stat b{font-family:var(--font-display);font-size:clamp(14px,4.4vw,18px);font-weight:800;color:color-mix(in oklab,var(--accent) 55%,var(--ink));font-variant-numeric:tabular-nums}.pong-field{position:relative;width:min(100%,calc(72vh * 360 / 540));margin:0 auto;aspect-ratio:360 / 540;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(160deg,var(--surface-3),var(--bg-2));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.pong-field:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.pong-field[data-state=over]{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2))}.pong-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.pong-msg,.pong-setup{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--ink);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%,color-mix(in oklab,var(--accent) 16%,rgba(18,10,28,.72)),#120a1cdb);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pong-msg{pointer-events:none}.pong-setup{pointer-events:auto;z-index:3}.pong-msg.on,.pong-setup.on{display:flex}.pong-lead{font-family:var(--font-display);font-size:clamp(26px,7.5vw,42px);font-weight:900;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--accent) 60%,#fff)}.pong-sub{font-size:14px;color:var(--muted);max-width:28ch}.pong-setup-title{font-family:var(--font-display);font-size:clamp(18px,5vw,24px);font-weight:800;color:color-mix(in oklab,var(--accent) 45%,#fff)}.pong-seg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pong-seg-btn{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.pong-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.pong-play{margin-top:4px;min-height:48px;padding:0 28px;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 55%,var(--brand-2)));color:#120a1c;font-family:var(--font-display);font-size:16px;font-weight:800;cursor:pointer}.pong-hint{margin:0;text-align:center;font-size:12.5px;color:var(--muted-2)}.pong-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.l4{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.l4-modes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center}.l4-seg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.l4-seg-btn{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.l4-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.l4-status{min-height:26px;font-family:var(--font-display);font-size:clamp(16px,4.6vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--muted);text-align:center}.l4-cols,.l4-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(100%,420px);min-width:0;padding:0 8px}.l4-col-btn{display:grid;place-items:center;min-width:0;min-height:44px;padding:0;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:color-mix(in oklab,var(--accent) 70%,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,transform .06s,opacity .12s}.l4-col-btn svg{width:22px;height:22px}.l4-col-btn:not(:disabled):hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,var(--surface-2))}.l4-col-btn.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,var(--surface-2));box-shadow:0 0 0 1px var(--accent) inset}.l4-col-btn:disabled{opacity:.32;cursor:default}.l4-board{grid-template-rows:repeat(6,1fr);aspect-ratio:7 / 6;padding:8px;border-radius:18px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 18%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.l4-cell{min-width:0;min-height:0;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 2px 6px #00000073;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,transform .06s}.l4-cell.r{background:radial-gradient(circle at 36% 30%,#ff9bb4,#ff2e6a 60%,#c8104a);box-shadow:inset 0 2px 5px #00000047,0 0 10px color-mix(in oklab,#ff2e6a 50%,transparent)}.l4-cell.y{background:radial-gradient(circle at 36% 30%,#ffe9a3,#fbbf24 58%,#d68a00);box-shadow:inset 0 2px 5px #00000038,0 0 10px color-mix(in oklab,#fbbf24 45%,transparent)}.l4-cell.ghost{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--accent) 60%,transparent)}.l4-cell.ghost.r{background:color-mix(in oklab,#ff2e6a 28%,var(--surface-2))}.l4-cell.ghost.y{background:color-mix(in oklab,#fbbf24 28%,var(--surface-2))}.l4-cell.win{box-shadow:inset 0 0 0 3px #fff,0 0 14px color-mix(in oklab,var(--accent) 70%,transparent);animation:l4-pop .34s ease}.l4-cell.drop{animation:l4-fall .26s cubic-bezier(.33,.8,.45,1)}@keyframes l4-fall{0%{transform:translateY(var(--l4-fall, -340%))}to{transform:translateY(0)}}@keyframes l4-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.l4-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}@media (max-width: 380px){.l4{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.l4-cols,.l4-board{gap:3px;padding-left:4px;padding-right:4px}}@media (max-width: 340px){.l4{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.l4-cols,.l4-board{gap:1px;padding-left:0;padding-right:0}}@media (prefers-reduced-motion: reduce){.l4-cell.drop,.l4-cell.win{animation:none}.l4-cell,.l4-col-btn{transition:none}}.rv{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.rv-modes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center}.rv-seg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.rv-seg-btn{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.rv-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.rv-score{display:flex;gap:16px;align-items:center;justify-content:center}.rv-score-side{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.rv-chip{width:18px;height:18px;border-radius:50%}.rv-chip.b{background:radial-gradient(circle at 36% 30%,#5a5a66,#15151c 64%);box-shadow:inset 0 1px 2px #ffffff2e}.rv-chip.w{background:radial-gradient(circle at 36% 30%,#fff,#c8c8d2 70%);box-shadow:inset 0 -1px 2px #00000040}.rv-status{min-height:26px;font-family:var(--font-display);font-size:clamp(16px,4.6vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--muted);text-align:center}.rv-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:4px;width:min(100%,420px);min-width:0;aspect-ratio:1 / 1;padding:8px;border-radius:18px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 20%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.rv-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in oklab,var(--accent) 16%,var(--line));border-radius:8px;background:color-mix(in oklab,var(--accent) 10%,var(--surface-2));cursor:pointer;-webkit-tap-highlight-color:transparent}.rv-cell:before{content:"";position:absolute;inset:11%;border-radius:50%;transform:scale(0);transition:transform .16s cubic-bezier(.33,.8,.45,1),background .16s}.rv-cell.b:before,.rv-cell.w:before{transform:scale(1)}.rv-cell.b:before{background:radial-gradient(circle at 36% 30%,#5a5a66,#15151c 64%);box-shadow:inset 0 2px 4px #ffffff29,0 1px 3px #00000080}.rv-cell.w:before{background:radial-gradient(circle at 36% 30%,#fff,#c8c8d2 70%);box-shadow:inset 0 -2px 4px #00000040,0 1px 3px #0006}.rv-cell.legal:after{content:"";position:absolute;inset:36%;border-radius:50%;background:color-mix(in oklab,var(--accent) 70%,#fff);opacity:.55}.rv-cell.legal:hover{background:color-mix(in oklab,var(--accent) 22%,var(--surface-2));border-color:var(--accent)}.rv-cell.last{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 70%,transparent) inset}.rv-cell.cursor{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.rv-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.rv-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}@media (max-width: 380px){.rv{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.rv-board{gap:2px;padding:5px}.rv-cell{border-radius:6px}}@media (max-width: 340px){.rv{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.rv-board{gap:1px;padding:3px}}@media (prefers-reduced-motion: reduce){.rv-cell:before{transition:none}}.dm{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.dm-modes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center}.dm-seg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dm-seg-btn{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.dm-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.dm-score{display:flex;gap:16px;align-items:center;justify-content:center}.dm-score-side{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.dm-chip{width:18px;height:18px;border-radius:50%}.dm-chip.b{background:radial-gradient(circle at 36% 30%,#5a5a66,#15151c 64%);box-shadow:inset 0 1px 2px #ffffff2e}.dm-chip.w{background:radial-gradient(circle at 36% 30%,#fff,#c8c8d2 70%);box-shadow:inset 0 -1px 2px #00000040}.dm-status{min-height:26px;font-family:var(--font-display);font-size:clamp(16px,4.6vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--muted);text-align:center}.dm-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;width:min(100%,420px);min-width:0;aspect-ratio:1 / 1;padding:8px;border-radius:18px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 20%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}.dm-board.over{opacity:.97}.dm-board.over .dm-cell{cursor:default}.dm-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in oklab,var(--accent) 16%,var(--line));border-radius:7px;background:color-mix(in oklab,var(--accent) 14%,var(--surface-3));cursor:pointer;-webkit-tap-highlight-color:transparent}.dm-cell.light{background:color-mix(in oklab,#fff 12%,var(--surface));border-color:color-mix(in oklab,#fff 8%,var(--line));cursor:default}.dm-cell:before{content:"";position:absolute;inset:12%;border-radius:50%;transform:scale(0);transition:transform .16s cubic-bezier(.33,.8,.45,1),background .16s}.dm-cell.wm:before,.dm-cell.wk:before,.dm-cell.bm:before,.dm-cell.bk:before{transform:scale(1)}.dm-cell.bm:before,.dm-cell.bk:before{background:radial-gradient(circle at 36% 30%,#5a5a66,#15151c 64%);box-shadow:inset 0 2px 4px #ffffff29,0 1px 3px #00000080}.dm-cell.wm:before,.dm-cell.wk:before{background:radial-gradient(circle at 36% 30%,#fff,#c8c8d2 70%);box-shadow:inset 0 -2px 4px #00000040,0 1px 3px #0006}.dm-cell.wk:after,.dm-cell.bk:after{content:"";position:absolute;inset:32%;border-radius:50%;pointer-events:none}.dm-cell.wk:after{border:2px solid rgba(0,0,0,.4)}.dm-cell.bk:after{border:2px solid rgba(255,255,255,.55)}.dm-cell.dest:after{content:"";position:absolute;inset:34%;border-radius:50%;background:color-mix(in oklab,var(--accent) 70%,#fff);opacity:.6;pointer-events:none}.dm-cell.dest:hover{background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));border-color:var(--accent)}.dm-cell.movable{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 45%,transparent) inset}.dm-cell.sel{box-shadow:0 0 0 3px var(--accent) inset}.dm-cell.last{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 70%,transparent) inset}.dm-cell.cursor,.dm-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.dm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.dm-rules{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dm-rules[hidden]{display:none}.dm-rules-card{width:100%;max-width:460px;max-height:85vh;overflow:auto;padding:20px 22px 22px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface-3);box-shadow:var(--shadow);color:var(--ink)}.dm-rules-card h2{margin:0 0 12px;font-family:var(--font-display);font-size:20px}.dm-rules-card ul{margin:0 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:15px;line-height:1.45}.dm-rules-card strong{color:var(--ink)}@media (max-width: 380px){.dm{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.dm-board{gap:2px;padding:5px}.dm-cell{border-radius:5px}}@media (max-width: 340px){.dm{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.dm-board{gap:1px;padding:3px}}@media (prefers-reduced-motion: reduce){.dm-cell:before{transition:none}}.bn{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:820px;margin:0 auto;padding:16px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.bn-modes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center}.bn-modes[hidden]{display:none}.bn-seg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bn-seg-btn{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.bn-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.bn-status{min-height:26px;font-family:var(--font-display);font-size:clamp(16px,4.6vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--muted);text-align:center}.bn-setup{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.bn-setup[hidden]{display:none}.bn-hint{margin:0;font-size:14px;color:var(--muted);text-align:center}.bn-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bn-ship-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 70%,transparent)}.bn-ship-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bn-ship-chip.done{opacity:.4}.bn-ship-name{font-size:11px;font-weight:700;color:var(--muted)}.bn-ship-pips{font-size:11px;letter-spacing:2px;color:var(--accent)}.bn-boards{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.bn-side{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0}.bn-board-label{margin:0;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink)}.bn-fleet{margin:0;font-size:13px;color:var(--muted)}.bn-battle{width:100%}.bn-battle[hidden]{display:none}.bn-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:3px;width:min(100%,420px);min-width:0;aspect-ratio:1 / 1;padding:7px;border-radius:16px;background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 18%,var(--surface-3)),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);touch-action:manipulation}@keyframes bn-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.bn-board.shake{animation:bn-shake .3s ease}.bn-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in oklab,var(--accent) 16%,var(--line));border-radius:5px;background:color-mix(in oklab,#1a8fd6 18%,var(--surface-2));cursor:pointer;-webkit-tap-highlight-color:transparent}.bn-cell:disabled{cursor:default}.bn-cell.ship{background:linear-gradient(180deg,#5b6573,#353d49);border-color:color-mix(in oklab,#fff 14%,var(--line))}.bn-ship-sprite{position:relative;pointer-events:none;margin:2px;border-radius:999px;background:linear-gradient(180deg,#aab4c4,#6c7686 52%,#424b59);border:1px solid color-mix(in oklab,#fff 24%,var(--line));box-shadow:inset 0 2px 3px #ffffff47,inset 0 -3px 6px #0006;z-index:1}.bn-ship-sprite:before{content:"";position:absolute;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,#fff 38%,#93a0b3),#5a636f)}.bn-ship-sprite.bn-sh-h:before{inset:30% 11%}.bn-ship-sprite.bn-sh-v:before{inset:11% 30%}.bn-ship-sprite:after{content:"";position:absolute;border-radius:4px;background:linear-gradient(180deg,#49525f,#2b323c);box-shadow:inset 0 1px #ffffff29}.bn-ship-sprite.bn-sh-h:after{inset:24% 41%}.bn-ship-sprite.bn-sh-v:after{inset:41% 24%}.bn-cell.hit,.bn-cell.miss,.bn-cell.sunk{z-index:2}.bn-cell.preview{background:color-mix(in oklab,var(--accent) 34%,var(--surface-2));border-color:var(--accent)}.bn-cell.preview-bad{background:color-mix(in oklab,#d61f3f 34%,var(--surface-2));border-color:#d61f3f}.bn-cell.hit:before{content:"";position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff8a5c,#d61f3f 72%);box-shadow:0 0 8px #d61f3f8c}.bn-cell.miss:before{content:"";position:absolute;inset:38%;border-radius:50%;background:color-mix(in oklab,var(--muted) 65%,transparent)}.bn-cell.sunk{background:color-mix(in oklab,#d61f3f 40%,var(--surface-3));border-color:color-mix(in oklab,#d61f3f 55%,var(--line))}.bn-cell.hit.sunk:before{background:radial-gradient(circle at 40% 35%,#ff6a6a,#7a0f22 72%);box-shadow:none}.bn-board-fire .bn-cell:not(:disabled):hover{background:color-mix(in oklab,var(--accent) 24%,var(--surface-2));border-color:var(--accent)}.bn-cell.cursor,.bn-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.bn-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.bn-pass{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;background:#080410ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.bn-pass[hidden]{display:none}.bn-pass-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 24px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface-3);box-shadow:var(--shadow)}.bn-pass-icon svg{width:40px;height:40px;color:var(--accent)}.bn-pass-result{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink)}.bn-pass-result[hidden]{display:none}.bn-pass-to{margin:0;font-size:15px;color:var(--muted)}@media (min-width: 760px){.bn-boards{flex-direction:row;align-items:flex-start;justify-content:center;gap:24px}}@media (max-width: 380px){.bn{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.bn-board{gap:2px;padding:5px}.bn-cell{border-radius:4px}}@media (max-width: 340px){.bn{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.bn-board{gap:1px;padding:3px}}@media (prefers-reduced-motion: reduce){.bn-board.shake{animation:none}}.nng{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;max-width:640px;margin:0 auto;padding:10px max(10px,env(safe-area-inset-left)) 28px max(10px,env(safe-area-inset-right))}.nng-toolbar{width:100%;display:flex;justify-content:center}.nng-seg{display:inline-flex;gap:2px;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.nng-seg button{min-height:40px;min-width:56px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .12s,background .12s}.nng-seg button:hover{color:var(--ink)}.nng-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.nng-status{display:flex;gap:10px;align-items:center}.nng-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:700}.nng-chip svg{width:14px;height:14px;stroke:var(--muted);flex-shrink:0}.nng-generating{padding:12px 20px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px}.nng-generating[hidden]{display:none}.nng-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.nng-board{--nng-cell: 32px;--nng-clue-w: 22px;--nng-clue-h: 20px;display:grid;grid-template-columns:repeat(var(--nng-row-clue, 1),var(--nng-clue-w)) repeat(var(--nng-sz, 10),var(--nng-cell));grid-template-rows:repeat(var(--nng-col-clue, 1),var(--nng-clue-h)) repeat(var(--nng-sz, 10),var(--nng-cell));gap:1px;background:var(--line);border:2px solid var(--line-2);border-radius:10px;overflow:hidden;outline:none;flex-shrink:0}.nng-board:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #c264ff40}.nng-cell{background:var(--surface-3);border:0;cursor:pointer;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--bad);transition:background .07s;-webkit-tap-highlight-color:transparent}.nng-cell:hover{background:var(--surface-2)}.nng-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1;position:relative}.nng-cell.filled{background:var(--accent);color:transparent}.nng-cell.marked{background:var(--surface-3)}.nng-cell.won{background:var(--good)!important}.nng-row-clue{background:var(--bg-2);display:flex;align-items:center;justify-content:flex-end;padding-right:4px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.nng-row-clue.hl{background:#c264ff1a;color:var(--ink)}.nng-col-clue{background:var(--bg-2);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.nng-col-clue.hl{background:#c264ff1a;color:var(--ink)}.nng-corner{background:var(--bg-2)}.nng-hint{min-height:20px;font-size:13px;color:var(--muted);text-align:center}.nng-mode-row{display:flex;justify-content:center}.nng-mode-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--muted);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.nng-mode-btn svg{width:15px;height:15px;stroke:var(--bad)}.nng-mode-btn.on{border-color:var(--bad);background:#fb71851f;color:var(--ink)}@media (max-width: 400px){.nng-row-clue,.nng-col-clue{font-size:9px;padding-right:2px;padding-bottom:1px}.nng-cell.marked{font-size:9px}}@media (prefers-reduced-motion: reduce){.nng-cell{transition:none}}.kak{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;max-width:480px;margin:0 auto;padding:10px max(10px,env(safe-area-inset-left)) 28px max(10px,env(safe-area-inset-right))}.kak-toolbar{width:100%;display:flex;justify-content:center}.kak-seg{display:inline-flex;gap:2px;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.kak-seg button{min-height:40px;min-width:64px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--font);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .12s,background .12s}.kak-seg button:hover{color:var(--ink)}.kak-seg button.on{background:linear-gradient(135deg,var(--accent),var(--brand-2));color:var(--brand-ink)}.kak-status{display:flex;gap:10px;align-items:center}.kak-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:700}.kak-chip svg{width:14px;height:14px;stroke:var(--muted);flex-shrink:0}.kak-generating{padding:12px 20px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px}.kak-generating[hidden]{display:none}.kak-wrap{width:100%;display:flex;justify-content:center}.kak-grid{display:grid;grid-template-columns:repeat(var(--kak-cols, 7),1fr);grid-template-rows:repeat(var(--kak-rows, 7),1fr);border:2px solid var(--line-2);border-radius:4px;overflow:hidden;outline:none;user-select:none;width:min(calc(100vw - 16px),400px);aspect-ratio:var(--kak-cols, 7) / var(--kak-rows, 7)}.kak-grid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 55%,transparent)}.kak-cell{box-sizing:border-box;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,3.8vw,20px)}.kak-cell--block{background:#0d0818;border-color:#ffffff0f}.kak-cell--clue{background:#0d0818;border-color:#ffffff0f;cursor:default}.kak-diag{position:absolute;inset:0;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(255,255,255,.18) calc(50% - .5px),rgba(255,255,255,.18) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.kak-dn,.kak-ac{position:absolute;font-size:clamp(6px,1.8vw,11px);font-weight:700;line-height:1;color:#fffc}.kak-dn{top:2px;left:2px}.kak-ac{bottom:2px;right:2px}.kak-cell--white{background:var(--surface-3);color:var(--ink);cursor:pointer;transition:background .08s}.kak-cell--white:hover{background:color-mix(in oklab,var(--accent) 10%,var(--surface-3))}.kak-cell--run{background:color-mix(in oklab,var(--accent) 14%,var(--surface-3))}.kak-cell--selected{background:color-mix(in oklab,var(--accent) 38%,var(--surface-3))!important;color:#fff!important}.kak-cell--error.kak-cell--selected,.kak-cell--error.kak-cell--run{background:color-mix(in oklab,var(--bad) 22%,var(--surface-3))!important}.kak-cell--ok.kak-cell--selected,.kak-cell--ok.kak-cell--run{background:color-mix(in oklab,var(--good) 18%,var(--surface-3))!important}.kak-hint{min-height:22px;font-size:13px;color:var(--accent);text-align:center;font-weight:600}.kak-numpad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:340px}.kak-num{padding:13px 0;border-radius:10px;border:1.5px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:18px;font-weight:700;cursor:pointer;transition:background .1s,border-color .1s}.kak-num:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--line-2));background:color-mix(in oklab,var(--accent) 12%,var(--surface-2))}.kak-num:active{background:color-mix(in oklab,var(--accent) 22%,var(--surface-2))}.kak-num--clear{font-size:16px}@media (prefers-reduced-motion: reduce){.kak-cell,.kak-num{transition:none}}.pzc{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px 20px;width:100%}.pzc-top{display:flex;align-items:center;gap:8px;width:100%;max-width:420px}.pzc-stat{display:inline-flex;align-items:center;padding:5px 10px;background:var(--surface-2);border-radius:8px;font-size:13px;font-weight:700;color:var(--ink)}.pzc-chk{margin-left:auto;padding:7px 14px;border-radius:8px;border:0;background:var(--accent);color:var(--brand-ink);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .1s}.pzc-chk:disabled{opacity:.45;cursor:default}.pzc-chk:not(:disabled):hover{opacity:.85}.pzc-clue-bar{width:100%;max-width:420px;min-height:18px;font-size:12.5px;color:var(--accent);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pzc-grid-wrap{overflow:auto;max-width:calc(100vw - 8px)}.pzc-grid{display:grid;grid-template-columns:repeat(var(--pzc-cols, 10),1fr);border:2px solid var(--line-2);border-radius:4px;overflow:hidden;width:min(calc(100vw - 16px),380px);aspect-ratio:var(--pzc-cols, 10) / var(--pzc-rows, 10);outline:none;user-select:none}.pzc-grid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 55%,transparent)}.pzc-cell{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.07);font-weight:700;font-size:clamp(9px,4.5vw,18px);padding:0;overflow:hidden}.pzc-cell--black{background:#0c0717;border-color:#ffffff0a}.pzc-cell--white{background:var(--surface-3);color:var(--ink);cursor:pointer;border:none;outline:none;font-family:var(--font);transition:background .07s}.pzc-cell--white:hover{background:color-mix(in oklab,var(--accent) 8%,var(--surface-3))}.pzc-cell--run{background:color-mix(in oklab,var(--accent) 13%,var(--surface-3))}.pzc-cell--sel{background:color-mix(in oklab,var(--accent) 40%,var(--surface-3))!important;color:#fff!important}.pzc-cell--ok .pzc-letter{color:var(--good)}.pzc-cell--err .pzc-letter{color:var(--bad)}.pzc-num{position:absolute;top:1px;left:2px;font-size:clamp(5px,1.5vw,9px);font-weight:700;line-height:1;color:var(--muted);pointer-events:none;z-index:1}.pzc-cell--sel .pzc-num{color:#ffffffbf}.pzc-letter{pointer-events:none;line-height:1}.pzc-clues{display:flex;gap:12px;width:100%;max-width:420px;max-height:190px;overflow:auto;border-top:1px solid var(--line);padding-top:8px}.pzc-clue-col{flex:1;min-width:0}.pzc-clue-head{margin:0 0 5px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pzc-clue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pzc-clue-item{font-size:12px;color:var(--muted);cursor:pointer;border-radius:5px;padding:3px 6px;line-height:1.45;transition:background .1s}.pzc-clue-item:hover{background:var(--surface-2);color:var(--ink)}.pzc-clue-item--active{background:color-mix(in oklab,var(--accent) 12%,var(--surface-2));color:var(--ink)}.pzc-clue-num{color:var(--accent);margin-right:2px}.pzc-kbd{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:420px;padding:2px 0}.pzc-kbd-row{display:flex;gap:4px;justify-content:center}.pzc-key{min-width:28px;min-height:44px;border-radius:7px;border:1.5px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;padding:0 5px;transition:background .09s,border-color .09s}.pzc-key:hover{background:color-mix(in oklab,var(--accent) 12%,var(--surface-2));border-color:color-mix(in oklab,var(--accent) 50%,var(--line-2))}.pzc-key:active{background:color-mix(in oklab,var(--accent) 24%,var(--surface-2))}.pzc-key--bs{min-width:42px;font-size:15px}.pzc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pzc-empty{padding:28px 16px;color:var(--muted);text-align:center;font-size:15px}@media (prefers-reduced-motion: reduce){.pzc-cell--white,.pzc-key,.pzc-chk{transition:none}}.gm{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0;max-width:560px;margin:0 auto;padding:12px max(12px,env(safe-area-inset-left)) 28px}.gm-modes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center}.gm-seg{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.gm-seg-btn{min-height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:color-mix(in oklab,var(--surface) 75%,transparent);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer;transition:background .09s,border-color .09s}.gm-seg-btn[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface));box-shadow:0 0 0 1px var(--accent) inset}.gm-status{min-height:26px;font-family:var(--font-display);font-size:clamp(15px,4vw,19px);font-weight:700;letter-spacing:-.01em;color:var(--muted);text-align:center}.gm-dice-row{display:flex;gap:8px;justify-content:center;min-height:36px;align-items:center}.gm-die{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--surface-2);border:1.5px solid var(--line-2);font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);box-shadow:0 2px 4px #00000040}.gm-die--used{opacity:.28}.gm-board-wrap{display:flex;gap:4px;width:100%;min-width:0;align-items:stretch}.gm-board{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto 1fr;height:clamp(200px,48vw,300px);background:color-mix(in oklab,var(--accent) 10%,var(--surface-3));border:1.5px solid var(--line);border-radius:10px;padding:4px;gap:2px;box-shadow:var(--shadow);overflow:hidden;touch-action:manipulation}.gm-half{display:flex;flex-direction:column;min-width:0}.gm-pts{display:flex;flex:1;min-height:0;gap:2px}.gm-pts--top{align-items:flex-start;border-bottom:1px solid var(--line-2)}.gm-pts--bot{align-items:flex-end}.gm-point{flex:1;min-width:0;position:relative;display:flex;align-items:center;border:none;background:transparent;cursor:pointer;padding:1px 0;border-radius:2px;height:100%;transition:outline .07s}.gm-point--top{flex-direction:column;justify-content:flex-start}.gm-point--bot{flex-direction:column-reverse;justify-content:flex-start}.gm-point:before{content:"";position:absolute;inset:0;pointer-events:none}.gm-point--top:before{clip-path:polygon(0 0,100% 0,50% 100%)}.gm-point--bot:before{clip-path:polygon(0 100%,100% 100%,50% 0)}.gm-pts--top .gm-point:nth-child(odd):before,.gm-pts--bot .gm-point:nth-child(2n):before{background:color-mix(in oklab,var(--accent) 50%,transparent)}.gm-pts--top .gm-point:nth-child(2n):before,.gm-pts--bot .gm-point:nth-child(odd):before{background:color-mix(in oklab,var(--muted) 28%,transparent)}.gm-point--sel{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in oklab,var(--accent) 18%,transparent);z-index:1}.gm-point--dest{background:color-mix(in oklab,var(--accent) 12%,transparent)}.gm-point--dest:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.75;z-index:2;left:50%;transform:translate(-50%)}.gm-point--top.gm-point--dest:after{bottom:4px;top:auto}.gm-point--bot.gm-point--dest:after{top:4px;bottom:auto}.gm-point:disabled{cursor:default}.gm-point--movable{cursor:pointer}.gm-checker{display:block;width:min(88%,28px);aspect-ratio:1 / 1;border-radius:50%;flex-shrink:0;margin:0 auto;pointer-events:none;position:relative;z-index:1}.gm-checker--sm{width:min(80%,22px)}.gm-checker--w{background:radial-gradient(circle at 35% 30%,#f4f4f4,#c0c0cc 72%);border:1.5px solid rgba(0,0,0,.28);box-shadow:0 1px 3px #00000059,inset 0 1px 1px #ffffff8c}.gm-checker--b{background:radial-gradient(circle at 35% 30%,#484858,#0e0e16 72%);border:1.5px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0000008c,inset 0 1px 1px #ffffff1a}.gm-bar-col{width:26px;display:flex;flex-direction:column;background:color-mix(in oklab,var(--surface-3) 70%,var(--bg));border-left:1px solid var(--line);border-right:1px solid var(--line)}.gm-bar-half{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 1px}.gm-bar-half--b{justify-content:flex-start}.gm-bar-half--w{justify-content:flex-end;border-top:1px dashed var(--line-2)}.gm-bar-half.gm-point--sel{background:color-mix(in oklab,var(--accent) 22%,var(--surface-3));outline:2px solid var(--accent);outline-offset:-2px}.gm-bar-half.gm-point--movable{background:color-mix(in oklab,var(--accent) 12%,var(--surface-3));cursor:pointer}.gm-side{width:26px;display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}.gm-off{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 1px;background:color-mix(in oklab,var(--surface-2) 50%,var(--bg))}.gm-off--b{justify-content:flex-start;border-bottom:1px solid var(--line)}.gm-off--w{justify-content:flex-end}.gm-off--dest{background:color-mix(in oklab,var(--accent) 26%,var(--surface-3));outline:2px solid var(--accent);outline-offset:-2px;cursor:pointer}.gm-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media (max-width: 400px){.gm-die{width:28px;height:28px;font-size:13px}.gm-bar-col,.gm-side{width:20px}.gm-checker{width:min(86%,22px)}.gm-checker--sm{width:min(78%,18px)}}@media (prefers-reduced-motion: reduce){.gm-seg-btn,.gm-point{transition:none}}.xd{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 8px 24px;width:100%;max-width:520px;margin:0 auto}.xd-modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.xd-seg{display:flex;gap:4px;background:var(--surface-2);border-radius:var(--radius-sm);padding:4px}.xd-seg.hidden{display:none}.xd-seg-btn{background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;min-height:44px}.xd-seg-btn[aria-pressed=true],.xd-seg-btn:hover{background:var(--accent, var(--brand));color:#fff}.xd-status{font-size:14px;font-weight:600;color:var(--ink);text-align:center;min-height:22px}.xd-board-wrap{width:100%;max-width:min(480px,96vw,calc(100vh - 240px));aspect-ratio:1}.xd-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border:2px solid var(--accent, var(--brand));border-radius:4px;overflow:hidden;box-shadow:0 0 32px -8px #ff8a3d59}.xd-board.over{opacity:.85}.xd-cell{position:relative;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;margin:0;font-size:clamp(18px,4.5vw,46px);line-height:1;user-select:none;transition:background .1s;min-width:0;min-height:0;outline:none}.xd-cell:disabled{cursor:default}.xd-cell.light{background:#f0d9b5;color:#333}.xd-cell.dark{background:#b58863;color:#fff}.xd-cell[data-side=w]{color:#fff;text-shadow:0 0 2px #000,0 1px 3px rgba(0,0,0,.8)}.xd-cell[data-side=b]{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.25)}.xd-cell.sel{background:#7fc97f!important;box-shadow:inset 0 0 0 3px #00b40099}.xd-cell.dest:after{content:"";position:absolute;inset:50%;transform:translate(-50%,-50%);width:32%;height:32%;border-radius:50%;background:#0000004d;pointer-events:none}.xd-cell.dest:not(:empty):after{inset:4%;width:92%;height:92%;background:transparent;border:3px solid rgba(0,0,0,.4)}.xd-cell.movable:before{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid rgba(255,138,61,.55);pointer-events:none}.xd-cell.last.light{background:#cdd16f}.xd-cell.last.dark{background:#aaa23a}.xd-cell.check{background:#e53935!important}.xd-cell.cursor{outline:3px solid var(--accent, var(--brand));outline-offset:-3px;z-index:1}.xd-actions{display:flex;justify-content:center;gap:8px}.xd-promo{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.xd-promo[hidden]{display:none}.xd-promo-card{background:var(--surface-3, #1b1230);border:1px solid var(--accent, var(--brand));border-radius:var(--radius-sm);padding:20px 24px;text-align:center;box-shadow:0 24px 60px #000000b3}.xd-promo-title{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 12px}.xd-promo-choices{display:flex;gap:8px}.xd-promo-btn{width:56px;height:56px;font-size:34px;background:var(--surface-2);border:2px solid var(--line-2);border-radius:10px;cursor:pointer;color:var(--ink);transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}.xd-promo-btn:hover,.xd-promo-btn:focus{background:var(--accent, var(--brand));border-color:var(--accent, var(--brand));transform:scale(1.08);outline:none}@media (max-width: 380px){.xd-cell{font-size:16px}.xd-seg-btn{padding:6px 10px;font-size:12px}.xd-promo-btn{width:46px;height:46px;font-size:28px}}@media (prefers-reduced-motion: reduce){.xd-seg-btn,.xd-cell,.xd-promo-btn{transition:none}}