:root{--bg: #eef1f7;--surface: #ffffff;--text: #131a2c;--muted: #5a6480;--accent: #2a4bd0;--accent-text: #ffffff;--accent-soft: #e4e9fa;--rail-wood-edge: #c29a6b;--warm: #8f5104;--icon-bg: #e0e7fb;--field-bg: #f1f4fa;--field-border: #a5b0c8;--cell-free: #ffffff;--cell-border: #c7cede;--given-bg: #2b3440;--given-text: #ffffff;--blocked-bg: #7c8799;--blocked-text: #ffffff;--zero: #b3541e;--one: #2456d6;--danger: #b0261f;--good: #1a7a45;--turn: #0f766e;--notice-bg: #e3e8f2;--notice-text: #2f3b57;--persp-top: #c3cfe6;--persp-right: #93a4c6;--persp-left: #6f81a9;--persp-edge: #46527a;--persp-floor: #e7ebf4;--persp-bar: #5b6a92;--persp-paper: #d5dcee;--persp-paper-edge: #9aa7c6}:root[data-theme=dark]{--bg: #0b1020;--surface: #141b30;--text: #e6ebf5;--muted: #8e9bb5;--accent: #5b7cff;--accent-text: #0a0f1c;--accent-soft: #121a2f;--rail-wood-edge: #6f563f;--warm: #f2a33c;--icon-bg: #1e2947;--field-bg: #0f1626;--field-border: #3a4878;--cell-free: #232b34;--cell-border: #2f3a57;--given-bg: #e8edf3;--given-text: #10141a;--blocked-bg: #191f2b;--blocked-text: #aab6c8;--zero: #ffab70;--one: #8ab1ff;--danger: #ff8a80;--good: #6cd39a;--turn: #2dd4bf;--notice-bg: #1b2440;--notice-text: #c3cde4;--persp-top: #46527a;--persp-right: #363f63;--persp-left: #28304c;--persp-edge: #93a6d4;--persp-floor: #171d30;--persp-bar: #9fb0dc;--persp-paper: #131a2c;--persp-paper-edge: #46527f}*{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;min-height:100dvh;display:flex;flex-direction:column}#app{flex:1 0 auto;display:flex;flex-direction:column}.screen{max-width:480px;width:100%;margin:0 auto;flex:1 0 auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.home,.rule,.result{justify-content:center;text-align:center}.home{justify-content:flex-start;text-align:left}.home-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:8px}.home-header-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.home-art{display:none}@media(min-width:900px){.home-header{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;width:100%}.home-art{display:block;flex:0 0 auto;width:auto;height:auto;max-width:min(38%,340px);max-height:150px}}.home-header .issue{color:var(--accent);font-weight:600}.home-header .muted{font-size:1rem;line-height:1.45;max-width:58ch;text-wrap:pretty}.home-headline{font-size:clamp(1.9rem,6.4vw,2.5rem);line-height:1.08;margin:4px 0 0;letter-spacing:-.02em}.issue{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-variant-numeric:tabular-nums}.offline-note{margin:0 0 18px;padding:10px 14px;border:1px solid var(--field-border);border-radius:10px;background:var(--field-bg);color:var(--muted);font-size:.94rem;text-align:center}#brand{display:block;margin:0 auto;padding:12px 16px 0;color:var(--text);line-height:0;width:fit-content}#brand:empty{display:none}#brand .wordmark-svg{width:116px}body:has(main.screen.home) #brand{display:none}@media(min-width:900px){#brand{position:absolute;top:20px;right:calc(50% + 264px);margin:0;padding:0}#brand .wordmark-svg{width:148px}}.wordmark{margin:0;color:var(--text);line-height:0}.wordmark-svg{display:block;width:min(240px,72vw);height:auto}.wordmark-svg .tile-dark,.wordmark-svg .tile-blue,.wordmark-svg .tile-overlap,.wordmark-svg .word-duel{transition:transform .36s cubic-bezier(.22,.8,.22,1);transform-box:fill-box;transform-origin:center}.wordmark:hover .tile-dark{transform:translate(22px,-12px)}.wordmark:hover .tile-blue{transform:translate(-22px,12px)}.wordmark:hover .tile-overlap{transform:translate(-4px,4px) scale(1.08)}.wordmark:hover .word-duel{transform:translate(-6px)}@media(min-width:760px){.home{max-width:760px}}@media(min-width:1100px){.home{max-width:1040px}}.home{gap:26px}.home-section{display:flex;flex-direction:column;gap:14px;min-width:0}.home-section-header{display:grid;gap:5px}.home-section-header>div{display:grid;gap:5px}.home-section-header h2{font-size:clamp(1.2rem,3.8vw,1.45rem);line-height:1.2;letter-spacing:-.015em}.home-section-header .muted{max-width:62ch;font-size:.92rem;line-height:1.45;text-wrap:pretty}.home-section-kicker{margin:0;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.puzzle-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.puzzle-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--cell-border);border-radius:14px;background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.puzzle-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--cell-border));box-shadow:0 7px 18px #0f172a12}.puzzle-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:3px}.puzzle-card-preview{position:relative;width:100%;aspect-ratio:16 / 9;display:grid;place-items:stretch;overflow:hidden;padding:9px 9px 7px;background:linear-gradient(180deg,color-mix(in srgb,var(--field-bg) 74%,var(--surface)),var(--surface));color:var(--accent)}.preview-balance-scales{display:flex;flex-direction:column;justify-content:center;gap:5px}.preview-scale{display:flex;align-items:center;justify-content:center;gap:12px;padding:5px 8px;border:1px solid var(--field-border);border-radius:7px;background:var(--surface)}.preview-side{display:flex;align-items:center;gap:4px}.preview-operator{font-size:.7rem;font-weight:600;color:var(--muted)}.preview-mark{width:13px;height:13px;flex:none}.preview-perspective-body{display:flex;align-items:center;justify-content:center;gap:12px}.preview-heights{display:grid;grid-template-columns:repeat(3,20px);gap:3px}.preview-heights span{display:grid;place-items:center;height:20px;font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);background:var(--cell-free);border:1px solid var(--field-border);border-radius:4px}.preview-heights span.empty{color:var(--muted);font-weight:400}.preview-isometry svg{display:block;width:auto;max-width:86px;max-height:76px}.puzzle-card-preview img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;border:1px solid color-mix(in srgb,var(--cell-border) 82%,transparent);border-radius:11px;background:var(--field-bg);filter:saturate(.86) contrast(.96) brightness(1.015);box-shadow:0 1px 2px #0f172a0d,0 5px 14px #0f172a0b}.puzzle-card-preview:after{content:"";position:absolute;right:9px;bottom:7px;left:9px;height:18px;border-radius:0 0 11px 11px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 32%,transparent));pointer-events:none}.puzzle-card-copy{min-width:0;padding:13px 14px 15px}.puzzle-card-copy h3{margin:0;font-size:.98rem;font-weight:650;line-height:1.25}.puzzle-card-copy p{margin:4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.35}.puzzle-card-badge{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid var(--cell-border);border-radius:999px;background:var(--field-bg);color:var(--muted);font-size:.66rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;vertical-align:.12em;white-space:nowrap}.preview-generic{font-size:1.7rem}.puzzle-library-unavailable{grid-column:1 / -1;padding:14px 0;font-size:.9rem}.puzzle-library-action{width:100%;min-height:46px}.challenge-section{padding-top:2px}.ranking-section .segmented{max-width:420px}.ranking-list{margin-top:12px}.ranking-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ranking-row{display:flex;gap:10px;align-items:baseline;font-variant-numeric:tabular-nums}.ranking-rank{color:var(--muted);min-width:2.2em;text-align:right}.ranking-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-time{color:var(--muted)}.ranking-note{margin:8px 0 0;font-size:.9rem}.ranking-cta{margin-top:8px;padding:0;text-align:left}@media(min-width:560px){.puzzle-library-action{width:auto;align-self:flex-start;padding-inline:18px}}@media(min-width:760px){.puzzle-library{grid-template-columns:repeat(4,minmax(0,1fr))}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:stretch}.tile{--tile-ring: 0 0 0 0 transparent;--tile-shadow: 0 1px 2px rgba(19, 26, 44, .05), 0 12px 26px -20px rgba(19, 26, 44, .45);display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--cell-border);border-radius:18px;padding:18px;box-shadow:var(--tile-ring),var(--tile-shadow)}[data-theme=dark] .tile{--tile-shadow: 0 0 0 0 transparent}@media(hover:hover){.tile:not(.placeholder):hover{border-color:var(--field-border)}}.tile-head{display:flex;align-items:center;gap:12px}.tile-glyph{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--icon-bg);color:var(--accent);font-size:1.35rem;line-height:1}.tile-glyph svg{display:block;width:22px;height:22px;fill:currentColor}.tile-icon-mask{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--tile-icon) center / contain no-repeat;mask:var(--tile-icon) center / contain no-repeat}.tile-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.tile-name{font-size:1.05rem;font-weight:600;line-height:1.25}.tile-meta{margin:0;color:var(--muted);font-size:.82rem;line-height:1.3}.tile-blurb{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.tile-foot{margin-top:auto;padding-top:14px}.tile-status{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:.85rem;line-height:1.35}.tile.accent-open .tile-status-text{color:var(--text);font-weight:500}.tile-status-glyph{flex:none;color:var(--accent);font-size:.95rem;line-height:1}.tile-status-glyph[hidden]{display:none}.turn-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--turn)}.rbduel-row .turn-dot{margin-right:8px}.tile-status-text{min-width:0}.chip{background:var(--bg);border:1px solid var(--cell-border);border-radius:999px;padding:2px 10px;font-size:.8rem;color:var(--muted)}.tile-control{margin-top:12px}.tile-control:empty{display:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--bg);border:1px solid var(--cell-border);border-radius:12px;padding:4px}.segment{background:transparent;color:var(--muted);font-size:.95rem;padding:10px 4px;min-height:44px;border-color:transparent;border-radius:9px}.segment.active{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-weight:600}.tile-actions{display:flex;gap:8px;margin-top:12px}.tile-actions:empty{display:none}.tile-actions .primary{flex:1 1 auto;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);font-size:.95rem;font-weight:600;min-height:46px;padding:12px}.tile-actions .primary:after{content:"›";margin-left:8px;font-weight:400;opacity:.85}.tile-actions .secondary{flex:0 0 auto;padding:12px 16px;min-height:46px}.tile.accent-open{border-color:var(--accent);--tile-ring: inset 0 0 0 1px var(--accent)}.tile.accent-done .tile-glyph{background:var(--field-bg);color:var(--muted)}.tile.unavailable .tile-status{color:var(--danger)}.tile.placeholder{border-style:dashed;background:transparent;--tile-shadow: 0 0 0 0 transparent;opacity:.7}.tile.placeholder .tile-glyph{background:var(--field-bg);color:var(--muted)}.tile-badge{margin-left:auto;align-self:flex-start;border:1px solid var(--cell-border);border-radius:999px;padding:3px 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.home-footer{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.home-footer .link{padding:10px 6px}.home-footer .link span{display:inline-block;margin-right:5px}@media(min-width:560px){.home-footer{flex-direction:row;justify-content:center;gap:16px}.home-footer .link+.link{border-left:1px solid var(--cell-border);padding-left:18px}}body:has(main.screen.home){background:radial-gradient(1100px 620px at -8% -10%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 66%),radial-gradient(920px 560px at 108% 12%,color-mix(in srgb,#7557ff 9%,transparent),transparent 69%),radial-gradient(760px 460px at 48% 108%,color-mix(in srgb,#24b6d2 6%,transparent),transparent 70%),radial-gradient(1360px 590px at -18% 34%,transparent 68.2%,color-mix(in srgb,var(--accent) 7.2%,transparent) 68.38%,color-mix(in srgb,var(--accent) 7.2%,transparent) 68.98%,transparent 69.18%),radial-gradient(1540px 680px at -24% 48%,transparent 74%,color-mix(in srgb,#24b6d2 5.4%,transparent) 74.15%,color-mix(in srgb,#24b6d2 5.4%,transparent) 74.46%,transparent 74.66%),radial-gradient(1120px 530px at 112% 20%,transparent 63.8%,color-mix(in srgb,#7557ff 6.8%,transparent) 63.96%,color-mix(in srgb,#7557ff 6.8%,transparent) 64.76%,transparent 64.98%),radial-gradient(1280px 620px at 116% 40%,transparent 72.6%,color-mix(in srgb,var(--accent) 4.8%,transparent) 72.74%,color-mix(in srgb,var(--accent) 4.8%,transparent) 73.06%,transparent 73.24%),radial-gradient(1030px 440px at 52% 112%,transparent 66.2%,color-mix(in srgb,#24b6d2 5.2%,transparent) 66.34%,color-mix(in srgb,#24b6d2 5.2%,transparent) 66.94%,transparent 67.16%),radial-gradient(1460px 700px at 40% -28%,transparent 77.2%,color-mix(in srgb,var(--surface) 30%,var(--accent) 3%) 77.38%,color-mix(in srgb,var(--surface) 30%,var(--accent) 3%) 79.24%,transparent 79.52%),var(--bg);background-attachment:fixed}.home{gap:30px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.home-header{position:relative;isolation:isolate;overflow:visible;padding:clamp(10px,1.5vw,16px) 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.home-header:before{content:"";position:absolute;inset:-24px -44px -36px 42%;z-index:-2;pointer-events:none;background:radial-gradient(430px 208px at 72% 53%,transparent 61%,color-mix(in srgb,var(--accent) 12%,transparent) 61.28%,color-mix(in srgb,var(--accent) 12%,transparent) 62.42%,transparent 62.74%),radial-gradient(512px 250px at 76% 55%,transparent 69.6%,color-mix(in srgb,#7557ff 8.8%,transparent) 69.88%,color-mix(in srgb,#7557ff 8.8%,transparent) 70.48%,transparent 70.74%),radial-gradient(576px 286px at 80% 57%,transparent 76.7%,color-mix(in srgb,#24b6d2 6.8%,transparent) 76.92%,color-mix(in srgb,#24b6d2 6.8%,transparent) 77.34%,transparent 77.58%),radial-gradient(circle at 88% 24%,color-mix(in srgb,var(--accent) 12%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 67% 77%,color-mix(in srgb,#7557ff 11%,transparent) 0 2px,transparent 3px);background-repeat:no-repeat;mask-image:radial-gradient(ellipse at 74% 48%,rgb(0 0 0 / .9),transparent 78%)}.home-header:after{content:"";position:absolute;z-index:-1;width:min(440px,52vw);height:min(250px,30vw);right:clamp(-60px,-3vw,-10px);bottom:clamp(-76px,-6vw,-38px);border:0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%);box-shadow:none;pointer-events:none}.home-header-text{position:relative;z-index:1;gap:8px}.home-header .wordmark-svg{width:min(252px,74vw)}.home-header .issue{margin-top:6px;font-weight:750}.home-headline{max-width:18ch;font-size:clamp(2rem,6.2vw,3.25rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.home-section{gap:16px;padding:18px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.challenge-section{margin-top:8px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--accent) 13%,var(--cell-border))}.home-section-header{gap:7px}.home-section-header>div{gap:6px}.home-section-header h2{font-size:clamp(1.28rem,3.8vw,1.6rem);letter-spacing:-.025em}.home-section-kicker{display:flex;align-items:center;gap:7px;font-weight:800}.home-section-kicker:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}.puzzle-library{gap:12px}.puzzle-card{position:relative;border-color:color-mix(in srgb,var(--cell-border) 90%,transparent);border-radius:21px;box-shadow:0 1px 1px #0f172a0a,0 14px 30px -26px #0f172a75;transform:translateZ(0)}.puzzle-card:before{content:"";position:absolute;z-index:2;top:0;left:18px;right:18px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--accent),#7557ff,#24b6d2);opacity:.68;pointer-events:none}.puzzle-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 44%,var(--cell-border));box-shadow:0 2px 4px #0f172a0f,0 22px 40px -28px color-mix(in srgb,var(--accent) 42%,rgb(15 23 42 / .28))}.puzzle-card-preview{padding:11px 11px 8px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--field-bg) 76%,var(--surface)),var(--surface))}.puzzle-card-preview img{border-radius:13px;filter:saturate(.96) contrast(.98) brightness(1.015);box-shadow:0 1px 2px #0f172a0f,0 9px 20px -14px #0f172a4d}.puzzle-card-preview:after{right:11px;bottom:8px;left:11px;border-radius:0 0 13px 13px}.puzzle-card-copy{padding:14px 15px 17px}.puzzle-card-copy h3{font-size:1.02rem;font-weight:700}.puzzle-library-action{border-color:color-mix(in srgb,var(--accent) 38%,var(--cell-border));background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface));color:var(--accent);font-weight:650}.tiles{gap:16px}.tile{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--cell-border) 90%,transparent);border-radius:22px;padding:20px;--tile-shadow: 0 1px 1px rgb(15 23 42 / .04), 0 18px 34px -30px rgb(15 23 42 / .5);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.tile:before{content:"";position:absolute;top:-48px;right:-44px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%);pointer-events:none}[data-theme=dark] .tile{--tile-shadow: 0 18px 36px -32px rgb(0 0 0 / .7)}@media(hover:hover){.tile:not(.placeholder):hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,var(--cell-border));--tile-shadow: 0 22px 42px -30px color-mix(in srgb, var(--accent) 42%, rgb(15 23 42 / .3))}}.tile-glyph{width:46px;height:46px;border-radius:15px;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--surface) 38%,transparent),transparent 46%),var(--icon-bg);box-shadow:0 8px 18px -14px color-mix(in srgb,var(--accent) 72%,transparent)}.tile-name{font-size:1.08rem;font-weight:700}.tile-actions .primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#7557ff));color:#fff;box-shadow:0 10px 22px -14px color-mix(in srgb,var(--accent) 78%,transparent)}.tile-actions .primary:hover{filter:brightness(1.055)}.segmented{background:color-mix(in srgb,var(--field-bg) 86%,transparent)}.segment.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:0 5px 14px -11px color-mix(in srgb,var(--accent) 70%,transparent)}.home-footer{margin-top:0;padding:4px 0 8px}@media(min-width:760px){.home{max-width:820px}.home-header{min-height:236px}}@media(min-width:900px){.home-header{gap:28px;min-height:270px}.home-art{max-width:min(48%,470px);max-height:235px;transform:translateY(18px) scale(1.12);transform-origin:right center;filter:drop-shadow(0 24px 24px color-mix(in srgb,var(--accent) 17%,transparent))}}@media(min-width:1100px){.home{max-width:1120px}.home-header{min-height:290px}.home-art{max-width:min(51%,530px);max-height:270px;transform:translateY(22px) scale(1.18)}}@media(prefers-reduced-motion:reduce){.puzzle-card,.tile{transition:none}.puzzle-card:hover,.tile:not(.placeholder):hover{transform:none}}@media(min-width:560px){.tl-game .tl-board-wrap{width:min(100%,calc(100dvh - 255px));margin-inline:auto}}.tl-direct-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;min-height:44px;padding:7px 10px 7px 14px;border:1px solid var(--cell-border);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,var(--field-bg));box-shadow:0 6px 18px color-mix(in srgb,var(--text) 5%,transparent)}.tl-move-guide{min-width:0;margin:0;color:var(--muted);font-size:.9rem}.tl-burn-row{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid var(--cell-border);color:var(--muted);font-size:.85rem}.tl-burn-value{min-width:36px;min-height:34px;padding:4px 9px;border-radius:9px;font-weight:750;font-variant-numeric:tabular-nums}.tl-direct-controls .tl-give-up{padding:0;border:0}.tl-direct-controls .tl-resign-ask:not([hidden]){position:absolute;right:max(16px,calc((100vw - min(700px,100vw - 32px))/2));z-index:20;width:min(520px,calc(100vw - 32px));box-shadow:0 16px 40px color-mix(in srgb,var(--text) 18%,transparent)}.tl-target{overflow:visible}.tl-target-options{position:absolute;inset:3px;z-index:8;display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:none}.tl-target-hit{position:relative;display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:2px solid var(--turn);border-radius:50%;background:color-mix(in srgb,var(--turn) 86%,var(--surface));color:var(--surface);box-shadow:0 6px 16px color-mix(in srgb,var(--turn) 30%,transparent),0 0 0 4px color-mix(in srgb,var(--turn) 15%,transparent);font-size:.78rem;font-weight:850;font-variant-numeric:tabular-nums;pointer-events:auto;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;animation:tl-target-hit-in .26s cubic-bezier(.16,1.3,.3,1) both}.tl-target-options.single .tl-target-hit{width:100%;height:100%;min-width:100%;min-height:100%;border-radius:inherit;background:color-mix(in srgb,var(--turn) 18%,transparent);color:var(--text);box-shadow:inset 0 0 0 2px var(--turn)}.tl-target-hit:hover,.tl-target-hit:focus-visible{transform:scale(1.1);background:var(--turn);color:var(--surface);box-shadow:0 9px 22px color-mix(in srgb,var(--turn) 36%,transparent),0 0 0 5px color-mix(in srgb,var(--turn) 16%,transparent)}.tl-target-hit.captures{border-color:var(--danger);box-shadow:0 6px 16px color-mix(in srgb,var(--danger) 25%,transparent),0 0 0 4px color-mix(in srgb,var(--danger) 13%,transparent)}.tl-target.committing{animation:tl-target-commit .34s ease-out both}.tl-piece.dragging{opacity:.62;transform:scale(1.12) rotate(3deg);cursor:grabbing}.tl-piece.moving{animation:tl-piece-lift .36s ease-in both}.tl-field.tl-target-hint,.tl-home-cell.tl-target-hint{outline:2px solid var(--accent);outline-offset:-3px}.tl-piece.leaving{position:absolute;inset:0;margin:auto;pointer-events:none}.tl-game.is-updated,.tl-game.is-updated .tl-game-status,.tl-game.is-updated .tl-board-wrap,.tl-game.is-updated .tl-field{animation:none}@keyframes tl-target-hit-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes tl-target-commit{0%{filter:brightness(1)}50%{filter:brightness(1.16);transform:scale(1.035)}to{filter:brightness(1);transform:scale(1)}}@keyframes tl-piece-lift{0%{opacity:1;transform:translateY(-4px) scale(1.08)}to{opacity:.55;transform:translateY(-14px) scale(.88)}}@media(max-width:559px){.tl-direct-controls{grid-template-columns:minmax(0,1fr) auto;padding-left:11px}.tl-move-guide{font-size:.84rem}.tl-target-options{inset:2px}.tl-target-hit{width:28px;height:28px;min-width:28px;min-height:28px;font-size:.72rem}}@media(prefers-reduced-motion:reduce){.tl-target-hit,.tl-target.committing,.tl-piece.moving{animation:none!important}}.tl-player-area{--tl-lane-color: var(--accent);grid-template-columns:minmax(112px,auto) minmax(0,1fr);column-gap:0}.tl-player-area.player-1{--tl-lane-color: var(--tl-player-two)}.tl-base{align-self:stretch;min-width:112px;padding:8px 12px 8px 8px;border:1px solid color-mix(in srgb,var(--tl-lane-color) 34%,var(--cell-border));border-right-width:2px;border-radius:11px 0 0 11px;background:color-mix(in srgb,var(--tl-lane-color) 7%,var(--field-bg))}.tl-base-pieces{min-height:44px;justify-content:flex-start}.tl-home{min-width:0;padding-left:10px}.tl-base .tl-area-label,.tl-home .tl-area-label{color:color-mix(in srgb,var(--tl-lane-color) 58%,var(--text))}.tl-home-row{position:relative;justify-content:flex-start;gap:4px;min-width:0;padding:4px;border:1px solid color-mix(in srgb,var(--tl-lane-color) 42%,var(--cell-border));border-radius:12px;background:color-mix(in srgb,var(--tl-lane-color) 7%,var(--field-bg));box-shadow:inset 3px 0 color-mix(in srgb,var(--tl-lane-color) 70%,transparent)}.tl-home-cell,.tl-player-area.player-0 .tl-home-cell,.tl-player-area.player-1 .tl-home-cell{flex:1 1 0;min-width:0;min-height:54px;border-width:1px;border-style:solid;border-color:color-mix(in srgb,var(--tl-lane-color) 55%,var(--cell-border));border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,var(--field-bg))}.tl-home-cell+.tl-home-cell:before{content:"";position:absolute;top:50%;left:-5px;width:5px;height:2px;background:color-mix(in srgb,var(--tl-lane-color) 52%,var(--cell-border));transform:translateY(-50%)}@media(max-width:559px){.tl-player-area{grid-template-columns:minmax(104px,auto) minmax(0,1fr)}.tl-base{min-width:104px;padding-right:8px}.tl-home{padding-left:7px}.tl-home-row{gap:3px;padding:3px}.tl-home-cell,.tl-player-area.player-0 .tl-home-cell,.tl-player-area.player-1 .tl-home-cell{min-width:0;min-height:50px}}h1{font-size:2rem;margin:0}h2{margin:0}.muted{color:var(--muted);margin:0}.notice{background:var(--notice-bg);color:var(--notice-text);border-radius:10px;padding:12px 14px;margin:0}button{font:inherit;border:1px solid var(--cell-border);border-radius:12px;cursor:pointer;touch-action:manipulation;min-height:44px;min-width:44px;padding:12px 16px;background:var(--surface);color:var(--text)}.primary{background:var(--accent);color:var(--accent-text);font-size:1.15rem;font-weight:600;padding:16px;min-height:56px}.secondary{background:transparent;color:var(--muted);border:1px solid var(--cell-border);padding:12px 16px;min-height:48px}.secondary.armed{color:var(--danger);border-color:var(--danger);font-weight:600}.icon{background:transparent;color:var(--muted);border:1px solid var(--cell-border);border-radius:50%;width:44px;height:44px;padding:0;font-weight:700}.task{justify-content:flex-start}.task-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer{font-variant-numeric:tabular-nums;color:var(--muted)}.rule-text{color:var(--muted);font-size:.9rem;margin:0}.task footer{margin-top:auto;display:flex;justify-content:center;gap:8px;padding-top:8px}.task footer button{flex:1 1 0;max-width:220px}.task footer button:disabled{opacity:.45}.binairo{display:flex;flex-direction:column;gap:6px;width:min(92vw,420px,58dvh);margin:8px auto 0}.binairo.locked{pointer-events:none;opacity:.8}.binairo-row{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:6px}.cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,6vw,1.8rem);font-weight:700;border-radius:10px;user-select:none}.cell.free{background:var(--cell-free);border:2px solid var(--cell-border);padding:0}.cell.free:active{transform:scale(.94)}.cell.given{background:var(--given-bg);color:var(--given-text)}.cell.free.value-0{color:var(--zero);border-color:var(--zero)}.cell.free.value-1{color:var(--one);border-color:var(--one)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.binairo.shake{animation:shake .45s}.toast{min-height:2rem;text-align:center;font-size:1.3rem;font-weight:700;color:var(--danger);opacity:0}.toast.visible{animation:toast-fade 1.6s ease-out}@keyframes toast-fade{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.day-result{font-size:3rem;font-weight:700;margin:0;color:var(--warm);font-variant-numeric:tabular-nums}.day-result.unranked{color:var(--text)}.skip-warning:not([hidden]){border:1px solid var(--cell-border);border-radius:12px;padding:16px;margin:8px 0;display:flex;flex-direction:column;gap:10px;text-align:center}.skip-warning p{margin:0;line-height:1.4}.rank{font-size:1.3rem;font-weight:600;margin:0}.standing{display:flex;flex-direction:column;gap:8px}.bars-title{margin-top:8px}.bars{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:110px}.bar-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;width:28px}.bar{width:100%;border-radius:4px 4px 0 0;background:var(--accent)}.bar.skipped{background:var(--danger)}.bar-label{font-size:.75rem;color:var(--muted)}.check-bar{width:100%;height:4px;border-radius:2px;margin-top:10px;background:transparent;overflow:hidden}.check-bar.pending{background:var(--cell-border)}.check-bar-fill{height:100%;width:0;background:var(--accent)}.check-bar.pending .check-bar-fill{animation-name:check-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes check-fill{0%{width:0}to{width:100%}}.mine{display:flex;flex-direction:column;gap:8px;width:min(92vw,420px,58dvh);margin:8px auto 0}.mine.locked{pointer-events:none;opacity:.8}.mine-counter{text-align:center;font-weight:700;font-size:1.1rem;font-variant-numeric:tabular-nums}.mine-counter.over{color:var(--danger)}.mine-board{display:flex;flex-direction:column;gap:5px}.mine-row{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:5px}.mine .cell{border-radius:8px;font-size:clamp(1rem,5vw,1.5rem)}.mine .cell.revealed{background:var(--bg);border:1px solid var(--cell-border);color:var(--muted);font-weight:700}.mine .cell.n1{color:var(--one)}.mine .cell.n2{color:#1d7a3e}.mine .cell.n3{color:#d23f31}.mine .cell.n4{color:#7b3fb8}[data-theme=dark] .mine .cell.n2{color:#6fca8f}[data-theme=dark] .mine .cell.n3{color:#ff8a80}[data-theme=dark] .mine .cell.n4{color:#c49bef}.mine .cell.hidden{background:var(--cell-free);border:2px solid var(--cell-border);padding:0}.mine .cell.hidden:active{transform:scale(.94)}.mine .cell.hidden.marked{background:var(--given-bg);color:var(--given-text);border-color:var(--given-bg)}.mine-board.shake{animation:shake .45s}.code{display:flex;flex-direction:column;gap:14px;width:min(92vw,420px);margin:8px auto 0}.code.locked{pointer-events:none;opacity:.8}.code-guesses{display:flex;flex-direction:column;gap:8px}.code-guess{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--cell-border);border-radius:10px;padding:8px 12px}.code-pegs{display:flex;gap:8px}.peg{display:inline-flex;width:34px;height:34px}.peg.small{width:26px;height:26px}.peg svg,.code-swatch svg{width:100%;height:100%}.code-pins{display:grid;grid-template-columns:repeat(2,14px);gap:4px;justify-content:end}.pin{width:14px;height:14px;border-radius:50%}.pin.black{background:#0b0e12;border:2px solid var(--muted)}.pin.white{background:#fff;border:3px solid #2b3440}.pin.empty{border:2px dashed var(--cell-border);opacity:.5}.code-slots{display:flex;justify-content:center;gap:12px}.code-slot{width:60px;height:60px;border-radius:12px;border:2px dashed var(--cell-border);background:var(--cell-free);display:inline-flex;align-items:center;justify-content:center;padding:10px}.code-slot.filled{border-style:solid}.code-slot .peg{width:100%;height:100%}.code-slots.shake{animation:shake .45s}.code-hint{text-align:center;color:var(--muted);font-size:.85rem;margin:0}.code-palette{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.code-swatch{width:52px;height:52px;border-radius:12px;border:2px solid var(--cell-border);background:var(--cell-free);padding:9px}.code-swatch:active{transform:scale(.92)}.color-0{color:#d23f31}.color-1{color:#2456d6}.color-2{color:#c07b00}.color-3{color:#1d7a3e}.color-4{color:#7b3fb8}.color-5{color:#0e7c86}[data-theme=dark] .color-0{color:#ff8a80}[data-theme=dark] .color-1{color:#8ab1ff}[data-theme=dark] .color-2{color:#ffc061}[data-theme=dark] .color-3{color:#6fca8f}[data-theme=dark] .color-4{color:#c49bef}[data-theme=dark] .color-5{color:#6fd2dc}.share-status{min-height:1.2rem;font-size:.9rem}.share-text{font:inherit;font-size:.85rem;background:var(--surface);border:1px solid var(--cell-border);border-radius:10px;padding:10px 12px;margin:0;white-space:pre-wrap;user-select:all;text-align:center}.timer.urgent{color:var(--danger);font-weight:700}.ad-reserve{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center}.task.intro .rule-text{text-align:left;line-height:1.5;max-width:42ch;margin:0 auto}.intro-verdict{min-height:2.8em;max-width:42ch;margin:12px auto 0;text-align:center;line-height:1.4;color:var(--muted)}.intro-verdict.wrong{color:var(--danger)}.intro-verdict.solved{color:var(--good);font-weight:600}.link{background:transparent;border:none;color:var(--accent);text-decoration:underline;font-size:.95rem;padding:12px;min-height:44px}.save-offer{border:1px solid var(--cell-border);border-radius:12px;padding:16px;margin:8px 0;display:flex;flex-direction:column;gap:10px;text-align:center}.save-offer p{margin:0;line-height:1.4}.fine{font-size:.8rem;line-height:1.4}.settings{justify-content:flex-start;text-align:left;gap:24px}.settings header{width:100%}.settings h1{font-size:1.5rem}.settings section{display:flex;flex-direction:column;gap:8px;width:100%}.install-ios:not([hidden]){margin:4px 0 0;padding-left:26px;display:grid;gap:8px}.install-ios .install-share{width:20px;height:20px;vertical-align:-5px;margin-right:6px}.feedback section{display:flex;flex-direction:column;gap:8px;width:100%}.feedback label{font-weight:600}.feedback select,.feedback textarea,.feedback input{font:inherit;padding:12px;min-height:48px;border:1px solid var(--cell-border);border-radius:12px;background:var(--cell-free);color:var(--text)}.feedback textarea{min-height:140px;resize:vertical}.fb-website{position:absolute;left:-9999px;top:auto}.settings label{font-weight:600}.settings input{font:inherit;padding:12px;min-height:48px;border:1px solid var(--cell-border);border-radius:12px;background:var(--cell-free);color:var(--text)}.settings p{margin:0}.name-hidden{display:flex;flex-direction:column;gap:4px;text-align:left;line-height:1.4}.name-preview{font-size:1.35rem;font-weight:700;text-align:center;margin:0;min-height:1.6em;word-break:break-all}.name-parts{display:flex;gap:8px}.name-parts select,.name-parts input{font:inherit;flex:1 1 0;min-width:0;min-height:48px;padding:12px 8px;border:1px solid var(--cell-border);border-radius:12px;background:var(--cell-free);color:var(--text)}.name-parts input{flex:0 0 5.5em;text-align:center}.save-board{display:flex;align-items:center;gap:10px;text-align:left;line-height:1.35;padding:4px 0;cursor:pointer}.save-board input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--accent)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes time-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.home,.result{animation:screen-in .22s ease-out both}.result .day-result{animation:time-in .42s cubic-bezier(.2,.7,.3,1) both;animation-delay:.12s}.result .bar{transform-origin:bottom;animation:bar-in .38s ease-out both}.result .bar-slot:nth-child(1) .bar{animation-delay:.3s}.result .bar-slot:nth-child(2) .bar{animation-delay:345ms}.result .bar-slot:nth-child(3) .bar{animation-delay:.39s}.result .bar-slot:nth-child(4) .bar{animation-delay:435ms}.result .bar-slot:nth-child(5) .bar{animation-delay:.48s}.result .bar-slot:nth-child(6) .bar{animation-delay:525ms}.result .bar-slot:nth-child(7) .bar{animation-delay:.57s}.result .bar-slot:nth-child(8) .bar{animation-delay:615ms}.result .bar-slot:nth-child(9) .bar{animation-delay:.66s}@media(prefers-reduced-motion:reduce){.home,.result,.result .day-result,.result .bar{animation:none}.wordmark-svg .tile-dark,.wordmark-svg .tile-blue,.wordmark-svg .tile-overlap,.wordmark-svg .word-duel{transition:none}.wordmark:hover .tile-dark,.wordmark:hover .tile-blue,.wordmark:hover .tile-overlap,.wordmark:hover .word-duel{transform:none}}.rush-question{display:flex;flex-direction:column;gap:14px;align-items:center}.rush-board{pointer-events:none}.rush-prompt{margin:0;font-weight:600;text-align:center}.rush-option{box-shadow:inset 0 0 0 3px var(--accent);position:relative}.rush-cell-letter{position:absolute;top:2px;left:2px;min-width:15px;height:15px;padding:0 2px;border-radius:5px;background:var(--accent);color:var(--accent-text);font-size:.7rem;font-weight:700;line-height:15px;text-align:center}.rush-option.right .rush-cell-letter{background:var(--good)}.rush-option.wrong .rush-cell-letter{background:var(--danger)}.rush-option.right{box-shadow:inset 0 0 0 3px var(--good)}.rush-option.wrong{box-shadow:inset 0 0 0 3px var(--danger)}.rush-answers{display:flex;flex-direction:column;gap:8px;width:100%}.rush-answer{display:flex;align-items:center;gap:12px;text-align:left;min-height:52px}.rush-answer .rush-answer-text{display:flex;align-items:center;gap:8px}.rush-letter{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:700;display:flex;align-items:center;justify-content:center}.rush-answer.right{border-color:var(--good);color:var(--good)}.rush-answer.right .rush-letter{background:var(--good);color:var(--accent-text)}.rush-answer.wrong{border-color:var(--danger);color:var(--danger)}.rush-answer.wrong .rush-letter{background:var(--danger);color:var(--accent-text)}.rush-answer:disabled{opacity:1;cursor:default}.rush-feedback{margin:0;min-height:1.4em;text-align:center;font-weight:600}.rush-feedback.right{color:var(--good)}.rush-feedback.wrong{color:var(--danger)}.rush-slots .code-slot{cursor:default}.pipsum{display:flex;flex-direction:column;gap:4px;width:min(92vw,420px,58dvh);margin:8px auto 0}.pipsum.locked{pointer-events:none;opacity:.8}.pipsum.shake{animation:shake .45s}.pipsum-row{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:4px}.pipsum .cell{background:var(--cell-free);border:2px solid var(--cell-border);border-radius:8px;color:inherit;padding:0;min-height:0;min-width:0}.pipsum .cell.given{background:var(--given-bg);color:var(--given-text);border-color:var(--given-bg)}.pipsum .cell.selected{outline:2px solid currentColor;outline-offset:1px}.pipsum .cell.blocked{position:relative;background:var(--blocked-bg);color:var(--blocked-text);border-color:transparent;font-size:clamp(.6rem,2.6vw,.9rem);font-weight:600;line-height:1}.pipsum .cell.clue:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px));opacity:.55}.pipsum .cell .across{position:absolute;top:3px;right:5px}.pipsum .cell .down{position:absolute;bottom:3px;left:5px}.pipsum .pips{width:72%;height:72%}.pipsum-pad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(92vw,420px);margin:16px auto 0;padding-top:14px;border-top:1px solid var(--cell-border)}.pipsum-key{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--cell-border);border-radius:10px;background:var(--cell-free);color:inherit;padding:0}.pipsum-key .pips{width:68%;height:68%}.practice-picker{position:relative;isolation:isolate}.practice-picker:before{content:"";position:absolute;inset:-18px -20px auto;height:170px;z-index:-1;pointer-events:none;background:radial-gradient(420px 160px at 100% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 72%),radial-gradient(360px 140px at 0% 12%,color-mix(in srgb,#7557ff 4.8%,transparent),transparent 74%);mask-image:linear-gradient(180deg,rgb(0 0 0 / .92),transparent 100%)}.practice-picker header{margin-bottom:20px}.pick-label{margin:18px 0 8px}.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.pick-option{min-height:52px;border:1px solid var(--cell-border);border-radius:12px;background:var(--surface);color:inherit;font-weight:600}.pick-option.active{border-color:var(--accent);color:var(--accent)}.practice-picker #begin{margin-top:24px;width:100%}.practice-footer{display:flex;flex-direction:column;gap:8px}.practice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duel-table{width:100%;border-collapse:collapse;margin:8px 0 4px;font-variant-numeric:tabular-nums}.duel-table th,.duel-table td{padding:10px 8px;text-align:right;border-bottom:1px solid var(--cell-border)}.duel-table thead th{color:var(--muted);font-weight:600;font-size:.85rem}.duel-table tbody th,.duel-table tfoot th{text-align:left;color:var(--muted);font-weight:600}.duel-table td.took{font-weight:700;color:var(--good)}.duel-table td.took:after{content:" •"}.duel-table tfoot th,.duel-table tfoot td{border-bottom:none;padding-top:14px;font-weight:700}.duel-invitation .duel-how{margin:4px 0 8px;padding-left:20px;color:var(--muted);line-height:1.5}.duel-invitation .duel-how li{margin-bottom:6px}.duel-consent p{margin:0 0 8px}.duel-consent p:last-child{margin-bottom:0}.duel-link{word-break:break-all;background:var(--surface);border:1px solid var(--cell-border);border-radius:10px;padding:12px;font-size:.9rem}.duel-list{text-align:left}.duel-list>header{text-align:center}.duel-group+.duel-group{margin-top:18px}.duel-group-name{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.duel-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name state" "meta state";align-items:center;gap:2px 12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px}.duel-row+.duel-row{margin-top:6px}.duel-row-name{grid-area:name;font-weight:600;font-size:1rem}.duel-row-meta{grid-area:meta;color:var(--muted);font-size:.85rem}.duel-row-state{grid-area:state;color:var(--accent);font-size:.9rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}#legal{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 20px;padding:4px 16px max(12px,env(safe-area-inset-bottom))}#legal a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--muted);font-size:.8rem;text-decoration:none}#legal a:hover,#legal a:focus-visible{text-decoration:underline}.hint-technique{color:var(--accent)}.toast.standing{opacity:1;animation:none;color:var(--text);font-size:1rem;font-weight:400;line-height:1.4}.golf .cell.revealed{cursor:pointer}.golf .cell.revealed:hover,.golf .cell.revealed:focus-visible{border-color:var(--accent)}.golf .cell.hidden{cursor:default}.golf.locked .mine-board{opacity:.55;pointer-events:none}.golf-head{text-align:center;margin-bottom:16px}.golf-score{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.golf-detail{margin:2px 0 0;color:var(--muted);font-size:.92rem}.golf-board-host{display:flex;justify-content:center}.golf-hint{margin:16px 0 0;text-align:center;color:var(--muted);font-size:.95rem;min-height:2.6em}.golf-hint-error{color:var(--danger)}.golf-actions{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:20px}.golf-actions .primary{min-width:12rem}.golf .cell.golf-given.n0{color:var(--muted)}.golf-target{margin:2px 0 0;font-weight:700;color:var(--accent);font-size:.95rem}.golf-numbers{margin:12px 0 0;text-align:center;color:var(--muted);font-size:.88rem;line-height:1.5}.golf-numbers a{white-space:nowrap}.result-verdict{font-weight:700;font-size:1.05rem}.rbduel-game{border:1px solid var(--cell-border);border-radius:12px;padding:12px 14px}.rbduel-game-state{margin:10px 0 0;font-size:.95rem}.state-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.state-line>p{margin:0;min-width:0}.watchers{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:8.5em;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.watchers-empty{visibility:hidden}.watchers:before{content:"";flex:none;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 5C6.5 5 2.7 9.4 1.5 12c1.2 2.6 5 7 10.5 7s9.3-4.4 10.5-7C21.3 9.4 17.5 5 12 5zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 5C6.5 5 2.7 9.4 1.5 12c1.2 2.6 5 7 10.5 7s9.3-4.4 10.5-7C21.3 9.4 17.5 5 12 5zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/></svg>") center / contain no-repeat}.watch-note{margin:0 0 8px;font-size:.9rem;color:var(--muted)}.rbduel-accepted{margin:8px 0 0;align-items:center;gap:8px}.rbduel-accepted:not([hidden]){display:flex}.rbduel-accepted:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--good)}.rbduel-sealed{margin:0 0 4px;font-size:.9rem}.rbduel-turn{color:var(--accent);font-weight:700}.rb-way{border:1px solid var(--cell-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.rb-way h2{font-size:1.05rem}.rbduel-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.ringbreak-start .lead{max-width:30rem;margin:0 auto 12px}.pick-label{margin:22px 0 10px;font-weight:600}.level-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:340px;margin:0 auto}.tafl{width:min(92vw,420px);margin:10px auto 0;display:grid;grid-template-columns:repeat(11,1fr);gap:0;aspect-ratio:1;border:2px solid var(--field-border);border-radius:5px;overflow:hidden;touch-action:none;user-select:none}.tafl .sq{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--cell-free);box-shadow:inset 0 0 0 .5px var(--cell-border);position:relative}.tafl .sq.special{background:var(--field-bg);box-shadow:inset 0 0 0 1.5px var(--field-border)}.tafl .sq.moved{background:var(--accent-soft)}.tafl .sq.pc{cursor:grab}.tafl .sq svg{width:76%;height:76%;display:block}.tafl .att{color:var(--given-bg)}.tafl .def,.tafl .king{color:var(--accent)}.tafl .sq.from{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.tafl .sq.to:after{content:"";position:absolute;width:34%;height:34%;border-radius:50%;background:var(--accent);opacity:.5}.tafl .sq.special.to:after{opacity:.85}.tafl .sq.landing:after{width:62%;height:62%;opacity:.9}.rb-status{text-align:center;min-height:1.5em;margin:12px 0 0;color:var(--muted)}.game-verdict{font-size:clamp(2rem,9vw,2.6rem);font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--text)}#about{width:100%;max-width:820px;margin:16px auto 0;padding:22px 16px 4px;border-top:1px solid var(--cell-border);color:var(--muted);font-size:.85rem;line-height:1.55}#about h2{font-size:.95rem;color:var(--text);margin:0 0 6px}#about p{margin:0 0 10px}#about a{color:var(--muted);text-decoration:underline}.about-guides strong{font-weight:600;color:var(--text)}@media(min-width:760px){#about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 40px;align-items:start}#games.about-games{margin-top:0}}body:has(main.screen:not(.home)) #about{display:none}.reflix-board{width:min(92vw,420px);margin:10px auto;display:grid;grid-template-columns:repeat(7,1fr);aspect-ratio:7 / 9;gap:0;border:2px solid var(--field-border);border-radius:5px;overflow:hidden}.reflix-cell{min-width:0;min-height:0;border:1px solid var(--cell-border);border-radius:0;background:var(--cell-free);font-size:1.15rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.reflix-fortify .reflix-cell.not-your-half{opacity:.4}.reflix-cell.yours{color:var(--accent);font-weight:700}.reflix-cell.theirs{color:var(--muted)}.reflix-cell.picked{outline:2px solid var(--accent);outline-offset:-2px}.reflix-cell.beam-yours{box-shadow:inset 0 0 0 3px var(--accent)}.reflix-cell.beam-theirs{box-shadow:inset 0 0 0 2px var(--muted)}.reflix-cell.beam-flash{background:var(--accent);color:var(--surface)}.reflix-board{position:relative}.reflix-zone-line{position:absolute;left:0;right:0;height:2px;background:var(--muted);pointer-events:none}.reflix-zone-line.top{top:var(--zone-top)}.reflix-zone-line.bottom{top:var(--zone-bottom)}.reflix-cell.your-half{background:var(--accent-soft)}.reflix-cell.target-yours{color:var(--accent);font-weight:700}.reflix-cell.target-theirs{color:var(--danger);font-weight:700}.reflix-cell.emitter-yours,.reflix-cell.emitter-theirs{position:relative}.reflix-cell.emitter-yours:after,.reflix-cell.emitter-theirs:after{content:"";position:absolute;left:50%;translate:-50% 0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.reflix-cell.emitter-yours:after{bottom:0;border-bottom:8px solid var(--accent)}.reflix-cell.emitter-theirs:after{top:0;border-top:8px solid var(--danger)}.reflix-shot{margin:.5rem 0 0;font-size:.95rem}.reflix-shot.yours{color:var(--accent);font-weight:600}.reflix-shot.theirs{color:var(--muted)}.reflix-legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:.75rem 0 0;font-size:.85rem;color:var(--muted)}.reflix-key{display:inline-flex;align-items:baseline;gap:.35rem}.reflix-key-mark{font-size:1.05rem;line-height:1}.reflix-key.yours .reflix-key-mark{color:var(--accent)}.reflix-key.theirs .reflix-key-mark{color:var(--danger)}.reflix-palette{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.reflix-pick.picked{border-color:var(--accent);color:var(--accent)}.billard-board{display:block;width:min(90vw,560px);margin:10px auto;border:4px solid transparent;border-radius:6px;touch-action:none;overflow:visible}.billard-board:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.billard-felt{fill:url(#billard-felt-gradient)}.billard-rail{fill:url(#billard-rail-gradient)}.billard-cushion{fill:none;stroke:color-mix(in srgb,#79c598 52%,transparent);stroke-width:1.15;opacity:.78}.billard-rail-edge{fill:none;stroke:var(--rail-wood-edge);stroke-width:1.4}.billard-pocket-net{pointer-events:none}.billard-net-shadow{fill:#261a1294;stroke:none}.billard-pocket-opening{fill:#472b1bb8;stroke:#efcca6;stroke-width:.45}.billard-pocket-mouth{fill:none;stroke:#edc79d;stroke-width:1.15;stroke-linecap:round;filter:drop-shadow(0 .45px .35px rgb(25 15 9 / .72))}.billard-net-bag{fill:none;stroke:#e3bc91;stroke-width:.62;stroke-linecap:round;stroke-linejoin:round;opacity:.94}.billard-net-line{fill:none;stroke:#dbb286;stroke-width:.4;stroke-linecap:round;opacity:.86}.billard-ball{stroke:#0b0e12;stroke-width:.4;filter:drop-shadow(0 .9px .75px rgb(4 20 14 / .45))}.billard-board.is-playing .billard-ball{filter:none}.billard-ball.cue{fill:url(#billard-ball-cue)}.billard-ball.black{fill:url(#billard-ball-black);stroke:#fff}.billard-ball.coloura{fill:url(#billard-ball-coloura)}.billard-ball.colourb{fill:url(#billard-ball-colourb)}.billard-mark{pointer-events:none}.billard-mark.ring{fill:none;stroke:#14181f;stroke-width:.7}.billard-mark.spot{fill:#14181f}.billard-aim-line,.billard-aim-arrow{stroke:#fff;stroke-width:.7;stroke-dasharray:3 2}.billard-cue{fill:#d8c9a8;pointer-events:none}.billard-cue-turn,.billard-cue-pull{transform-box:view-box;transform-origin:0 0;transition:transform 45ms linear;will-change:transform}@media(prefers-reduced-motion:reduce){.billard-cue-turn,.billard-cue-pull{transition:none}}.billard-ghost{fill:none;stroke:#fff;stroke-width:.5}.billard-aim-object{stroke:#ff8fd6;stroke-width:.9}.bd-pockets{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted)}.bd-clock{margin:.2rem 0 0;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--muted)}.bd-duels{margin-top:1.5rem}.bd-list{list-style:none;margin:.5rem 0 0;padding:0}.bd-list li{display:flex;align-items:center;gap:.5rem}.billard-controls{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.billard-hint{margin:0;font-size:.9rem;color:var(--muted)}.billard-fine{display:flex;align-items:center;gap:.5rem}.billard-fine button{flex:0 0 auto;min-width:56px;font-size:1.3rem;line-height:1}.billard-angle{flex:1 1 auto;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.billard-power{display:flex;align-items:center;gap:.75rem}.billard-power span{flex:0 0 auto;font-size:.9rem;color:var(--muted)}.billard-power input{flex:1 1 auto;min-height:44px}.billard-aid-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.85rem;color:var(--muted)}.billard-controls button:disabled{opacity:.45;cursor:default}body:has(main.screen:not(.home)){background:radial-gradient(920px 480px at 50% -8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%),radial-gradient(740px 360px at 108% 18%,color-mix(in srgb,#7557ff 6.8%,transparent),transparent 72%),radial-gradient(660px 340px at -10% 82%,color-mix(in srgb,#24b6d2 4.8%,transparent),transparent 74%),radial-gradient(1120px 600px at -10% 22%,transparent 63.8%,color-mix(in srgb,var(--accent) 5.8%,transparent) 64%,color-mix(in srgb,var(--accent) 5.8%,transparent) 64.7%,transparent 64.96%),radial-gradient(1450px 760px at -28% 52%,transparent 73.2%,color-mix(in srgb,var(--accent) 4.6%,transparent) 73.4%,color-mix(in srgb,var(--accent) 4.6%,transparent) 73.82%,transparent 74.02%),radial-gradient(1280px 560px at 118% 16%,transparent 61.4%,color-mix(in srgb,#7557ff 5.6%,transparent) 61.58%,color-mix(in srgb,#7557ff 5.6%,transparent) 62.28%,transparent 62.54%),radial-gradient(1540px 740px at 120% 44%,transparent 72.4%,color-mix(in srgb,#7557ff 4.4%,transparent) 72.58%,color-mix(in srgb,#7557ff 4.4%,transparent) 72.92%,transparent 73.12%),radial-gradient(980px 500px at 52% 118%,transparent 64.6%,color-mix(in srgb,#24b6d2 4.2%,transparent) 64.76%,color-mix(in srgb,#24b6d2 4.2%,transparent) 65.34%,transparent 65.58%),radial-gradient(1680px 900px at 44% -36%,transparent 78%,color-mix(in srgb,var(--surface) 28%,var(--accent) 2.3%) 78.18%,color-mix(in srgb,var(--surface) 28%,var(--accent) 2.3%) 79.38%,transparent 79.66%),radial-gradient(1380px 720px at 42% 120%,transparent 78.8%,color-mix(in srgb,var(--surface) 24%,#24b6d2 2.2%) 79%,color-mix(in srgb,var(--surface) 24%,#24b6d2 2.2%) 79.56%,transparent 79.78%),var(--bg);background-attachment:fixed}main.screen:not(.home){position:relative;isolation:isolate}main.screen:not(.home):before{content:"";position:absolute;inset:-28px -64px auto;height:250px;z-index:-1;pointer-events:none;background:radial-gradient(520px 180px at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),radial-gradient(430px 168px at 100% 10%,color-mix(in srgb,#7557ff 5.4%,transparent),transparent 74%),radial-gradient(360px 140px at 0% 20%,color-mix(in srgb,#24b6d2 4.2%,transparent),transparent 76%),radial-gradient(820px 250px at 48% -8%,transparent 72.2%,color-mix(in srgb,var(--accent) 5.4%,transparent) 72.42%,color-mix(in srgb,var(--accent) 5.4%,transparent) 73.02%,transparent 73.26%),radial-gradient(980px 300px at 52% -18%,transparent 78%,color-mix(in srgb,#7557ff 4.2%,transparent) 78.18%,color-mix(in srgb,#7557ff 4.2%,transparent) 78.62%,transparent 78.84%);mask-image:linear-gradient(180deg,rgb(0 0 0 / .96),transparent 100%)}.practice-picker:before{inset:-28px -26px auto;height:220px;background:radial-gradient(420px 170px at 100% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 72%),radial-gradient(360px 150px at 0% 14%,color-mix(in srgb,#7557ff 5.8%,transparent),transparent 74%),radial-gradient(760px 260px at 58% -10%,transparent 71.8%,color-mix(in srgb,var(--accent) 5.8%,transparent) 72.02%,color-mix(in srgb,var(--accent) 5.8%,transparent) 72.72%,transparent 72.98%),radial-gradient(920px 320px at 50% -18%,transparent 77.2%,color-mix(in srgb,#7557ff 4.6%,transparent) 77.4%,color-mix(in srgb,#7557ff 4.6%,transparent) 77.88%,transparent 78.08%),radial-gradient(1120px 360px at 54% -28%,transparent 82.2%,color-mix(in srgb,#24b6d2 3.8%,transparent) 82.36%,color-mix(in srgb,#24b6d2 3.8%,transparent) 82.72%,transparent 82.9%);mask-image:linear-gradient(180deg,rgb(0 0 0 / .96),transparent 100%)}@media(max-width:759px){main.screen:not(.home):before{inset:-12px -18px auto;height:190px}.practice-picker:before{inset:-18px -12px auto;height:176px}}.tile[data-mode]{--mode-accent: var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 93%,var(--mode-accent) 7%),color-mix(in srgb,var(--surface) 98%,var(--mode-accent) 2%));border-color:color-mix(in srgb,var(--mode-accent) 24%,var(--cell-border))}.tile[data-mode=sprint]{--mode-accent: #4fae7a}.tile[data-mode=endless]{--mode-accent: #8066df}.tile[data-mode=rush]{--mode-accent: #ed835f}.tile[data-mode=duel]{--mode-accent: #5a8fdc}.tile[data-mode=golf]{--mode-accent: #c59a43}.tile[data-mode=ringbreak]{--mode-accent: #876dc9}.tile[data-mode=billard]{--mode-accent: #3c9e9a}[data-theme=dark] .tile[data-mode]{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 89%,var(--mode-accent) 11%),color-mix(in srgb,var(--surface) 96%,var(--mode-accent) 4%));border-color:color-mix(in srgb,var(--mode-accent) 34%,var(--cell-border))}.tile[data-mode]:before{top:-34px;right:-30px;width:92px;height:92px;background:radial-gradient(circle at 42% 58%,color-mix(in srgb,var(--mode-accent) 34%,transparent) 0%,color-mix(in srgb,var(--mode-accent) 18%,transparent) 46%,transparent 74%);opacity:.62}.tile[data-mode] .tile-glyph{color:color-mix(in srgb,var(--mode-accent) 88%,var(--text));background:radial-gradient(circle at 28% 18%,color-mix(in srgb,white 42%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 58%,var(--mode-accent) 42%);box-shadow:0 9px 20px -14px color-mix(in srgb,var(--mode-accent) 78%,transparent)}[data-theme=dark] .tile[data-mode] .tile-glyph{color:color-mix(in srgb,var(--mode-accent) 78%,white 22%);background:radial-gradient(circle at 28% 18%,color-mix(in srgb,white 14%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 68%,var(--mode-accent) 32%)}.tile[data-mode] .tile-actions .primary{background:linear-gradient(135deg,color-mix(in srgb,var(--mode-accent) 90%,white 10%),color-mix(in srgb,var(--mode-accent) 88%,#7557ff 12%));box-shadow:0 10px 22px -14px color-mix(in srgb,var(--mode-accent) 76%,transparent)}.tile[data-mode].accent-open{border-color:color-mix(in srgb,var(--mode-accent) 72%,var(--cell-border));--tile-ring: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent) 58%, transparent)}.tile[data-mode=sprint] .segment.active{color:var(--mode-accent);border-color:var(--mode-accent);background:color-mix(in srgb,var(--surface) 82%,var(--mode-accent) 18%)}.tile[data-mode=rush] .tile-actions{display:grid;grid-template-columns:minmax(112px,.9fr) minmax(0,1.15fr);align-items:stretch}.tile[data-mode=rush] .tile-actions .primary,.tile[data-mode=rush] .tile-actions .secondary{width:100%;min-width:0;padding-left:10px;padding-right:10px}.tile[data-mode=rush] .tile-actions .secondary{white-space:normal}@media(max-width:759px){.tile[data-mode=rush] .tile-actions{grid-template-columns:minmax(104px,.9fr) minmax(0,1.1fr)}}:root{--type-binairo: #6b82d9;--type-mineDeduction: #8b69d7;--type-codeDeduction: #d98268;--type-pipsum: #55a8a6;--type-balance: #cd6fa5;--type-perspective: #8e933e}.puzzle-card{--puzzle-accent: var(--accent);background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 97%,var(--puzzle-accent) 3%),color-mix(in srgb,var(--surface) 99%,var(--puzzle-accent) 1%));border-color:color-mix(in srgb,var(--puzzle-accent) 18%,var(--cell-border));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.puzzle-card:has(.preview-binairo){--puzzle-accent: var(--type-binairo)}.puzzle-card:has(.preview-mineDeduction){--puzzle-accent: var(--type-mineDeduction)}.puzzle-card:has(.preview-codeDeduction){--puzzle-accent: var(--type-codeDeduction)}.puzzle-card:has(.preview-pipsum){--puzzle-accent: var(--type-pipsum)}.puzzle-card:has(.preview-balance){--puzzle-accent: var(--type-balance)}.puzzle-card:has(.preview-perspective){--puzzle-accent: var(--type-perspective)}[data-theme=dark] .puzzle-card{background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 93%,var(--puzzle-accent) 7%),color-mix(in srgb,var(--surface) 97%,var(--puzzle-accent) 3%));border-color:color-mix(in srgb,var(--puzzle-accent) 28%,var(--cell-border))}.puzzle-card:before{background:linear-gradient(90deg,color-mix(in srgb,var(--puzzle-accent) 88%,white 12%),color-mix(in srgb,var(--puzzle-accent) 58%,#24b6d2 42%));opacity:.58}.puzzle-card-preview{background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--puzzle-accent) 9%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--field-bg) 78%,var(--puzzle-accent) 2%),color-mix(in srgb,var(--surface) 98%,var(--puzzle-accent) 2%))}.puzzle-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--puzzle-accent) 42%,var(--cell-border));background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,var(--puzzle-accent) 6%),color-mix(in srgb,var(--surface) 98%,var(--puzzle-accent) 2%));box-shadow:0 2px 4px #0f172a0d,0 22px 40px -28px color-mix(in srgb,var(--puzzle-accent) 38%,rgb(15 23 42 / .25))}.tile[data-mode]{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.tile[data-mode]:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,var(--mode-accent) 10%),color-mix(in srgb,var(--surface) 97%,var(--mode-accent) 3%));border-color:color-mix(in srgb,var(--mode-accent) 34%,var(--cell-border));box-shadow:0 2px 5px #0f172a0d,0 22px 40px -28px color-mix(in srgb,var(--mode-accent) 38%,transparent)}[data-theme=dark] .tile[data-mode]:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 86%,var(--mode-accent) 14%),color-mix(in srgb,var(--surface) 94%,var(--mode-accent) 6%))}body:has(main.screen.home){background:radial-gradient(1100px 620px at -8% -10%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 66%),radial-gradient(920px 560px at 108% 12%,color-mix(in srgb,#7557ff 9%,transparent),transparent 69%),radial-gradient(760px 460px at 48% 108%,color-mix(in srgb,#24b6d2 6%,transparent),transparent 70%),radial-gradient(1460px 620px at -34% 32%,transparent 70%,color-mix(in srgb,var(--accent) 6.6%,transparent) 70.18%,color-mix(in srgb,var(--accent) 6.6%,transparent) 70.72%,transparent 70.94%),radial-gradient(1620px 700px at -42% 62%,transparent 76%,color-mix(in srgb,#24b6d2 4.7%,transparent) 76.15%,color-mix(in srgb,#24b6d2 4.7%,transparent) 76.44%,transparent 76.64%),radial-gradient(1260px 560px at 132% 18%,transparent 65%,color-mix(in srgb,#7557ff 6.2%,transparent) 65.16%,color-mix(in srgb,#7557ff 6.2%,transparent) 65.82%,transparent 66.04%),radial-gradient(1460px 680px at 136% 52%,transparent 74%,color-mix(in srgb,var(--accent) 4.4%,transparent) 74.14%,color-mix(in srgb,var(--accent) 4.4%,transparent) 74.44%,transparent 74.64%),radial-gradient(1120px 470px at 58% 118%,transparent 67.4%,color-mix(in srgb,#24b6d2 4.6%,transparent) 67.56%,color-mix(in srgb,#24b6d2 4.6%,transparent) 68.04%,transparent 68.24%),radial-gradient(1500px 700px at 40% -28%,transparent 77.2%,color-mix(in srgb,var(--surface) 30%,var(--accent) 3%) 77.38%,color-mix(in srgb,var(--surface) 30%,var(--accent) 3%) 79.24%,transparent 79.52%),var(--bg);background-attachment:fixed}.practice-picker{max-width:640px;gap:16px}.practice-picker header{margin-bottom:10px}.practice-picker header h1{font-size:clamp(2rem,5vw,2.55rem);letter-spacing:-.035em}.practice-picker header .muted{max-width:42rem;font-size:.98rem}.practice-picker .pick-label{margin:14px 0 0;color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.practice-picker .pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:-4px}.practice-picker .pick-option{--pick-accent: var(--accent);position:relative;overflow:hidden;min-height:56px;padding:10px 9px;border-color:color-mix(in srgb,var(--pick-accent) 22%,var(--cell-border));border-radius:16px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--pick-accent) 12%,transparent),transparent 48%),color-mix(in srgb,var(--surface) 95%,var(--pick-accent) 5%);box-shadow:0 12px 28px -25px color-mix(in srgb,var(--pick-accent) 55%,transparent);color:var(--text);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.practice-picker .pick-option[data-type=binairo]{--pick-accent: var(--type-binairo)}.practice-picker .pick-option[data-type=mineDeduction]{--pick-accent: var(--type-mineDeduction)}.practice-picker .pick-option[data-type=codeDeduction]{--pick-accent: var(--type-codeDeduction)}.practice-picker .pick-option[data-type=pipsum]{--pick-accent: var(--type-pipsum)}.practice-picker .pick-option[data-type=balance]{--pick-accent: var(--type-balance)}.practice-picker .pick-option[data-type=perspective]{--pick-accent: var(--type-perspective)}.practice-picker .pick-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pick-accent) 42%,var(--cell-border));box-shadow:0 18px 34px -25px color-mix(in srgb,var(--pick-accent) 65%,transparent)}.practice-picker .pick-option.active{border-color:color-mix(in srgb,var(--pick-accent) 72%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--pick-accent) 24%,transparent),transparent 50%),color-mix(in srgb,var(--surface) 86%,var(--pick-accent) 14%);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pick-accent) 34%,transparent),0 16px 32px -24px color-mix(in srgb,var(--pick-accent) 70%,transparent)}.screen.task[data-type]{--task-accent: var(--accent)}.screen.task[data-type=binairo]{--task-accent: var(--type-binairo)}.screen.task[data-type=mineDeduction]{--task-accent: var(--type-mineDeduction)}.screen.task[data-type=codeDeduction]{--task-accent: var(--type-codeDeduction)}.screen.task[data-type=pipsum]{--task-accent: var(--type-pipsum)}.screen.task[data-type=balance]{--task-accent: var(--type-balance)}.screen.task[data-type=perspective]{--task-accent: var(--type-perspective)}.task-stripe{height:3px;border-radius:999px;background:var(--task-accent, var(--accent))}.practice-picker .segmented{margin-top:-4px;gap:5px;padding:4px;border-radius:14px;border-color:color-mix(in srgb,var(--accent) 16%,var(--cell-border));background:color-mix(in srgb,var(--surface) 58%,transparent);box-shadow:0 12px 28px -28px #0f172a61}.practice-picker .segment{border-radius:10px;min-height:44px}.practice-picker .segment.active{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 76%,var(--accent) 24%),color-mix(in srgb,var(--surface) 86%,#7557ff 14%));box-shadow:0 8px 20px -15px color-mix(in srgb,var(--accent) 70%,transparent)}.practice-picker #begin{min-height:52px;margin-top:10px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#24b6d2 12%),color-mix(in srgb,var(--accent) 84%,#7557ff 16%));box-shadow:0 16px 32px -22px color-mix(in srgb,var(--accent) 85%,transparent)}.practice-picker #home{align-self:center;margin-top:2px}@media(max-width:620px){.practice-picker .pick{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.practice-picker .pick-option{transition:none}.practice-picker .pick-option:hover{transform:none}}@media(min-width:1020px){body:has(main.practice-picker) #brand{top:26px;right:calc(50% + 344px)}body:has(main.practice-picker) #brand .wordmark-svg{width:140px}.practice-picker header{padding-top:2px}}@media(min-width:900px)and (max-width:1019px){body:has(main.practice-picker) #brand{position:static;margin:0 auto;padding:16px 16px 0}body:has(main.practice-picker) #brand .wordmark-svg{width:132px}.practice-picker{padding-top:10px}}main.task:has(.binairo){width:100%}main.task:has(.binairo) .task-header{width:min(92vw,440px);margin:0 auto 2px;padding:4px 2px 8px}main.task:has(.binairo) .task-header>span:first-child{font-weight:700;color:var(--text)}main.task:has(.binairo) .timer{min-width:52px;text-align:center;font-weight:650}main.task:has(.binairo) .icon{border-color:color-mix(in srgb,var(--accent) 16%,var(--cell-border));background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 10px 26px -22px color-mix(in srgb,var(--accent) 55%,transparent)}main.task:has(.binairo) #board{position:relative;isolation:isolate;width:100%}main.task:has(.binairo) #board:before{content:"";position:absolute;inset:4% 8% 0;z-index:-1;border-radius:50%;background:radial-gradient(circle at 36% 38%,color-mix(in srgb,#55b88a 9%,transparent),transparent 58%),radial-gradient(circle at 68% 62%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 62%);filter:blur(18px);pointer-events:none}main.task:has(.binairo) .binairo{gap:7px;margin-top:12px;filter:drop-shadow(0 18px 26px color-mix(in srgb,var(--text) 7%,transparent))}main.task:has(.binairo) .binairo-row{gap:7px}main.task:has(.binairo) .cell{border-radius:12px}main.task:has(.binairo) .cell.free{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#55b88a 3%),color-mix(in srgb,var(--surface) 97%,var(--accent) 3%));border-color:color-mix(in srgb,var(--cell-border) 86%,var(--accent) 14%);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 72%,transparent)}main.task:has(.binairo) .cell.free:hover{border-color:color-mix(in srgb,var(--cell-border) 62%,var(--accent) 38%)}main.task:has(.binairo) .cell.free.value-0{background:color-mix(in srgb,var(--surface) 89%,var(--zero) 11%);border-color:color-mix(in srgb,var(--zero) 72%,var(--cell-border))}main.task:has(.binairo) .cell.free.value-1{background:color-mix(in srgb,var(--surface) 89%,var(--one) 11%);border-color:color-mix(in srgb,var(--one) 72%,var(--cell-border))}main.task:has(.binairo) .practice-footer{width:min(92vw,460px);margin:clamp(42px,8vh,82px) auto 0;gap:10px;padding-top:0}main.task:has(.binairo) .practice-actions{gap:10px}main.task:has(.binairo) .practice-actions .secondary{min-height:48px;border-radius:14px;background:color-mix(in srgb,var(--surface) 78%,transparent);border-color:color-mix(in srgb,var(--accent) 14%,var(--cell-border));box-shadow:0 12px 28px -26px color-mix(in srgb,var(--accent) 55%,transparent)}main.task:has(.binairo) #stop{align-self:center;margin-top:2px}@media(min-width:760px){main.task:has(.binairo){max-width:620px}body:has(main.task .binairo) #brand{right:calc(50% + 332px)}}@media(max-width:759px){main.task:has(.binairo) .practice-footer{margin-top:auto;padding-top:12px}}@media(prefers-reduced-motion:reduce){main.task:has(.binairo) .cell.free:hover{transform:none}}main.task:has(.mine){width:100%}main.task:has(.mine) .task-header{width:min(92vw,440px);margin:0 auto 2px;padding:4px 2px 8px}main.task:has(.mine) .task-header>span:first-child{font-weight:700;color:var(--text)}main.task:has(.mine) .timer{min-width:52px;text-align:center;font-weight:650}main.task:has(.mine) .icon{border-color:color-mix(in srgb,#8b69d7 22%,var(--cell-border));background:color-mix(in srgb,var(--surface) 78%,#8b69d7 4%);box-shadow:0 10px 26px -22px color-mix(in srgb,#8b69d7 50%,transparent)}main.task:has(.mine) #board{position:relative;isolation:isolate;width:100%}main.task:has(.mine) #board:before{content:"";position:absolute;inset:2% 5% -4%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 36% 36%,color-mix(in srgb,#8b69d7 10%,transparent),transparent 58%),radial-gradient(circle at 70% 68%,color-mix(in srgb,#5a8fe8 8%,transparent),transparent 62%);filter:blur(20px);pointer-events:none}main.task:has(.mine) .mine{gap:10px;margin-top:10px;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--text) 6%,transparent))}main.task:has(.mine) .mine-counter{color:color-mix(in srgb,var(--text) 88%,#8b69d7 12%);font-size:1.05rem;letter-spacing:.01em}main.task:has(.mine) .mine-board,main.task:has(.mine) .mine-row{gap:7px}main.task:has(.mine) .mine .cell{border-radius:12px}main.task:has(.mine) .mine .cell.hidden{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#8b69d7 3%),color-mix(in srgb,var(--surface) 97%,#5a8fe8 3%));border:1px solid color-mix(in srgb,var(--cell-border) 82%,#8b69d7 18%);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 74%,transparent),0 5px 14px -13px color-mix(in srgb,#8b69d7 60%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease}main.task:has(.mine) .mine .cell.hidden:hover{border-color:color-mix(in srgb,var(--cell-border) 54%,#8b69d7 46%);background:color-mix(in srgb,var(--surface) 91%,#8b69d7 9%)}main.task:has(.mine) .mine .cell.revealed{background:color-mix(in srgb,var(--surface) 91%,#8b69d7 9%);border-color:color-mix(in srgb,var(--cell-border) 80%,#8b69d7 20%)}main.task:has(.mine) .mine .cell.hidden.marked{background:color-mix(in srgb,var(--surface) 77%,#8b69d7 23%);color:color-mix(in srgb,#6f4dc4 84%,var(--text));border-color:color-mix(in srgb,#8b69d7 66%,var(--cell-border));box-shadow:0 10px 22px -18px color-mix(in srgb,#8b69d7 72%,transparent)}main.task:has(.mine) .practice-footer{width:min(92vw,460px);margin:clamp(44px,8vh,86px) auto 0;gap:10px;padding-top:0}main.task:has(.mine) .practice-actions{gap:10px}main.task:has(.mine) .practice-actions .secondary{min-height:48px;border-radius:14px;background:color-mix(in srgb,var(--surface) 80%,#8b69d7 3%);border-color:color-mix(in srgb,#8b69d7 16%,var(--cell-border));box-shadow:0 12px 28px -26px color-mix(in srgb,#8b69d7 55%,transparent)}main.task:has(.mine) #stop{align-self:center;margin-top:2px}@media(min-width:760px){main.task:has(.mine){max-width:620px}body:has(main.task .mine) #brand{right:calc(50% + 332px)}}@media(max-width:759px){main.task:has(.mine) .practice-footer{margin-top:auto;padding-top:12px}}@media(prefers-reduced-motion:reduce){main.task:has(.mine) .mine .cell.hidden{transition:none}main.task:has(.mine) .mine .cell.hidden:hover{transform:none}}main.task:has(.code){width:100%}main.task:has(.code) .task-header{width:min(92vw,500px);margin:0 auto 2px;padding:4px 2px 8px}main.task:has(.code) .task-header>span:first-child{font-weight:700;color:var(--text)}main.task:has(.code) .timer{min-width:52px;text-align:center;font-weight:650}main.task:has(.code) .icon{border-color:color-mix(in srgb,#c79aa3 10%,var(--cell-border));background:color-mix(in srgb,var(--surface) 82%,#c79aa3 2.5%);box-shadow:0 10px 26px -22px color-mix(in srgb,#c79aa3 36%,transparent)}main.task:has(.code) #board{position:relative;isolation:isolate;width:100%}main.task:has(.code) #board:before{content:"";position:absolute;inset:-2% 3% -6%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 34% 32%,color-mix(in srgb,#c79aa3 5.5%,transparent),transparent 58%),radial-gradient(circle at 72% 72%,color-mix(in srgb,#b9a8c7 3.5%,transparent),transparent 62%);filter:blur(20px);pointer-events:none}main.task:has(.code) .code{width:min(92vw,470px);gap:15px;margin-top:10px;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--text) 5%,transparent))}main.task:has(.code) .code-guesses{gap:9px}main.task:has(.code) .code-guess{border-radius:14px;border-color:color-mix(in srgb,var(--cell-border) 95%,#c79aa3 5%);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,#c79aa3 2%),color-mix(in srgb,var(--surface) 99.4%,#b9a8c7 .6%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 75%,transparent),0 8px 20px -20px color-mix(in srgb,#c79aa3 34%,transparent);padding:9px 13px}main.task:has(.code) .code-pegs{gap:9px}main.task:has(.code) .code-pins{gap:5px}main.task:has(.code) .code-slots{gap:10px;margin-top:1px}main.task:has(.code) .code-slot{width:62px;height:62px;border-radius:14px;border-color:color-mix(in srgb,var(--cell-border) 84%,#c79aa3 16%);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98.5%,#c79aa3 1.5%),color-mix(in srgb,var(--surface) 99.4%,#b9a8c7 .6%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 74%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease}main.task:has(.code) .code-slot.filled{border-color:color-mix(in srgb,#c79aa3 34%,var(--cell-border));background:color-mix(in srgb,var(--surface) 95%,#c79aa3 5%)}main.task:has(.code) .code-hint{color:color-mix(in srgb,var(--muted) 96%,#9d7481 4%);font-size:.86rem}main.task:has(.code) .code-palette{gap:9px}main.task:has(.code) .code-swatch{width:54px;height:54px;border-radius:14px;border:1px solid color-mix(in srgb,var(--cell-border) 90%,#c79aa3 10%);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 98.5%,#c79aa3 1.5%),color-mix(in srgb,var(--surface) 99.4%,#b9a8c7 .6%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 74%,transparent),0 7px 16px -15px color-mix(in srgb,#c79aa3 34%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease}main.task:has(.code) .code-swatch:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cell-border) 72%,#c79aa3 28%);background:color-mix(in srgb,var(--surface) 97%,#c79aa3 3%)}main.task:has(.code) .practice-footer{width:min(92vw,470px);margin:clamp(42px,7vh,78px) auto 0;gap:10px;padding-top:0}main.task:has(.code) .practice-actions{gap:10px}main.task:has(.code) .practice-actions .secondary{min-height:48px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,#c79aa3 1.5%);border-color:color-mix(in srgb,#c79aa3 10%,var(--cell-border));box-shadow:0 12px 28px -26px color-mix(in srgb,#c79aa3 34%,transparent)}main.task:has(.code) #stop{align-self:center;margin-top:2px}@media(min-width:760px){main.task:has(.code){max-width:660px}body:has(main.task .code) #brand{right:calc(50% + 352px)}}@media(max-width:759px){main.task:has(.code) .practice-footer{margin-top:auto;padding-top:12px}}@media(prefers-reduced-motion:reduce){main.task:has(.code) .code-slot,main.task:has(.code) .code-swatch{transition:none}main.task:has(.code) .code-swatch:hover{transform:none}}main.task:has(.pipsum){width:100%}main.task:has(.pipsum) .task-header{width:min(92vw,500px);margin:0 auto 2px;padding:4px 2px 8px}main.task:has(.pipsum) .task-header>span:first-child{font-weight:700;color:var(--text)}main.task:has(.pipsum) .timer{min-width:52px;text-align:center;font-weight:650}main.task:has(.pipsum) .icon{border-color:color-mix(in srgb,#55a8a6 14%,var(--cell-border));background:color-mix(in srgb,var(--surface) 86%,#55a8a6 4%);box-shadow:0 10px 26px -22px color-mix(in srgb,#55a8a6 42%,transparent)}main.task:has(.pipsum) #board{position:relative;isolation:isolate;width:100%}main.task:has(.pipsum) #board:before{content:"";position:absolute;inset:-3% 3% -9%;z-index:-1;border-radius:48%;background:radial-gradient(circle at 32% 30%,color-mix(in srgb,#55a8a6 7%,transparent),transparent 57%),radial-gradient(circle at 72% 70%,color-mix(in srgb,#63bfd0 4.5%,transparent),transparent 62%);filter:blur(20px);pointer-events:none}main.task:has(.pipsum) .pipsum{width:min(92vw,430px,60dvh);gap:5px;margin-top:10px;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--text) 5%,transparent))}main.task:has(.pipsum) .pipsum-row{gap:5px}main.task:has(.pipsum) .pipsum .cell{border-color:color-mix(in srgb,var(--cell-border) 82%,#55a8a6 18%);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--cell-free) 97%,#55a8a6 3%),color-mix(in srgb,var(--cell-free) 99%,#63bfd0 1%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 72%,transparent);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}main.task:has(.pipsum) .pipsum .cell:not(.blocked):not(.given):hover{border-color:color-mix(in srgb,var(--cell-border) 58%,#55a8a6 42%);background:color-mix(in srgb,var(--cell-free) 93%,#55a8a6 7%)}main.task:has(.pipsum) .pipsum .cell.given{background:color-mix(in srgb,var(--given-bg) 92%,#55a8a6 8%);border-color:color-mix(in srgb,var(--given-bg) 84%,#55a8a6 16%);color:var(--given-text)}main.task:has(.pipsum) .pipsum .cell.blocked{background:linear-gradient(145deg,color-mix(in srgb,var(--blocked-bg) 94%,#55a8a6 6%),color-mix(in srgb,var(--blocked-bg) 98%,#63bfd0 2%));color:color-mix(in srgb,var(--blocked-text) 96%,#b9eeea 4%);border-color:transparent}main.task:has(.pipsum) .pipsum .cell.selected{outline-color:color-mix(in srgb,#55a8a6 76%,var(--text));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 70%,transparent),0 0 0 4px color-mix(in srgb,#55a8a6 10%,transparent)}main.task:has(.pipsum) .pipsum-pad{width:min(92vw,430px);gap:9px;margin:18px auto 0;padding-top:14px;border-top-color:color-mix(in srgb,var(--cell-border) 74%,#55a8a6 26%)}main.task:has(.pipsum) .pipsum-key{border-radius:13px;border-color:color-mix(in srgb,var(--cell-border) 84%,#55a8a6 16%);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#55a8a6 3%),color-mix(in srgb,var(--surface) 99%,#63bfd0 1%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 76%,transparent),0 8px 18px -17px color-mix(in srgb,#55a8a6 48%,transparent);transition:transform .14s ease,border-color .14s ease,background .14s ease}main.task:has(.pipsum) .pipsum-key:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cell-border) 58%,#55a8a6 42%);background:color-mix(in srgb,var(--surface) 94%,#55a8a6 6%)}main.task:has(.pipsum) .practice-footer{width:min(92vw,470px);margin:clamp(42px,7vh,76px) auto 0;gap:10px;padding-top:0}main.task:has(.pipsum) .practice-actions{gap:10px}main.task:has(.pipsum) .practice-actions .secondary{min-height:48px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,#55a8a6 2%);border-color:color-mix(in srgb,#55a8a6 12%,var(--cell-border));box-shadow:0 12px 28px -26px color-mix(in srgb,#55a8a6 38%,transparent)}main.task:has(.pipsum) #stop{align-self:center;margin-top:2px}@media(min-width:760px){main.task:has(.pipsum){max-width:660px}body:has(main.task .pipsum) #brand{right:calc(50% + 352px)}}@media(max-width:759px){main.task:has(.pipsum) .practice-footer{margin-top:auto;padding-top:12px}}@media(prefers-reduced-motion:reduce){main.task:has(.pipsum) .pipsum .cell,main.task:has(.pipsum) .pipsum-key{transition:none}main.task:has(.pipsum) .pipsum-key:hover{transform:none}}.result{gap:14px}.result header h1,.result>h1{letter-spacing:-.02em}.result .day-result{color:color-mix(in srgb,var(--accent) 74%,#7f73ff 26%);text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 76%,transparent)}.result .day-result.unranked{color:var(--text);text-shadow:none}.result .rank{color:var(--text)}.result .bars-title{margin-top:12px;font-size:.92rem;font-weight:600;letter-spacing:.01em}.result .bars{gap:10px;margin:2px auto 4px}.result .save-offer{position:relative;overflow:hidden;margin:10px 0 4px;padding:18px 18px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,#f7f1ff 5%),color-mix(in srgb,var(--surface) 98%,transparent));box-shadow:0 18px 40px -34px #40508c42;gap:12px}.result .save-offer:before{content:"Dein Ergebnis";align-self:center;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,var(--muted))}.result .save-offer>p:first-of-type{font-size:1.04rem;font-weight:600;line-height:1.45;color:var(--text)}.result .save-board{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);border:1px solid color-mix(in srgb,var(--accent) 12%,var(--cell-border))}.result #save-yes.primary{box-shadow:0 14px 28px -22px color-mix(in srgb,var(--accent) 66%,transparent)}.result #save-no.secondary{min-height:40px;padding:6px 12px 2px;border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.result #save-no.secondary:hover,.result #save-no.secondary:focus-visible{color:var(--text);text-decoration:underline}.result .fine{max-width:34ch;margin-inline:auto;line-height:1.45}.result #share.secondary{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:min(100%,15rem);min-height:48px;padding-inline:20px;margin-top:4px;border-color:color-mix(in srgb,var(--accent) 24%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,var(--accent) 18%),color-mix(in srgb,var(--surface) 88%,var(--accent) 12%));color:color-mix(in srgb,var(--text) 84%,var(--accent) 16%);box-shadow:0 1px color-mix(in srgb,var(--surface) 85%,transparent) inset,0 14px 28px -24px color-mix(in srgb,var(--accent) 50%,transparent)}.result #share.secondary:hover,.result #share.secondary:focus-visible{border-color:color-mix(in srgb,var(--accent) 34%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 76%,var(--accent) 24%),color-mix(in srgb,var(--surface) 84%,var(--accent) 16%));color:var(--text);transform:translateY(-1px);box-shadow:0 1px color-mix(in srgb,var(--surface) 88%,transparent) inset,0 18px 32px -24px color-mix(in srgb,var(--accent) 58%,transparent)}.result #share:before{content:"↗";font-size:1rem;line-height:1;color:color-mix(in srgb,var(--accent) 68%,var(--text))}.result .share-status{min-height:1.4rem;margin-top:-8px}.result #again.primary,.result .result-actions .primary{margin-top:4px}[data-theme=dark] .result .save-offer{border-color:color-mix(in srgb,var(--accent) 30%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#18173a 6%),color-mix(in srgb,var(--surface) 98%,transparent));box-shadow:0 20px 42px -32px #080e269e}[data-theme=dark] .result .save-board{background:color-mix(in srgb,var(--surface) 86%,var(--accent) 14%);border-color:color-mix(in srgb,var(--accent) 22%,var(--cell-border))}[data-theme=dark] .result #share.secondary{border-color:color-mix(in srgb,var(--accent) 34%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,var(--accent) 22%),color-mix(in srgb,var(--surface) 84%,var(--accent) 16%));color:color-mix(in srgb,var(--text) 90%,var(--accent) 10%);box-shadow:0 1px color-mix(in srgb,var(--surface) 72%,transparent) inset,0 18px 34px -26px #080e268f}.ringbreak-start{max-width:720px;gap:18px}.ringbreak-start h1{margin:0;font-size:clamp(2.2rem,5.8vw,3rem);letter-spacing:-.04em;line-height:.98}.ringbreak-start .lead{max-width:46rem;margin:0;font-size:1rem;line-height:1.42}.ringbreak-start .lead.muted{color:color-mix(in srgb,var(--muted) 92%,var(--accent) 8%)}.ringbreak-start .rb-way{--rb-accent: var(--accent);position:relative;overflow:hidden;gap:12px;padding:18px 18px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--rb-accent) 24%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--rb-accent) 11%,transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--surface) 97%,var(--rb-accent) 3%),color-mix(in srgb,var(--surface) 90%,var(--rb-accent) 10%));box-shadow:0 18px 38px -32px color-mix(in srgb,var(--rb-accent) 55%,transparent),0 1px color-mix(in srgb,var(--surface) 84%,transparent) inset}.ringbreak-start .rb-way:before{content:"";position:absolute;inset:auto -62px -62px auto;width:168px;height:168px;border-radius:50%;border:1px solid color-mix(in srgb,var(--rb-accent) 16%,transparent);opacity:.75;pointer-events:none}.ringbreak-start .rb-way:after{content:"";position:absolute;inset:0 auto auto 0;width:72px;height:72px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--rb-accent) 16%,transparent),transparent 70%);pointer-events:none}.ringbreak-start .rb-way:nth-of-type(1){--rb-accent: #53a9a7}.ringbreak-start .rb-way:nth-of-type(2){--rb-accent: #8a6be2}.ringbreak-start .rb-way h2{margin:0;font-size:1.18rem;letter-spacing:-.02em}.ringbreak-start .rb-way>.muted{margin:-2px 0 0;color:color-mix(in srgb,var(--muted) 88%,var(--rb-accent) 12%)}.ringbreak-start .level-pick{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 0}.ringbreak-start .level-pick .secondary,.ringbreak-start #rb-duel-create.secondary{--pick-accent: var(--rb-accent);min-height:52px;border-radius:15px;border-color:color-mix(in srgb,var(--pick-accent) 24%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,var(--pick-accent) 5%),color-mix(in srgb,var(--surface) 89%,var(--pick-accent) 11%));color:var(--text);font-weight:600;box-shadow:0 12px 24px -24px color-mix(in srgb,var(--pick-accent) 70%,transparent);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.ringbreak-start .level-pick .secondary[data-level=easy]{--pick-accent: #55b88a}.ringbreak-start .level-pick .secondary[data-level=medium]{--pick-accent: #66a7da}.ringbreak-start .level-pick .secondary[data-level=hard]{--pick-accent: #8b6be4}.ringbreak-start .level-pick .secondary[data-level=expert]{--pick-accent: #ef8a6b}.ringbreak-start .level-pick .secondary:hover,.ringbreak-start #rb-duel-create.secondary:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pick-accent) 42%,var(--cell-border));box-shadow:0 18px 30px -24px color-mix(in srgb,var(--pick-accent) 68%,transparent)}.ringbreak-start .level-pick .secondary:active,.ringbreak-start #rb-duel-create.secondary:active{transform:translateY(0)}.ringbreak-start #rb-duel-create.secondary{align-self:flex-start;min-width:min(100%,280px);padding-inline:20px}.ringbreak-start #rb-duel-list{display:grid;gap:10px}.ringbreak-start .rbduel-row{padding:11px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rb-accent) 18%,var(--cell-border));background:color-mix(in srgb,var(--surface) 92%,var(--rb-accent) 8%)}.ringbreak-start .rbduel-accepted{margin-top:6px}.ringbreak-start .result-actions{justify-content:flex-start;margin-top:2px}.ringbreak-start #back.link{padding:6px 0}.ringbreak{max-width:720px}.ringbreak .task-header{align-items:end;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 56%,transparent),color-mix(in srgb,var(--surface) 26%,transparent));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--cell-border))}.ringbreak #rb-goal{font-size:1.1rem;font-weight:700;letter-spacing:-.015em}.ringbreak #rb-level{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--cell-border));color:color-mix(in srgb,var(--muted) 78%,var(--accent) 22%)}.ringbreak #rb-board{margin-top:2px;padding:12px;border-radius:24px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 62%,transparent));border:1px solid color-mix(in srgb,var(--accent) 10%,var(--cell-border));box-shadow:0 18px 36px -34px #0f172a57}.ringbreak .tafl{width:min(92vw,440px);margin-top:0;border-radius:16px;box-shadow:0 18px 30px -28px #0f172a75}.ringbreak .rb-status{max-width:34rem;margin:0 auto;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--cell-border))}.ringbreak .result-actions{justify-content:center;margin-top:0}@media(max-width:620px){.ringbreak-start .level-pick{grid-template-columns:1fr}.ringbreak-start .rb-way{padding:16px;border-radius:18px}.ringbreak .task-header{padding:9px 12px}.ringbreak #rb-board{padding:10px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.ringbreak-start .level-pick .secondary,.ringbreak-start #rb-duel-create.secondary{transition:none}.ringbreak-start .level-pick .secondary:hover,.ringbreak-start #rb-duel-create.secondary:hover{transform:none}}:root[data-theme=dark] .ringbreak-start .rb-way{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--rb-accent) 20%,transparent),transparent 36%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,var(--rb-accent) 8%),color-mix(in srgb,var(--surface) 80%,var(--rb-accent) 20%));box-shadow:0 18px 38px -34px #0000007a,0 1px color-mix(in srgb,#ffffff 8%,transparent) inset}:root[data-theme=dark] .ringbreak-start .rbduel-row{background:color-mix(in srgb,var(--surface) 86%,var(--rb-accent) 14%)}:root[data-theme=dark] .ringbreak .task-header,:root[data-theme=dark] .ringbreak #rb-board,:root[data-theme=dark] .ringbreak .rb-status{box-shadow:0 18px 34px -34px #0009}body:has(main.ringbreak){background:radial-gradient(760px 500px at 50% 32%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--bg)}.ringbreak{max-width:720px;gap:12px}.ringbreak .rb-game-card{width:min(100%,510px);margin:clamp(6px,2.2vh,22px) auto 0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--cell-border));border-radius:28px;background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),color-mix(in srgb,var(--surface) 97%,var(--accent) 3%);box-shadow:0 28px 70px -46px #0f172a57,0 10px 28px -24px color-mix(in srgb,var(--accent) 38%,transparent),0 1px color-mix(in srgb,#ffffff 72%,transparent) inset}.ringbreak .task-header{max-width:440px;margin:0 auto;padding:0 2px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:center}.ringbreak #rb-goal{display:inline-flex;align-items:center;min-height:38px;padding:0;font-size:1.08rem;font-weight:750;letter-spacing:-.018em}.ringbreak #rb-level{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 13px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--cell-border));border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%);color:color-mix(in srgb,var(--muted) 76%,var(--accent) 24%);box-shadow:0 9px 20px -18px color-mix(in srgb,var(--accent) 58%,transparent)}.ringbreak #rb-board{position:relative;margin:0;padding:0;border:0;background:transparent;box-shadow:none;isolation:isolate}.ringbreak #rb-board:before{content:"";position:absolute;inset:10% 12% 9%;z-index:-1;border-radius:46%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 67%);filter:blur(24px);pointer-events:none}.ringbreak .tafl{width:min(100%,440px);margin:0 auto;border:2px solid color-mix(in srgb,var(--field-border) 88%,var(--accent) 12%);border-radius:18px;background:var(--cell-free);box-shadow:0 18px 36px -28px #0f172a75,0 0 0 1px color-mix(in srgb,var(--surface) 70%,transparent) inset}.ringbreak .tafl .sq{background:color-mix(in srgb,var(--cell-free) 97%,var(--accent) 3%);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--cell-border) 74%,transparent);transition:background .13s ease,box-shadow .13s ease}.ringbreak .tafl .sq.special{background:color-mix(in srgb,var(--field-bg) 84%,var(--accent) 16%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--field-border) 82%,var(--accent) 18%)}.ringbreak .tafl .sq svg{transition:transform .13s ease,filter .13s ease}.ringbreak .tafl .att{filter:drop-shadow(0 2px 2px rgb(15 23 42 / .16))}.ringbreak .tafl .def{filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--accent) 22%,transparent))}.ringbreak .tafl .king{transform:scale(1.06);filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--accent) 30%,transparent))}.ringbreak .tafl .sq.from{background:color-mix(in srgb,var(--accent-soft) 78%,var(--cell-free));box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 20px color-mix(in srgb,var(--accent) 8%,transparent)}.ringbreak .tafl .sq.from svg{transform:scale(1.08)}.ringbreak .tafl .sq.from .king{transform:scale(1.12)}.ringbreak .tafl .sq.to:after{width:38%;height:38%;border:2px solid color-mix(in srgb,var(--accent) 86%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent);opacity:.84;transition:transform .13s ease,background .13s ease,box-shadow .13s ease}.ringbreak .tafl .sq.special.to:after{opacity:1}.ringbreak .tafl .sq.landing:after{width:62%;height:62%;background:color-mix(in srgb,var(--accent) 16%,transparent);border-width:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 9%,transparent);opacity:1}.ringbreak .rb-status{max-width:440px;min-height:44px;margin:14px auto 0;padding:10px 14px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--cell-border));border-radius:15px;background:color-mix(in srgb,var(--field-bg) 72%,var(--surface) 28%);color:color-mix(in srgb,var(--muted) 88%,var(--text) 12%);line-height:1.35;box-shadow:0 10px 24px -24px color-mix(in srgb,var(--accent) 55%,transparent)}.ringbreak .result-actions{justify-content:center;max-width:510px;margin:0 auto}.ringbreak #back.link{padding-left:10px}@media(hover:hover)and (pointer:fine){.ringbreak .tafl .sq.pc:hover{background:color-mix(in srgb,var(--accent-soft) 48%,var(--cell-free));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,var(--cell-border))}.ringbreak .tafl .sq.pc:hover svg{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--accent) 24%,transparent))}.ringbreak .tafl .sq.pc:hover .king{transform:translateY(-1px) scale(1.12)}.ringbreak .tafl .sq.to:hover:after{transform:scale(1.14);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 9%,transparent)}}@media(max-width:620px){.ringbreak{gap:10px}.ringbreak .rb-game-card{margin-top:2px;padding:8px;border-radius:22px}.ringbreak .task-header{padding:1px 4px 8px}.ringbreak #rb-goal{min-height:36px;font-size:1rem}.ringbreak #rb-level{min-height:34px;padding:5px 11px}.ringbreak .tafl{border-radius:15px}.ringbreak .rb-status{margin-top:10px;min-height:42px;padding:9px 11px;border-radius:13px;font-size:.94rem}}@media(prefers-reduced-motion:reduce){.ringbreak .tafl .sq,.ringbreak .tafl .sq svg,.ringbreak .tafl .sq.to:after{transition:none}}:root[data-theme=dark] .ringbreak .rb-game-card{background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 50%),color-mix(in srgb,var(--surface) 94%,var(--accent) 6%);box-shadow:0 28px 70px -46px #000000b8,0 10px 28px -24px color-mix(in srgb,var(--accent) 30%,transparent),0 1px color-mix(in srgb,#ffffff 7%,transparent) inset}:root[data-theme=dark] .ringbreak .tafl{box-shadow:0 20px 40px -28px #000000b8,0 0 0 1px color-mix(in srgb,#ffffff 5%,transparent) inset}@media(min-width:1080px){body:has(main.ringbreak-start) #brand,body:has(main.ringbreak) #brand{position:absolute;top:26px;right:calc(50% + 384px);margin:0;padding:0}body:has(main.ringbreak-start) #brand .wordmark-svg,body:has(main.ringbreak) #brand .wordmark-svg{width:140px}}@media(min-width:900px)and (max-width:1079px){body:has(main.ringbreak-start) #brand,body:has(main.ringbreak) #brand{position:static;width:fit-content;margin:0 0 0 max(16px,calc(50% - 360px));padding:16px 0 0}body:has(main.ringbreak-start) #brand .wordmark-svg,body:has(main.ringbreak) #brand .wordmark-svg{width:132px}.ringbreak-start,.ringbreak{padding-top:8px}}.ringbreak-start h1{margin-top:2px}.billard-start,.billard-game{--billard-ui: #4da7ac;--billard-ui-warm: #d8a54c;max-width:720px}.billard-game{max-width:820px}.billard-start{gap:18px}.billard-start h1{margin:0;font-size:clamp(2.2rem,5.8vw,3rem);line-height:.98;letter-spacing:-.04em}.billard-start .lead{max-width:44rem;margin:0;font-size:1rem;line-height:1.45}.billard-start .lead.muted{color:color-mix(in srgb,var(--muted) 90%,var(--billard-ui) 10%)}.billard-start>.result-actions:first-of-type{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:10px;width:min(100%,500px);margin:0;padding:12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--billard-ui) 18%,var(--cell-border));background:radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--billard-ui) 10%,transparent),transparent 42%),linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--billard-ui) 4%),color-mix(in srgb,var(--surface) 90%,var(--billard-ui) 10%));box-shadow:0 18px 36px -32px color-mix(in srgb,var(--billard-ui) 48%,transparent)}.billard-start #billard-rack.primary{min-height:54px;border:1px solid color-mix(in srgb,var(--billard-ui) 58%,var(--accent));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--billard-ui) 78%,var(--accent) 22%),color-mix(in srgb,var(--billard-ui) 66%,#7557ff 10%));color:#fff;box-shadow:0 16px 28px -22px color-mix(in srgb,var(--billard-ui) 78%,transparent)}.billard-start #billard-scattered.secondary{min-height:54px;border-radius:15px;border-color:color-mix(in srgb,var(--billard-ui-warm) 26%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--billard-ui-warm) 4%),color-mix(in srgb,var(--surface) 91%,var(--billard-ui-warm) 9%));color:var(--text);font-weight:600}.billard-start .bd-duels{position:relative;overflow:hidden;width:min(100%,500px);margin-top:12px;padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,#8a6be2 22%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,#8a6be2 10%,transparent),transparent 38%),linear-gradient(155deg,color-mix(in srgb,var(--surface) 97%,#8a6be2 3%),color-mix(in srgb,var(--surface) 91%,#8a6be2 9%));box-shadow:0 18px 36px -32px color-mix(in srgb,#8a6be2 45%,transparent)}.billard-start .bd-duels:after{content:"";position:absolute;right:-54px;bottom:-58px;width:150px;height:150px;border-radius:50%;border:1px solid color-mix(in srgb,#8a6be2 14%,transparent);pointer-events:none}.billard-start .bd-duels h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.billard-start .bd-duels>.muted{margin:2px 0 0;line-height:1.45}.billard-start #bd-create.secondary{align-self:flex-start;min-height:50px;margin-top:2px;border-radius:14px;border-color:color-mix(in srgb,#8a6be2 30%,var(--cell-border));background:color-mix(in srgb,var(--surface) 88%,#8a6be2 12%);color:var(--text);font-weight:600}.billard-start .bd-list{display:grid;gap:8px}.billard-start .bd-list li{padding:8px 10px;border-radius:13px;border:1px solid color-mix(in srgb,#8a6be2 16%,var(--cell-border));background:color-mix(in srgb,var(--surface) 94%,#8a6be2 6%)}.billard-start>.result-actions:last-of-type{justify-content:flex-start;width:min(100%,500px);margin-top:-2px}.billard-game{gap:10px}.billard-game .task-header{width:min(90vw,560px);margin:0 auto;padding:2px 2px 0}.billard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.billard-game .task-header h1{margin:0;font-size:clamp(1.65rem,4vw,2.15rem);letter-spacing:-.035em}.billard-game #billard-state{width:auto;margin:0;white-space:nowrap;color:color-mix(in srgb,var(--muted) 86%,var(--billard-ui) 14%)}.billard-table-stage{position:relative;width:min(90vw,760px);margin:clamp(24px,3vw,38px) auto 0}.billard-game #billard-board{position:relative;isolation:isolate;width:100%}.billard-game #billard-board:before{content:"";position:absolute;inset:12% 12% 8%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 42% 46%,color-mix(in srgb,var(--billard-ui) 9%,transparent),transparent 58%),radial-gradient(circle at 70% 60%,color-mix(in srgb,#8a6be2 5%,transparent),transparent 64%);filter:blur(18px);pointer-events:none}.billard-game .billard-board{margin:4px auto 8px;border-radius:14px;box-shadow:0 20px 34px -28px #0a342361,0 0 0 1px color-mix(in srgb,var(--billard-ui) 14%,transparent)}.billard-game .billard-controls{width:min(90vw,560px);margin:4px auto 0;gap:8px;padding:10px 2px 2px;border-top:1px solid color-mix(in srgb,var(--billard-ui) 24%,var(--cell-border))}.billard-game .billard-hint{color:color-mix(in srgb,var(--muted) 88%,var(--billard-ui) 12%)}.billard-game .billard-fine{gap:10px}.billard-game .billard-fine .secondary{min-width:54px;min-height:48px;border-radius:14px;border-color:color-mix(in srgb,var(--billard-ui) 20%,var(--cell-border));background:color-mix(in srgb,var(--surface) 88%,var(--billard-ui) 12%);color:color-mix(in srgb,var(--text) 84%,var(--billard-ui) 16%)}.billard-game .billard-angle{font-size:1.05rem}.billard-game .billard-power{padding-top:2px}.billard-game .billard-power input{accent-color:var(--billard-ui)}.billard-game .billard-aid-pick{width:min(90vw,560px);margin:0 auto;padding-top:2px;gap:10px}.billard-game .billard-aid-pick>span{min-width:48px}.billard-game .billard-aid-pick .segmented{flex:1 1 auto;max-width:320px;padding:4px;border-radius:11px;border-color:color-mix(in srgb,var(--billard-ui) 16%,var(--cell-border));background:color-mix(in srgb,var(--surface) 58%,transparent)}.billard-game .billard-aid-pick .segment{border-radius:10px}.billard-game .billard-aid-pick .segment.active{border-color:color-mix(in srgb,var(--billard-ui) 62%,var(--cell-border));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 74%,var(--billard-ui) 26%),color-mix(in srgb,var(--surface) 84%,#8a6be2 16%));color:var(--text);box-shadow:0 8px 18px -14px color-mix(in srgb,var(--billard-ui) 70%,transparent)}.billard-game>.result-actions{display:flex;justify-content:flex-start;gap:10px;width:min(90vw,560px);margin:0 auto}.billard-game .billard-table-stage+.result-actions{margin-top:20px}.billard-focus-toggle{display:inline-flex;align-items:center;gap:6px;margin:clamp(20px,3.5vw,34px) 2px 0 auto;padding:7px 10px;font-size:.8rem}@media(min-width:900px){.billard-game .billard-board,.billard-game .task-header,.billard-game .billard-table-stage,.billard-game .billard-controls,.billard-game .billard-aid-pick,.billard-game>.result-actions{width:min(90vw,760px)}}.billard-game>.result-actions .link{padding-inline:10px}@media(min-width:1100px){body:has(main.billard-start) #brand,body:has(main.billard-game) #brand{top:26px;right:calc(50% + 404px)}body:has(main.billard-start) #brand .wordmark-svg,body:has(main.billard-game) #brand .wordmark-svg{width:140px}}@media(min-width:900px)and (max-width:1099px){body:has(main.billard-start) #brand,body:has(main.billard-game) #brand{position:static;margin:0 auto;padding:16px 16px 0}body:has(main.billard-start) #brand .wordmark-svg,body:has(main.billard-game) #brand .wordmark-svg{width:132px}.billard-start,.billard-game{padding-top:8px}}@media(max-width:620px){.billard-start>.result-actions:first-of-type{grid-template-columns:1fr}.billard-start .bd-duels{padding:16px;border-radius:18px}.billard-game .billard-controls{padding:10px 2px 2px}.billard-game .billard-aid-pick{align-items:flex-start}.billard-heading{flex-wrap:wrap;row-gap:4px}.billard-game #billard-state{margin-left:auto;white-space:normal;text-align:right}}:root[data-theme=dark] .billard-start>.result-actions:first-of-type,:root[data-theme=dark] .billard-start .bd-duels,:root[data-theme=dark] .billard-game .billard-controls{box-shadow:0 18px 36px -30px #00000080}:root[data-theme=dark] .billard-game #billard-board:before{background:radial-gradient(circle at 42% 46%,color-mix(in srgb,var(--billard-ui) 14%,transparent),transparent 58%),radial-gradient(circle at 70% 60%,color-mix(in srgb,#8a6be2 9%,transparent),transparent 64%)}.settings{max-width:620px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding-top:max(18px,env(safe-area-inset-top));text-align:left}.settings>header{grid-column:1 / -1;margin-bottom:2px;padding:0 2px 8px;align-items:center}.settings>header h1{margin:0;font-size:clamp(1.75rem,4vw,2.15rem);letter-spacing:-.035em}.settings>header .icon{background:color-mix(in srgb,var(--surface) 68%,transparent);border-color:color-mix(in srgb,var(--accent) 14%,var(--cell-border));box-shadow:0 10px 24px -22px color-mix(in srgb,var(--accent) 50%,transparent)}.settings>section{--settings-accent: var(--accent);position:relative;overflow:hidden;gap:10px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--settings-accent) 17%,var(--cell-border));border-radius:20px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--settings-accent) 8%,transparent),transparent 38%),linear-gradient(155deg,color-mix(in srgb,var(--surface) 97%,var(--settings-accent) 3%),color-mix(in srgb,var(--surface) 93%,var(--settings-accent) 7%));box-shadow:0 16px 34px -32px color-mix(in srgb,var(--settings-accent) 45%,transparent),0 1px color-mix(in srgb,var(--surface) 84%,transparent) inset}.settings>section:after{content:"";position:absolute;width:92px;height:92px;right:-48px;bottom:-54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--settings-accent) 12%,transparent);pointer-events:none}.settings>section:nth-of-type(1){--settings-accent: #55b88a}.settings>section:nth-of-type(2){--settings-accent: #5d91d8}.settings>section:nth-of-type(3){--settings-accent: #8b6be4}.settings>section:nth-of-type(4){--settings-accent: #ef8a6b}.settings>section:nth-of-type(5){--settings-accent: #4da7ac}.settings>section:nth-of-type(6){--settings-accent: #756fe6}.settings>section:nth-of-type(7){--settings-accent: #c79a4d}.settings>.name-kit{grid-column:1 / -1;padding:18px}.settings section h2{margin:0;font-size:1.12rem;letter-spacing:-.02em}.settings section>p.muted:not(.fine){color:color-mix(in srgb,var(--muted) 88%,var(--settings-accent) 12%);line-height:1.42}.settings .fine{color:var(--muted);line-height:1.45}.settings .name-kit>label{color:color-mix(in srgb,var(--text) 90%,var(--settings-accent) 10%)}.settings .name-preview{margin:-2px 0 2px;font-size:clamp(1.35rem,3.6vw,1.65rem);color:color-mix(in srgb,var(--text) 84%,var(--settings-accent) 16%)}.settings .name-parts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 88px;gap:8px}.settings .name-parts select,.settings .name-parts input{width:100%;min-height:46px;border-radius:13px;border-color:color-mix(in srgb,var(--settings-accent) 15%,var(--cell-border));background:color-mix(in srgb,var(--surface) 96%,var(--settings-accent) 4%);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 74%,transparent)}.settings #name-shuffle.secondary{min-height:44px;background:color-mix(in srgb,var(--surface) 90%,var(--settings-accent) 10%);border-color:color-mix(in srgb,var(--settings-accent) 20%,var(--cell-border));color:var(--text)}.settings #save-name{min-height:48px;border-color:color-mix(in srgb,var(--settings-accent) 28%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 80%,var(--settings-accent) 20%),color-mix(in srgb,var(--surface) 88%,var(--settings-accent) 12%));color:var(--text);font-weight:650}.settings section:has(#board-yes),.settings section:has(#ads-yes),.settings section:has(#stock-on){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px}.settings section:has(#board-yes)>h2,.settings section:has(#board-yes)>p,.settings section:has(#ads-yes)>h2,.settings section:has(#ads-yes)>p,.settings section:has(#stock-on)>h2,.settings section:has(#stock-on)>p{grid-column:1 / -1}.settings section>.secondary,.settings section>.primary,.settings section:has(#board-yes)>button,.settings section:has(#ads-yes)>button,.settings section:has(#stock-on)>button{min-height:44px;border-radius:13px}.settings section:has(#board-yes)>button,.settings section:has(#ads-yes)>button,.settings section:has(#stock-on)>button{padding-inline:10px;background:color-mix(in srgb,var(--surface) 91%,var(--settings-accent) 9%);border-color:color-mix(in srgb,var(--settings-accent) 16%,var(--cell-border));color:var(--text)}.settings section:has(#board-yes)>button:disabled,.settings section:has(#stock-on)>button:disabled,.settings section:has(#sound-on)>button:disabled:not(#sound-sample){opacity:1;border-color:color-mix(in srgb,var(--settings-accent) 54%,var(--cell-border));background:color-mix(in srgb,var(--surface) 76%,var(--settings-accent) 24%);color:color-mix(in srgb,var(--text) 84%,var(--settings-accent) 16%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--settings-accent) 18%,transparent)}.settings #sound-sample:disabled{opacity:.45;cursor:default}.settings #forget.secondary{color:color-mix(in srgb,var(--muted) 92%,var(--danger) 8%);background:color-mix(in srgb,var(--surface) 95%,var(--danger) 5%)}.settings #forget.secondary.armed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 62%,var(--cell-border));background:color-mix(in srgb,var(--surface) 84%,var(--danger) 16%)}.settings #theme-pick{margin:2px 0 0;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,var(--settings-accent) 6%);border-color:color-mix(in srgb,var(--settings-accent) 16%,var(--cell-border))}.settings #theme-pick .segment.active{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 74%,var(--settings-accent) 26%),color-mix(in srgb,var(--surface) 84%,#7557ff 16%));border-color:color-mix(in srgb,var(--settings-accent) 52%,var(--cell-border));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--settings-accent) 60%,transparent)}.settings #install-button.secondary{background:color-mix(in srgb,var(--surface) 90%,var(--settings-accent) 10%);border-color:color-mix(in srgb,var(--settings-accent) 20%,var(--cell-border));color:var(--text)}@media(min-width:1020px){body:has(main.settings) #brand{top:26px;right:calc(50% + 332px)}body:has(main.settings) #brand .wordmark-svg{width:140px}}@media(min-width:900px)and (max-width:1019px){body:has(main.settings) #brand{position:static;width:min(620px,calc(100% - 32px));margin:0 auto;padding:16px 0 0}body:has(main.settings) #brand .wordmark-svg{width:132px}.settings{padding-top:8px}}@media(max-width:680px){.settings{display:flex;max-width:520px;gap:12px}.settings>section,.settings>.name-kit{padding:15px;border-radius:18px}.settings .name-parts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings .name-parts input{grid-column:1 / -1;width:min(100%,120px);justify-self:start}}:root[data-theme=dark] .settings>section{border-color:color-mix(in srgb,var(--settings-accent) 26%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--settings-accent) 15%,transparent),transparent 40%),linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,var(--settings-accent) 6%),color-mix(in srgb,var(--surface) 86%,var(--settings-accent) 14%));box-shadow:0 18px 36px -34px #00000094}:root[data-theme=dark] .settings .name-parts select,:root[data-theme=dark] .settings .name-parts input,:root[data-theme=dark] .settings section:has(#board-yes)>button,:root[data-theme=dark] .settings section:has(#ads-yes)>button,:root[data-theme=dark] .settings section:has(#stock-on)>button{background:color-mix(in srgb,var(--surface) 90%,var(--settings-accent) 10%)}.settings{max-width:640px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:0}.settings>header{margin-bottom:8px;padding-bottom:8px}.settings>section{--settings-accent: var(--accent) !important;position:relative;overflow:visible;gap:9px;min-width:0;padding:18px 0 20px;border:0;border-top:1px solid color-mix(in srgb,var(--cell-border) 72%,transparent);border-radius:0;background:transparent;box-shadow:none}.settings>section:after{content:none}.settings>.name-kit{grid-column:1 / -1;padding:12px 0 22px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--cell-border) 76%,transparent)}.settings section h2{display:flex;align-items:center;gap:8px;font-size:1.08rem;letter-spacing:-.018em}.settings section h2:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--accent) 56%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent)}.settings .name-kit>label{color:var(--text)}.settings .name-preview{margin:-2px 0 4px;color:var(--text)}.settings section>p.muted:not(.fine),.settings .fine{color:var(--muted)}.settings .name-parts select,.settings .name-parts input{border-color:var(--cell-border);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:none}.settings #name-shuffle.secondary,.settings #install-button.secondary,.settings section:has(#board-yes)>button,.settings section:has(#ads-yes)>button,.settings section:has(#stock-on)>button{background:color-mix(in srgb,var(--surface) 80%,transparent);border-color:color-mix(in srgb,var(--cell-border) 90%,transparent);color:var(--text);box-shadow:none}.settings #save-name{border-color:color-mix(in srgb,var(--accent) 28%,var(--cell-border));background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%);color:var(--text);box-shadow:0 10px 22px -20px color-mix(in srgb,var(--accent) 48%,transparent)}.settings section:has(#board-yes)>button:disabled,.settings section:has(#stock-on)>button:disabled,.settings section:has(#sound-on)>button:disabled:not(#sound-sample){opacity:1;border-color:color-mix(in srgb,var(--accent) 42%,var(--cell-border));background:color-mix(in srgb,var(--surface) 80%,var(--accent) 20%);color:color-mix(in srgb,var(--text) 88%,var(--accent) 12%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.settings #forget.secondary{background:transparent;border-color:color-mix(in srgb,var(--danger) 12%,var(--cell-border));color:color-mix(in srgb,var(--muted) 94%,var(--danger) 6%)}.settings #forget.secondary.armed{background:color-mix(in srgb,var(--surface) 90%,var(--danger) 10%);border-color:color-mix(in srgb,var(--danger) 58%,var(--cell-border));color:var(--danger)}.settings #theme-pick{background:color-mix(in srgb,var(--surface) 62%,transparent);border-color:color-mix(in srgb,var(--cell-border) 88%,transparent);box-shadow:none}.settings #theme-pick .segment.active{background:color-mix(in srgb,var(--surface) 78%,var(--accent) 22%);border-color:color-mix(in srgb,var(--accent) 42%,var(--cell-border));box-shadow:0 8px 18px -16px color-mix(in srgb,var(--accent) 55%,transparent)}.settings>section:nth-of-type(2n+2){padding-right:2px}.settings>section:nth-of-type(2n+3){padding-left:2px}@media(max-width:680px){.settings{display:flex;max-width:520px;gap:0}.settings>section,.settings>.name-kit{padding:17px 0 19px;border-radius:0}.settings>.name-kit{padding-top:10px;border-bottom:1px solid color-mix(in srgb,var(--cell-border) 76%,transparent)}}:root[data-theme=dark] .settings>section{border-color:color-mix(in srgb,var(--cell-border) 82%,transparent);background:transparent;box-shadow:none}:root[data-theme=dark] .settings .name-parts select,:root[data-theme=dark] .settings .name-parts input,:root[data-theme=dark] .settings section:has(#board-yes)>button,:root[data-theme=dark] .settings section:has(#ads-yes)>button,:root[data-theme=dark] .settings section:has(#stock-on)>button,:root[data-theme=dark] .settings #name-shuffle.secondary,:root[data-theme=dark] .settings #install-button.secondary{background:color-mix(in srgb,var(--surface) 86%,transparent)}.feedback{max-width:620px;gap:16px}.feedback>header{align-items:flex-start;gap:18px;margin-bottom:0}.feedback>header h1{margin:0;font-size:clamp(2rem,5vw,2.65rem);line-height:1;letter-spacing:-.04em}.feedback>header .icon{flex:0 0 auto;background:color-mix(in srgb,var(--surface) 56%,transparent);border-color:color-mix(in srgb,var(--accent) 14%,var(--cell-border));box-shadow:0 10px 24px -22px color-mix(in srgb,var(--accent) 54%,transparent)}.feedback>.lead{max-width:48rem;margin:-2px 0 2px;line-height:1.45}.feedback section{gap:7px;padding:0 0 14px;border-bottom:1px solid color-mix(in srgb,var(--cell-border) 58%,transparent)}.feedback section:last-of-type{padding-bottom:4px;border-bottom:0}.feedback label{font-size:.82rem;font-weight:800;letter-spacing:.045em;color:var(--text)}.feedback select,.feedback textarea,.feedback input{border-radius:14px;border-color:color-mix(in srgb,var(--accent) 12%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface) 99%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 80%,transparent);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.feedback textarea{min-height:156px;line-height:1.5}.feedback select:focus,.feedback textarea:focus,.feedback input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 54%,var(--cell-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px color-mix(in srgb,var(--surface) 82%,transparent)}.feedback .fine{max-width:50rem;margin:0;line-height:1.45}.feedback #fb-send.primary{min-height:52px;margin-top:2px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#24b6d2 10%),color-mix(in srgb,var(--accent) 84%,#7557ff 16%));box-shadow:0 16px 30px -22px color-mix(in srgb,var(--accent) 78%,transparent)}.feedback #fb-send.primary:hover,.feedback #fb-send.primary:focus-visible{transform:translateY(-1px);box-shadow:0 20px 34px -22px color-mix(in srgb,var(--accent) 84%,transparent)}.feedback .notice{border-radius:14px}@media(min-width:1020px){body:has(main.feedback) #brand{top:27px;right:calc(50% + 334px)}body:has(main.feedback) #brand .wordmark-svg{width:138px}}@media(min-width:900px)and (max-width:1019px){body:has(main.feedback) #brand{position:static;margin:0 auto;padding:16px 16px 0}body:has(main.feedback) #brand .wordmark-svg{width:132px}.feedback{padding-top:8px}}@media(max-width:620px){.feedback{gap:14px}.feedback>header h1{font-size:2rem}.feedback textarea{min-height:140px}}@media(prefers-reduced-motion:reduce){.feedback select,.feedback textarea,.feedback input,.feedback #fb-send.primary{transition:none}.feedback #fb-send.primary:hover,.feedback #fb-send.primary:focus-visible{transform:none}}:root[data-theme=dark] .feedback select,:root[data-theme=dark] .feedback textarea,:root[data-theme=dark] .feedback input{border-color:color-mix(in srgb,var(--accent) 20%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),color-mix(in srgb,var(--surface) 99%,transparent))}.screen.billard-focus{max-width:none;padding-inline:8px;gap:8px}.billard-focus .task-header,.billard-focus #billard-state,.billard-focus .billard-aid-pick{display:none}body:has(.screen.billard-focus) #brand,body:has(.screen.billard-focus) #legal{display:none}.billard-focus .billard-board,.billard-focus .billard-table-stage{width:min(92%,calc((100dvh - 90px)*2));max-width:1100px;margin:0 auto}.billard-focus .billard-controls,.billard-focus .result-actions{width:min(100%,560px);margin-inline:auto}.billard-focus-toggle{align-self:center}@media(orientation:landscape){.screen.billard-focus{display:grid;grid-template-columns:1fr minmax(150px,210px);grid-template-rows:auto auto auto;align-items:center;align-content:center;column-gap:10px;row-gap:8px}.billard-focus #billard-board{grid-column:1;grid-row:1 / -1}.billard-focus .billard-table-stage{display:contents}.billard-focus .billard-controls{grid-column:2;grid-row:1}.billard-focus .billard-focus-toggle{grid-column:2;grid-row:2}.billard-focus .result-actions{grid-column:2;grid-row:3}.billard-focus .billard-controls,.billard-focus .billard-focus-toggle,.billard-focus .result-actions{width:100%;margin:0}.billard-focus .billard-power{flex-direction:column;align-items:stretch;gap:4px}.billard-focus .result-actions{flex-direction:row;gap:6px}.billard-focus .result-actions>*{flex:1 1 0;min-width:0}}.taktiklauf{max-width:560px}.tl-turn{margin:0;font-weight:700;text-align:center}.tl-board-wrap{width:100%;overflow:hidden}.tl-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:3px}.tl-field{position:relative;min-width:0;min-height:0;border:1px solid var(--cell-border);border-radius:8px;background:var(--surface);display:grid;place-items:center}.tl-field-number{position:absolute;top:3px;left:5px;color:var(--muted);font-size:.68rem;line-height:1}.tl-start{position:absolute;right:4px;bottom:3px;color:var(--muted);font-size:.58rem;line-height:1}.tl-field-pieces{display:grid;place-items:center}.tl-centre{grid-row:2 / 7;grid-column:2 / 7;border:1px solid var(--cell-border);border-radius:12px;background:var(--field-bg);padding:8px;display:grid;gap:8px;align-content:center}.tl-player-area{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center}.tl-player-area h3{grid-column:1 / -1;margin:0;font-size:.86rem}.tl-base,.tl-home{min-width:0}.tl-area-label{display:block;margin-bottom:3px;color:var(--muted);font-size:.68rem}.tl-base-pieces,.tl-home-row{display:flex;gap:4px;align-items:center}.tl-home-row{justify-content:space-between}.tl-home-cell{min-width:46px;min-height:58px;border:1px dashed var(--field-border);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:.68rem}.tl-piece{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:.8rem;font-weight:800}.tl-piece.player-0{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.tl-piece.player-1{background:var(--surface);border:3px solid var(--text);color:var(--text)}span.tl-piece{display:inline-grid;place-items:center;cursor:default}.tl-piece:disabled{cursor:default;opacity:1}.tl-piece.dimmed{opacity:.4}.tl-piece.selectable{outline:3px solid var(--turn);outline-offset:2px}.tl-player-status{display:grid;gap:6px}.tl-player-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--cell-border);border-radius:10px}.tl-player-line.current{border-color:var(--turn)}.tl-player-line>span{display:flex;gap:4px}.tl-mini-card{min-width:24px;padding:2px 5px;border:1px solid var(--cell-border);border-radius:5px;text-align:center;font-variant-numeric:tabular-nums}.tl-mini-card.used{color:color-mix(in srgb,var(--muted) 80%,var(--text));text-decoration:line-through;text-decoration-thickness:2px;background:color-mix(in srgb,var(--muted) 22%,var(--field-bg));border-color:transparent;font-weight:400}.tl-actions{display:grid;gap:10px}.tl-actions h2{margin:0;font-size:1rem}.tl-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tl-card{min-width:0;padding:10px 0;font-weight:800}.tl-card.selected{border-color:var(--turn);outline:2px solid var(--turn);outline-offset:1px}.tl-card:disabled{cursor:default;color:var(--muted);background:var(--field-bg);border-style:dashed}.tl-card.used{color:color-mix(in srgb,var(--muted) 80%,var(--text));text-decoration:line-through;text-decoration-thickness:2px;background:color-mix(in srgb,var(--muted) 22%,var(--field-bg));border-color:transparent;border-style:solid;font-weight:400}.tl-mini-card:not(.used){color:var(--text);font-weight:600}#tl-choice{margin:0;min-height:2.4em}@media(min-width:940px){body:has(main.taktiklauf) #brand{right:calc(50% + 304px)}}@media(min-width:900px)and (max-width:939px){body:has(main.taktiklauf) #brand{position:static;margin:0 auto;padding:16px 16px 0}}.tl-setup{display:grid;gap:8px}.tl-setup h2{margin:8px 0 0;font-size:.95rem}.tl-match{margin:0;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.tl-computer{margin:0;text-align:center}.tl-field.tl-moved{background:var(--accent-soft)}.tl-field.tl-entry{border-width:2px;border-style:dashed}.tl-field.tl-exit{border-width:3px;border-style:solid}.tl-field.tl-entry.player-0,.tl-field.tl-exit.player-0{border-color:var(--accent)}.tl-field.tl-entry.player-1,.tl-field.tl-exit.player-1{border-color:var(--text)}.tl-exit-mark{position:absolute;right:4px;bottom:2px;font-size:.75rem;font-weight:700;line-height:1}.tl-entry.player-0 .tl-start{color:var(--accent)}.tl-entry.player-1 .tl-start{color:var(--text)}.tl-exit.player-0 .tl-exit-mark{color:var(--accent)}.tl-exit.player-1 .tl-exit-mark{color:var(--text)}.tl-player-area.player-0 .tl-home-cell{border-color:var(--accent)}.tl-player-area.player-1 .tl-home-cell{border-color:var(--text)}.tl-target{border-color:var(--turn);box-shadow:inset 0 0 0 3px var(--turn)}.tl-piece.chosen{outline:3px solid var(--turn);outline-offset:2px;box-shadow:0 0 0 5px var(--accent-soft)}.tl-piece.doomed{outline:3px dashed var(--danger);outline-offset:2px}.tl-commit{display:grid;gap:8px}.tl-give-up{display:grid;gap:8px;justify-items:start}.tl-resign-ask:not([hidden]){display:grid;gap:8px;justify-items:start;padding:10px 12px;border:1px solid var(--danger);border-radius:10px}@media(max-width:559px){.tl-board{gap:2px;aspect-ratio:auto;grid-template-rows:none}.tl-field{aspect-ratio:1}.tl-centre{grid-row:8;grid-column:1 / -1;margin-top:3px;padding:8px;gap:8px}.tl-player-area{grid-template-columns:auto 1fr;gap:4px 10px}.tl-piece{width:40px;height:40px;min-width:40px;min-height:40px}.tl-home-cell{min-width:40px;min-height:52px}}.taktiklauf{--tl-board-edge: color-mix(in srgb, var(--text) 14%, var(--cell-border));--tl-board-bed: color-mix(in srgb, var(--field-bg) 88%, var(--bg));--tl-player-two: color-mix(in srgb, var(--text) 82%, var(--muted));max-width:700px;gap:14px}.taktiklauf .task-header{margin-bottom:0}.taktiklauf .task-header h1{letter-spacing:-.035em}.tl-game,.tl-setup-screen{animation:tl-screen-in .42s cubic-bezier(.22,1,.36,1) both}.tl-game-status{position:relative;display:grid;gap:3px;padding:12px 52px;overflow:hidden;border:1px solid color-mix(in srgb,var(--turn) 34%,var(--cell-border));border-radius:16px;background:color-mix(in srgb,var(--turn) 7%,var(--surface));box-shadow:0 10px 28px color-mix(in srgb,var(--text) 7%,transparent);animation:tl-status-in .48s 80ms cubic-bezier(.22,1,.36,1) both}.tl-game-status:before{content:"";position:absolute;top:50%;left:20px;width:11px;height:11px;border-radius:50%;background:var(--turn);box-shadow:0 0 0 6px color-mix(in srgb,var(--turn) 14%,transparent);transform:translateY(-50%);animation:tl-turn-breathe 2.2s ease-in-out infinite}.tl-game.is-finished .tl-game-status{border-color:color-mix(in srgb,var(--warm) 45%,var(--cell-border));background:color-mix(in srgb,var(--warm) 8%,var(--surface))}.tl-game.is-finished .tl-game-status:before{background:var(--warm);box-shadow:0 0 0 6px color-mix(in srgb,var(--warm) 14%,transparent);animation:none}.tl-turn{font-size:1.05rem;letter-spacing:-.01em}.tl-match,.tl-computer{font-size:.86rem}.tl-board-wrap{padding:10px;overflow:visible;border:1px solid var(--tl-board-edge);border-radius:24px;background:var(--tl-board-bed);box-shadow:0 22px 50px color-mix(in srgb,var(--text) 13%,transparent),inset 0 1px color-mix(in srgb,var(--surface) 70%,transparent);animation:tl-board-rise .62s .12s cubic-bezier(.16,1,.3,1) both}.tl-board{gap:5px}.tl-field{overflow:hidden;border-color:color-mix(in srgb,var(--cell-border) 82%,var(--text));border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,var(--field-bg));box-shadow:0 2px color-mix(in srgb,var(--text) 9%,transparent),inset 0 1px color-mix(in srgb,white 25%,transparent);isolation:isolate;animation:tl-field-enter .36s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.13s + var(--tl-index) * 12ms);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.tl-field:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 20%,color-mix(in srgb,white 26%,transparent) 48%,transparent 72%);opacity:0;transform:translate(-110%)}.tl-field.tl-moved:after{animation:tl-field-sheen .9s .18s ease-out both}.tl-field-number{top:6px;left:7px;font-size:.7rem;font-weight:650;font-variant-numeric:tabular-nums;opacity:.72}.tl-start{right:6px;bottom:5px;max-width:calc(100% - 10px);overflow:hidden;font-size:.62rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.tl-centre{padding:14px;gap:12px;border:1px solid color-mix(in srgb,var(--cell-border) 72%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 68%,transparent),transparent 55%),var(--field-bg);box-shadow:inset 0 0 34px color-mix(in srgb,var(--text) 5%,transparent)}.tl-player-area{position:relative;gap:8px 12px;padding:10px;border:1px solid var(--cell-border);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.tl-player-area:before{content:"";position:absolute;top:10px;left:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.tl-player-area.player-1:before{background:var(--tl-player-two)}.tl-player-area h3{padding-left:14px;font-size:.9rem;letter-spacing:-.01em}.tl-area-label{margin-bottom:5px;font-size:.7rem;font-weight:650;letter-spacing:.055em;text-transform:uppercase}.tl-base-pieces,.tl-home-row{gap:6px}.tl-home-cell{position:relative;min-width:48px;min-height:60px;overflow:hidden;border-radius:11px;background:color-mix(in srgb,var(--field-bg) 72%,transparent);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.tl-home-cell>span:first-child{position:absolute;top:4px;left:6px;font-weight:650;opacity:.72}.tl-piece{position:relative;border-width:0;box-shadow:0 5px 10px color-mix(in srgb,var(--text) 18%,transparent),inset 0 0 0 3px color-mix(in srgb,white 23%,transparent),inset 0 -5px 8px color-mix(in srgb,black 18%,transparent);font-size:.82rem;font-variant-numeric:tabular-nums;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease,outline-color .18s ease}.tl-piece.player-0{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 76%,white),var(--accent))}.tl-piece.player-1{border:0;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 84%,white),color-mix(in srgb,var(--surface) 78%,var(--muted)));color:var(--text);box-shadow:0 5px 10px color-mix(in srgb,var(--text) 20%,transparent),inset 0 0 0 3px var(--tl-player-two),inset 0 -5px 8px color-mix(in srgb,var(--text) 12%,transparent)}button.tl-piece:hover:not(:disabled){transform:translateY(-3px) scale(1.04)}.tl-piece.arrived{animation:tl-piece-arrive .62s cubic-bezier(.16,1.4,.3,1) both}.tl-piece.dimmed{opacity:.28;filter:saturate(.45);transform:scale(.9)}.tl-piece.threatened{position:relative}.tl-piece.threatened:after{content:"";position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;background:var(--danger);border:2px solid var(--surface);box-sizing:border-box}.tl-piece.selectable{outline-width:2px;outline-offset:3px;animation:tl-piece-ready 1.7s ease-in-out infinite}.tl-piece.chosen{transform:translateY(-4px) scale(1.08);box-shadow:0 10px 20px color-mix(in srgb,var(--turn) 24%,transparent),0 0 0 6px color-mix(in srgb,var(--turn) 13%,transparent);animation:none}.tl-piece.doomed{animation:tl-doomed .76s ease-in-out infinite}.tl-target{transform:translateY(-2px);box-shadow:inset 0 0 0 3px var(--turn),0 0 0 4px color-mix(in srgb,var(--turn) 13%,transparent),0 9px 20px color-mix(in srgb,var(--turn) 18%,transparent);animation:tl-target-pulse 1.35s ease-in-out infinite}.tl-field.tl-moved{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}.tl-player-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl-player-line{position:relative;min-width:0;padding:12px 13px;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,var(--field-bg));box-shadow:0 6px 18px color-mix(in srgb,var(--text) 5%,transparent);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.tl-player-line.current{border-color:color-mix(in srgb,var(--turn) 70%,var(--cell-border));box-shadow:inset 3px 0 0 var(--turn),0 8px 22px color-mix(in srgb,var(--turn) 10%,transparent);transform:translateY(-1px)}.tl-player-line>span{min-width:0;gap:3px}.tl-mini-card{min-width:25px;padding:3px 5px;border-radius:7px;background:var(--surface)}.tl-actions{gap:12px;padding:15px;border:1px solid var(--cell-border);border-radius:18px;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,var(--text) 7%,transparent);animation:tl-actions-in .52s .24s cubic-bezier(.22,1,.36,1) both}.tl-actions h2{font-size:.9rem;letter-spacing:.045em;text-transform:uppercase}.tl-cards{gap:8px}.tl-card{position:relative;min-height:50px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,var(--surface),var(--field-bg));box-shadow:0 4px 10px color-mix(in srgb,var(--text) 8%,transparent);font-size:1.05rem;font-variant-numeric:tabular-nums;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.tl-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.tl-card.selected{border-color:var(--turn);outline:0;background:color-mix(in srgb,var(--turn) 12%,var(--surface));box-shadow:inset 0 -3px 0 var(--turn),0 8px 20px color-mix(in srgb,var(--turn) 18%,transparent);transform:translateY(-3px);animation:tl-card-pick .28s cubic-bezier(.16,1.25,.3,1)}.tl-card:disabled{box-shadow:none}#tl-choice{display:flex;align-items:center;min-height:2.7em;padding:8px 10px;border-radius:10px;background:var(--field-bg);transition:color .18s ease,background-color .18s ease}.tl-commit>:not([hidden]),.tl-resign-ask:not([hidden]){animation:tl-action-reveal .26s cubic-bezier(.22,1,.36,1) both}.tl-give-up{padding-top:2px;border-top:1px solid var(--cell-border)}.tl-resign-ask:not([hidden]){width:100%;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;border-radius:12px;background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.tl-setup-screen{max-width:640px}.tl-intro{max-width:34rem;margin:-4px 0 2px;font-size:1rem}.tl-setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:18px;border:1px solid var(--cell-border);border-radius:20px;background:var(--surface);box-shadow:0 16px 40px color-mix(in srgb,var(--text) 8%,transparent);animation:tl-board-rise .54s 80ms cubic-bezier(.16,1,.3,1) both}.tl-setup>h2,.tl-setup>.segmented,.tl-setup>.muted,.tl-setup>div{grid-column:1 / -1}.tl-setup h2{margin:8px 0 -2px;color:var(--muted);font-size:.8rem;font-weight:750;letter-spacing:.065em;text-transform:uppercase}.tl-setup .segmented{padding:4px;border:1px solid var(--cell-border);border-radius:14px;background:var(--field-bg)}.tl-setup .segment{min-height:46px;border-radius:10px;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.tl-setup .segment.active{box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 17%,transparent);transform:translateY(-1px)}#tl-level-block:not([hidden]){display:grid;gap:8px;animation:tl-action-reveal .3s cubic-bezier(.22,1,.36,1) both}.tl-start-action{display:flex;justify-content:flex-end}.tl-start-action #tl-start{min-width:min(100%,240px);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .17s ease,box-shadow .17s ease}.tl-start-action #tl-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 28px color-mix(in srgb,var(--accent) 30%,transparent)}@keyframes tl-screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-status-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-board-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tl-field-enter{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes tl-field-sheen{0%{opacity:0;transform:translate(-110%)}35%{opacity:1}to{opacity:0;transform:translate(110%)}}@keyframes tl-turn-breathe{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.18)}}@keyframes tl-piece-ready{0%,to{outline-color:var(--turn)}50%{outline-color:color-mix(in srgb,var(--turn) 34%,transparent)}}@keyframes tl-piece-arrive{0%{opacity:.25;transform:translateY(-18px) scale(.72)}62%{opacity:1;transform:translateY(2px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tl-target-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes tl-doomed{0%,to{transform:translate(0)}35%{transform:translate(-2px) rotate(-2deg)}70%{transform:translate(2px) rotate(2deg)}}@keyframes tl-actions-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-card-pick{0%{transform:translateY(0) scale(1)}58%{transform:translateY(-4px) scale(1.06)}to{transform:translateY(-3px) scale(1)}}@keyframes tl-action-reveal{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1100px){body:has(main.taktiklauf) #brand{right:calc(50% + 374px)}}@media(min-width:900px)and (max-width:1099px){body:has(main.taktiklauf) #brand{position:static;margin:0 auto;padding:16px 16px 0}}@media(max-width:699px){.taktiklauf{max-width:560px}.tl-player-status{grid-template-columns:1fr;gap:7px}}@media(max-width:559px){.taktiklauf{gap:11px}.tl-game-status{padding:11px 14px 11px 42px;border-radius:14px}.tl-game-status:before{left:16px}.tl-board-wrap{padding:6px;border-radius:18px}.tl-board{gap:3px}.tl-field{border-radius:8px}.tl-field-number{top:4px;left:5px;font-size:.62rem}.tl-centre{margin-top:5px;padding:8px;gap:8px;border-radius:13px}.tl-player-area{padding:8px;gap:5px 8px;border-radius:11px}.tl-home-cell{min-width:40px;min-height:52px}.tl-actions{padding:12px;border-radius:15px}.tl-cards{gap:5px}.tl-card{min-height:46px;border-radius:10px}.tl-resign-ask:not([hidden]){grid-template-columns:1fr}.tl-setup{padding:14px;border-radius:16px}.tl-start-action #tl-start{width:100%}}@media(prefers-reduced-motion:reduce){.tl-game,.tl-setup-screen,.tl-game-status,.tl-board-wrap,.tl-field,.tl-field.tl-moved:after,.tl-piece,.tl-piece.arrived,.tl-piece.selectable,.tl-piece.doomed,.tl-target,.tl-actions,.tl-card,.tl-commit>:not([hidden]),.tl-resign-ask:not([hidden]),#tl-level-block:not([hidden]){animation:none!important;scroll-behavior:auto}.tl-piece,.tl-card,.tl-field,.tl-home-cell,.tl-player-line,.tl-setup .segment{transition-duration:.01ms}}.taktiklauf{--tl-mat: #171d42;--tl-mat-deep: #10152f;--tl-mat-line: rgb(188 205 255 / .22);--tl-tile: #f2f5ff;--tl-tile-alt: #e4ebff;--tl-tile-ink: #4c587b;--tl-p1: #4968ed;--tl-p1-hi: #7c9aff;--tl-p2: #e7776f;--tl-p2-hi: #ffad83;--tl-gold: #f2c66d;--tl-status-ink: #f7f9ff;max-width:720px;gap:16px}.taktiklauf .task-header h1{letter-spacing:-.045em}.taktiklauf .tl-game-status{border-color:color-mix(in srgb,var(--turn) 60%,var(--tl-mat-line));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tl-p1-hi) 22%,transparent),transparent 42%),linear-gradient(135deg,var(--tl-mat),var(--tl-mat-deep));color:var(--tl-status-ink);box-shadow:0 16px 34px #10152f38,inset 0 1px #ffffff1f}.taktiklauf .tl-game-status .tl-match,.taktiklauf .tl-game-status .tl-computer{color:#f7f9ffb8}.taktiklauf .tl-board-wrap{padding:14px;border:1px solid var(--tl-mat-line);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgb(91 126 255 / .27),transparent 34%),radial-gradient(circle at 88% 100%,rgb(241 119 132 / .23),transparent 36%),linear-gradient(145deg,var(--tl-mat),var(--tl-mat-deep));box-shadow:0 26px 60px #10152f47,inset 0 1px #ffffff24,inset 0 -1px #0000003d}.taktiklauf .tl-board{gap:6px}.taktiklauf .tl-field{border-color:color-mix(in srgb,var(--tl-tile-ink) 22%,var(--tl-tile));border-radius:12px;background:linear-gradient(145deg,#fffffff5,#e8eefff5);color:var(--tl-tile-ink);box-shadow:0 3px #080e2a2e,0 7px 14px #080e2a1a,inset 0 1px #ffffffeb}.taktiklauf .tl-field:nth-child(2n){background:linear-gradient(145deg,#f1f5fffa,#d8e2fffa)}.taktiklauf .tl-field-number{color:var(--tl-tile-ink);opacity:.78}.taktiklauf .tl-start{color:color-mix(in srgb,var(--tl-tile-ink) 86%,var(--tl-p1))}.taktiklauf .tl-field[data-field="0"],.taktiklauf .tl-field[data-field="6"],.taktiklauf .tl-field[data-field="12"],.taktiklauf .tl-field[data-field="18"]{border-color:color-mix(in srgb,var(--tl-gold) 65%,var(--tl-tile));background:linear-gradient(145deg,#fff7dafa,#f6de9dfa);box-shadow:0 3px #5b3e0e42,0 8px 16px #5b3e0e1f,inset 0 1px #ffffffd6}.taktiklauf .tl-field.tl-entry.player-0,.taktiklauf .tl-field.tl-exit.player-0{border-color:var(--tl-p1);background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p1-hi) 28%,white),var(--tl-tile))}.taktiklauf .tl-field.tl-entry.player-1,.taktiklauf .tl-field.tl-exit.player-1{border-color:var(--tl-p2);background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p2-hi) 28%,white),var(--tl-tile))}.taktiklauf .tl-field.tl-exit{box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 12%,transparent),0 3px #080e2a2e,0 7px 14px #080e2a1a}.taktiklauf .tl-field.tl-moved{background:linear-gradient(145deg,#fff9e0fa,#f6da91f2);border-color:color-mix(in srgb,var(--tl-gold) 70%,var(--tl-tile))}.taktiklauf .tl-centre{position:relative;isolation:isolate;padding:16px;gap:13px;border-color:#ffffff94;border-radius:20px;background:linear-gradient(135deg,#ffffffed,#e6edffe0);box-shadow:0 12px 24px #080e2a24,inset 0 1px #fffffff0,inset 0 0 28px #4968ed1a}.taktiklauf .tl-centre:before{content:"";position:absolute;inset:18% 24%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgb(73 104 237 / .1),transparent 68%);pointer-events:none}.taktiklauf .tl-player-area{--tl-lane: var(--tl-p1);border-color:color-mix(in srgb,var(--tl-lane) 38%,var(--cell-border));border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb,var(--tl-lane) 10%,white),#ffffffc7);box-shadow:0 7px 16px color-mix(in srgb,var(--tl-lane) 13%,transparent),inset 0 1px #ffffffdb}.taktiklauf .tl-player-area.player-1{--tl-lane: var(--tl-p2)}.taktiklauf .tl-player-area:before{background:var(--tl-lane);box-shadow:0 0 0 5px color-mix(in srgb,var(--tl-lane) 15%,transparent)}.taktiklauf .tl-player-area h3,.taktiklauf .tl-area-label{color:color-mix(in srgb,var(--tl-lane) 70%,var(--text))}.taktiklauf .tl-base,.taktiklauf .tl-home{border-color:color-mix(in srgb,var(--tl-lane) 34%,var(--cell-border))}.taktiklauf .tl-base{background:color-mix(in srgb,var(--tl-lane) 9%,var(--field-bg))}.taktiklauf .tl-home-row{border-color:color-mix(in srgb,var(--tl-lane) 40%,var(--cell-border));background:color-mix(in srgb,var(--tl-lane) 7%,var(--field-bg));box-shadow:inset 3px 0 color-mix(in srgb,var(--tl-lane) 70%,transparent)}.taktiklauf .tl-home-cell,.taktiklauf .tl-player-area.player-0 .tl-home-cell,.taktiklauf .tl-player-area.player-1 .tl-home-cell{border-color:color-mix(in srgb,var(--tl-lane) 58%,var(--cell-border));background:color-mix(in srgb,var(--tl-lane) 8%,white);box-shadow:inset 0 1px #ffffffc7}.taktiklauf .tl-home-cell+.tl-home-cell:before{background:color-mix(in srgb,var(--tl-lane) 62%,var(--cell-border))}.taktiklauf .tl-piece{box-shadow:0 7px 12px #080e2a38,inset 0 0 0 3px #ffffff45,inset 0 -6px 9px #080e2a33}.taktiklauf .tl-piece.player-0{background:linear-gradient(145deg,var(--tl-p1-hi),var(--tl-p1));color:#fff}.taktiklauf .tl-piece.player-1{background:linear-gradient(145deg,var(--tl-p2-hi),var(--tl-p2));color:#fff;box-shadow:0 7px 12px #6a2b323d,inset 0 0 0 3px #ffffff4d,inset 0 -6px 9px #6a2b3233}.taktiklauf .tl-piece.selectable{outline-color:var(--tl-gold);box-shadow:0 0 0 5px #f2c66d2e,0 9px 16px #080e2a38,inset 0 0 0 3px #ffffff4d}.taktiklauf .tl-piece.chosen{box-shadow:0 0 0 6px #f2c66d38,0 12px 22px #080e2a40,inset 0 0 0 3px #ffffff57}.taktiklauf .tl-target{border-color:var(--tl-gold);box-shadow:inset 0 0 0 3px var(--tl-gold),0 0 0 4px #f2c66d2e,0 9px 20px #5b3e0e29}.taktiklauf .tl-player-status{gap:10px}.taktiklauf .tl-player-line{--tl-lane: var(--tl-p1);border-color:color-mix(in srgb,var(--tl-lane) 35%,var(--cell-border));border-radius:15px;background:color-mix(in srgb,var(--tl-lane) 7%,var(--surface));box-shadow:0 8px 20px color-mix(in srgb,var(--tl-lane) 10%,transparent)}.taktiklauf .tl-player-line:nth-child(2){--tl-lane: var(--tl-p2)}.taktiklauf .tl-player-line.current{border-color:var(--tl-lane);box-shadow:inset 4px 0 0 var(--tl-lane),0 10px 24px color-mix(in srgb,var(--tl-lane) 18%,transparent)}.taktiklauf .tl-player-line strong{color:color-mix(in srgb,var(--tl-lane) 72%,var(--text))}.taktiklauf .tl-mini-card{border-color:color-mix(in srgb,var(--tl-lane) 30%,var(--cell-border));background:color-mix(in srgb,var(--tl-lane) 8%,var(--surface))}.taktiklauf .tl-mini-card.used{background:color-mix(in srgb,var(--muted) 16%,var(--field-bg))}.taktiklauf .tl-direct-controls{border-color:color-mix(in srgb,var(--tl-gold) 30%,var(--cell-border));border-radius:16px;background:linear-gradient(135deg,#fffffff0,#ebf0ffe0);box-shadow:0 12px 26px #080e2a1f,inset 0 1px #ffffffe6}.taktiklauf .tl-choice,.taktiklauf #tl-choice{background:#ffffff94}.taktiklauf .tl-burn-row{border-color:color-mix(in srgb,var(--tl-gold) 28%,var(--cell-border))}.taktiklauf .tl-burn-value:hover:not(:disabled),.taktiklauf .tl-burn-value:focus-visible{border-color:var(--tl-gold);color:var(--text);background:color-mix(in srgb,var(--tl-gold) 18%,var(--surface))}.taktiklauf .tl-setup{border-color:var(--tl-mat-line);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgb(241 119 132 / .14),transparent 34%),linear-gradient(145deg,var(--tl-mat),var(--tl-mat-deep));box-shadow:0 22px 48px #10152f38,inset 0 1px #ffffff1f}.taktiklauf .tl-setup h2{color:#f7f9ffb8}.taktiklauf .tl-setup .segmented{border-color:#bccdff40;background:#090d2347}.taktiklauf .tl-setup .segment{color:#f7f9ffc2}.taktiklauf .tl-setup .segment.active{color:#fff;background:linear-gradient(135deg,var(--tl-p1),#3349ae);box-shadow:0 8px 18px #4968ed47,inset 0 1px #ffffff38}.taktiklauf .tl-intro,.taktiklauf .tl-setup .muted{color:var(--muted)}@media(max-width:559px){.taktiklauf .tl-board-wrap{padding:8px;border-radius:21px}.taktiklauf .tl-centre{padding:10px;gap:9px;border-radius:15px}.taktiklauf .tl-player-area{border-radius:12px}}@media(prefers-reduced-motion:reduce){.taktiklauf .tl-field,.taktiklauf .tl-piece,.taktiklauf .tl-player-line,.taktiklauf .tl-direct-controls{transition:none}}.taktiklauf{--tl-mat: #dce6f8;--tl-mat-deep: #c7d5f0;--tl-mat-line: rgb(58 82 160 / .22);--tl-tile: #ffffff;--tl-tile-alt: #edf2ff;--tl-tile-ink: #435174;--tl-p1: #4968ed;--tl-p1-hi: #7898ff;--tl-p2: #d86463;--tl-p2-hi: #f49a80;--tl-gold: #9d6c13;--tl-status-ink: var(--text)}.taktiklauf .tl-game-status{border-color:color-mix(in srgb,var(--turn) 42%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tl-p1-hi) 18%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--tl-mat) 6%),var(--surface));color:var(--tl-status-ink);box-shadow:0 16px 34px color-mix(in srgb,var(--text) 12%,transparent),inset 0 1px color-mix(in srgb,white 82%,transparent)}.taktiklauf .tl-game-status .tl-match,.taktiklauf .tl-game-status .tl-computer{color:var(--muted)}.taktiklauf .tl-game.is-finished .tl-game-status{border-color:color-mix(in srgb,var(--warm) 52%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--warm) 18%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 90%,var(--warm) 10%);color:var(--text)}.taktiklauf .tl-game.is-finished .tl-game-status .tl-match,.taktiklauf .tl-game.is-finished .tl-game-status .tl-computer{color:var(--muted)}.taktiklauf .tl-board-wrap{border-color:var(--tl-mat-line);background:radial-gradient(circle at 12% 0%,rgb(91 126 255 / .14),transparent 34%),radial-gradient(circle at 88% 100%,rgb(241 119 132 / .12),transparent 36%),linear-gradient(145deg,var(--tl-mat),var(--tl-mat-deep));box-shadow:0 26px 60px color-mix(in srgb,var(--text) 16%,transparent),inset 0 1px color-mix(in srgb,white 70%,transparent),inset 0 -1px color-mix(in srgb,var(--text) 9%,transparent)}.taktiklauf .tl-field{background:linear-gradient(145deg,color-mix(in srgb,var(--tl-tile) 96%,white 4%),var(--tl-tile-alt));color:var(--tl-tile-ink);box-shadow:0 3px color-mix(in srgb,var(--text) 12%,transparent),0 7px 14px color-mix(in srgb,var(--text) 8%,transparent),inset 0 1px color-mix(in srgb,white 86%,transparent)}.taktiklauf .tl-field:nth-child(2n){background:linear-gradient(145deg,color-mix(in srgb,var(--tl-tile) 90%,var(--tl-tile-alt)),color-mix(in srgb,var(--tl-tile-alt) 90%,var(--tl-tile)))}.taktiklauf .tl-field.tl-entry.player-0,.taktiklauf .tl-field.tl-exit.player-0{background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p1-hi) 28%,var(--tl-tile)),var(--tl-tile))}.taktiklauf .tl-field.tl-entry.player-1,.taktiklauf .tl-field.tl-exit.player-1{background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p2-hi) 28%,var(--tl-tile)),var(--tl-tile))}.taktiklauf .tl-centre{border-color:color-mix(in srgb,var(--cell-border) 76%,var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,transparent),transparent 55%),var(--field-bg);box-shadow:0 12px 24px color-mix(in srgb,var(--text) 11%,transparent),inset 0 1px color-mix(in srgb,white 76%,transparent),inset 0 0 28px color-mix(in srgb,var(--accent) 8%,transparent)}.taktiklauf .tl-player-area{background:linear-gradient(140deg,color-mix(in srgb,var(--tl-lane) 10%,var(--surface)),color-mix(in srgb,var(--surface) 88%,transparent));box-shadow:0 7px 16px color-mix(in srgb,var(--tl-lane) 13%,transparent),inset 0 1px color-mix(in srgb,white 72%,transparent)}.taktiklauf .tl-home-cell{background:color-mix(in srgb,var(--tl-lane) 8%,var(--surface));box-shadow:inset 0 1px color-mix(in srgb,white 74%,transparent)}.taktiklauf .tl-direct-controls{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--field-bg) 88%,var(--surface)));box-shadow:0 12px 26px color-mix(in srgb,var(--text) 10%,transparent),inset 0 1px color-mix(in srgb,white 82%,transparent)}.taktiklauf .tl-choice,.taktiklauf #tl-choice{background:color-mix(in srgb,var(--surface) 86%,var(--field-bg))}.taktiklauf .tl-setup{border-color:color-mix(in srgb,var(--accent) 18%,var(--cell-border));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tl-p2-hi) 18%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--tl-mat) 4%),var(--surface));box-shadow:0 22px 48px color-mix(in srgb,var(--text) 15%,transparent),inset 0 1px color-mix(in srgb,white 78%,transparent)}.taktiklauf .tl-setup h2{color:var(--muted)}.taktiklauf .tl-setup .segmented{border-color:var(--cell-border);background:var(--field-bg)}.taktiklauf .tl-setup .segment{color:var(--muted)}.taktiklauf .tl-setup .segment.active{color:#fff;background:linear-gradient(135deg,var(--tl-p1),color-mix(in srgb,var(--tl-p1) 74%,var(--accent)))}:root[data-theme=dark] .taktiklauf{--tl-mat: #171d42;--tl-mat-deep: #10152f;--tl-mat-line: rgb(188 205 255 / .22);--tl-tile: #252e50;--tl-tile-alt: #1c2646;--tl-tile-ink: #d7e1fb;--tl-p1: #6684ff;--tl-p1-hi: #9bb4ff;--tl-p2: #ef8a82;--tl-p2-hi: #ffb19d;--tl-gold: #f2c66d;--tl-status-ink: #f7f9ff}:root[data-theme=dark] .taktiklauf .tl-game-status{border-color:color-mix(in srgb,var(--turn) 60%,var(--tl-mat-line));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tl-p1-hi) 22%,transparent),transparent 42%),linear-gradient(135deg,var(--tl-mat),var(--tl-mat-deep));color:var(--tl-status-ink);box-shadow:0 16px 34px #10152f38,inset 0 1px #ffffff1f}:root[data-theme=dark] .taktiklauf .tl-game-status .tl-match,:root[data-theme=dark] .taktiklauf .tl-game-status .tl-computer{color:#f7f9ffb8}:root[data-theme=dark] .taktiklauf .tl-game.is-finished .tl-game-status{border-color:color-mix(in srgb,var(--warm) 52%,var(--tl-mat-line));background:radial-gradient(circle at 100% 0%,rgb(242 163 60 / .18),transparent 46%),linear-gradient(135deg,#3b2f30,#271f2b);color:#f7f9ff}:root[data-theme=dark] .taktiklauf .tl-game.is-finished .tl-game-status .tl-match,:root[data-theme=dark] .taktiklauf .tl-game.is-finished .tl-game-status .tl-computer{color:#f7f9ffc2}:root[data-theme=dark] .taktiklauf .tl-board-wrap{background:radial-gradient(circle at 12% 0%,rgb(91 126 255 / .27),transparent 34%),radial-gradient(circle at 88% 100%,rgb(241 119 132 / .23),transparent 36%),linear-gradient(145deg,var(--tl-mat),var(--tl-mat-deep));box-shadow:0 26px 60px #10152f47,inset 0 1px #ffffff24,inset 0 -1px #0000003d}:root[data-theme=dark] .taktiklauf .tl-field{border-color:color-mix(in srgb,var(--tl-tile-ink) 22%,var(--tl-tile));background:linear-gradient(145deg,var(--tl-tile),var(--tl-tile-alt));color:var(--tl-tile-ink);box-shadow:0 3px #080e2a47,0 7px 14px #080e2a33,inset 0 1px #ffffff21}:root[data-theme=dark] .taktiklauf .tl-field:nth-child(2n){background:linear-gradient(145deg,var(--tl-tile-alt),color-mix(in srgb,var(--tl-tile-alt) 72%,var(--tl-tile)))}:root[data-theme=dark] .taktiklauf .tl-field.tl-entry.player-0,:root[data-theme=dark] .taktiklauf .tl-field.tl-exit.player-0{background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p1-hi) 26%,var(--tl-tile)),var(--tl-tile))}:root[data-theme=dark] .taktiklauf .tl-field.tl-entry.player-1,:root[data-theme=dark] .taktiklauf .tl-field.tl-exit.player-1{background:linear-gradient(145deg,color-mix(in srgb,var(--tl-p2-hi) 25%,var(--tl-tile)),var(--tl-tile))}:root[data-theme=dark] .taktiklauf .tl-centre{border-color:color-mix(in srgb,var(--cell-border) 82%,var(--tl-tile-ink));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 84%,transparent),transparent 55%),var(--field-bg);box-shadow:0 12px 24px #080e2a47,inset 0 1px #ffffff1f,inset 0 0 28px #4968ed1f}:root[data-theme=dark] .taktiklauf .tl-player-area{background:linear-gradient(140deg,color-mix(in srgb,var(--tl-lane) 15%,var(--surface)),color-mix(in srgb,var(--surface) 86%,transparent));box-shadow:0 7px 16px color-mix(in srgb,var(--tl-lane) 18%,transparent),inset 0 1px #ffffff1a}:root[data-theme=dark] .taktiklauf .tl-home-cell{background:color-mix(in srgb,var(--tl-lane) 12%,var(--field-bg));box-shadow:inset 0 1px #ffffff1c}:root[data-theme=dark] .taktiklauf .tl-direct-controls{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--field-bg) 90%,var(--surface)));box-shadow:0 12px 26px #080e2a42,inset 0 1px #ffffff1c}:root[data-theme=dark] .taktiklauf .tl-choice,:root[data-theme=dark] .taktiklauf #tl-choice{background:color-mix(in srgb,var(--surface) 90%,var(--field-bg))}:root[data-theme=dark] .taktiklauf .tl-setup{border-color:var(--tl-mat-line);background:radial-gradient(circle at 100% 0%,rgb(241 119 132 / .14),transparent 34%),linear-gradient(145deg,var(--tl-mat),var(--tl-mat-deep));box-shadow:0 22px 48px #10152f38,inset 0 1px #ffffff1f}:root[data-theme=dark] .taktiklauf .tl-setup h2{color:#f7f9ffd1}:root[data-theme=dark] .taktiklauf .tl-setup .segmented{border-color:#bccdff40;background:#090d2347}:root[data-theme=dark] .taktiklauf .tl-setup .segment{color:#f7f9ffc2}.balance{display:flex;flex-direction:column;gap:14px;width:min(100%,560px);margin-inline:auto}.balance-prompt{margin:0;font-size:1.05rem;font-weight:600;line-height:1.35;text-align:center;text-wrap:balance}.balance-given{display:flex;flex-direction:column;align-items:stretch;gap:6px}.balance-tag{align-self:flex-start;margin:0;padding:2px 8px;border:1px solid var(--field-border);border-radius:6px;background:var(--field-bg);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.balance-scales{display:grid;gap:8px}.balance-scale{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;min-height:64px;padding:8px 14px;border:1px solid var(--field-border);border-radius:12px;background:var(--field-bg)}.balance-side{display:flex;justify-content:center;align-items:center;gap:10px}.balance-operator{display:grid;place-items:center;font-size:1.4rem;font-weight:750;line-height:1;color:var(--muted)}.balance-scale.key{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.balance-scale.key .balance-operator{color:var(--good)}.balance-mark{width:26px;height:26px;flex:none}.balance-answers{display:grid;gap:9px;margin-top:10px}.balance-answer{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;font-size:1rem;text-align:center}.balance-answer[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.balance-answer .balance-mark{width:24px;height:24px}.balance-check{align-self:center;min-width:160px}.balance-outcome{margin:0;min-height:1.4em;font-size:.95rem;font-weight:600;line-height:1.35;text-align:center;text-wrap:balance}.balance-outcome.right{color:var(--good)}.balance-outcome.wrong{color:var(--danger)}@media(max-width:520px){.balance-scale{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);min-height:60px;padding-inline:8px}.balance-side{gap:6px}.balance-mark{width:22px;height:22px}}.persp-board{--persp-cell: 48px;--persp-gap: 4px;--persp-unit: 12px;--persp-thick: 22px;display:flex;flex-direction:column;align-items:center;gap:12px}.persp-task{margin:0;max-width:22rem;text-align:center;text-wrap:balance;font-weight:600}.persp-frame{display:flex;flex-direction:column;align-items:stretch;gap:22px}.persp-given,.persp-answer{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.persp-cards{align-self:stretch;display:grid;grid-template-columns:auto auto;gap:8px;justify-content:center;align-items:start}.persp-card-top{grid-area:1 / 1;justify-self:end}.persp-card-front{grid-area:1 / 2;justify-self:start}.persp-card-side{grid-area:2 / 1 / 3 / 3;justify-self:center}.persp-work{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.persp-model{display:flex;flex-direction:column;align-items:center;gap:8px}.persp-solution{display:flex;flex-direction:column;align-items:center;gap:6px}.persp-solution-grid{display:grid;grid-template-columns:repeat(var(--w),34px);gap:4px}.persp-solution-cell{display:grid;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);background:var(--persp-paper);border:1px solid var(--persp-paper-edge);border-radius:6px}.persp-solution-cell.empty{color:var(--muted);font-weight:400}.persp-primer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.persp-primer-tail{margin:0;max-width:26rem;font-size:.85rem;line-height:1.45;text-wrap:balance}.persp-primer-tail{color:var(--muted)}.persp-primer-views{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.persp-primer-bodies{display:flex;gap:18px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.persp-primer-body{margin:0;text-align:center;line-height:0}.persp-primer-body svg{max-width:100%;max-height:76px;height:auto}.persp-primer-body figcaption{margin-top:4px;font-size:.75rem;line-height:1.2;color:var(--muted);font-variant-numeric:tabular-nums}.persp-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.persp-tag-given{padding:2px 8px;border:1px solid var(--persp-paper-edge);border-radius:6px;background:var(--persp-paper)}.persp-tag-yours{padding:2px 0;font-weight:600;color:var(--text)}.persp-card{display:flex;flex-direction:column;gap:5px;padding:8px;background:var(--persp-paper);border:1px solid var(--persp-paper-edge);border-radius:10px}.persp-caption{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:.68rem;line-height:1.2}.persp-caption b{text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.persp-caption i{font-style:normal;color:var(--muted)}.persp-card.wrong{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.persp-card-front .persp-strip{display:flex;align-items:end;gap:4px}.persp-card-front .persp-run{display:flex;flex-direction:column-reverse;gap:1px;width:var(--persp-thick);min-height:3px}.persp-card-front .persp-slab{display:block;width:100%;height:var(--persp-unit)}.persp-card-side .persp-strip{display:flex;flex-direction:column;gap:4px}.persp-card-side .persp-run{display:flex;gap:1px;height:var(--persp-thick);min-width:3px}.persp-card-side .persp-slab{display:block;height:100%;width:var(--persp-unit)}.persp-slab{background:var(--persp-bar);border-radius:1px}.persp-plan{display:grid;grid-template-columns:repeat(var(--w),18px);gap:3px}.persp-plan-cell{display:block;width:18px;height:18px;border-radius:4px;border:1px dashed var(--field-border);background:transparent}.persp-plan-cell.on{background:var(--persp-bar);border:1px solid var(--persp-edge)}.persp-missing{font-size:.7rem;color:var(--muted);font-style:italic;max-width:5.5rem;text-align:center}.persp-build{display:grid;grid-template-columns:repeat(var(--w),var(--persp-cell));gap:var(--persp-gap)}.persp-cell{min-width:var(--persp-cell);min-height:var(--persp-cell);width:var(--persp-cell);height:var(--persp-cell);padding:0;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;background:var(--cell-free);border:2px solid var(--field-border);border-radius:8px;box-shadow:0 1px 0 var(--persp-paper-edge)}.persp-cell.empty{color:var(--muted);font-weight:400}.persp-build.locked .persp-cell{opacity:.45;cursor:default}.persp-preview{line-height:0}.persp-preview svg{max-width:100%;height:auto}.persp-floor{fill:var(--persp-floor);stroke:var(--cell-border);stroke-width:1}.persp-face{stroke:var(--persp-edge);stroke-width:1;stroke-linejoin:round}.persp-face.top{fill:var(--persp-top)}.persp-face.right{fill:var(--persp-right)}.persp-face.left{fill:var(--persp-left)}.persp-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.persp-bar button:disabled{opacity:.45;cursor:default}.persp-count{min-width:6.5rem;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}.persp-result{min-height:2.5rem;text-align:center}.persp-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0}.persp-check{display:inline-flex;align-items:baseline;gap:4px;font-size:.9rem;color:var(--muted)}.persp-check b{font-size:1.05rem}.persp-check i{font-style:normal}.persp-check.ok{color:var(--good)}.persp-check.no{color:var(--danger)}.persp-verdict{margin:6px 0 0;font-weight:600}.persp-verdict.right{color:var(--good)}.persp-verdict.wrong{color:var(--danger)}:root{--wj-paper: #f6efe1;--wj-paper-deep: #efe4d0;--wj-card: #fffaf0;--wj-ink: #2e2a23;--wj-ink-soft: #6d6455;--wj-line: #d8c9ad;--wj-line-strong: #b49f79;--wj-wood: #8a5f38;--wj-wood-edge: #6d492a;--wj-wood-light: #a97a4d;--wj-green: #2f5d45;--wj-green-deep: #234634;--wj-green-soft: #dfe9e0;--wj-bonus-letter: #cfe0ee;--wj-bonus-letter-line: #93b4cd;--wj-bonus-word: #f2d3d1;--wj-bonus-word-line: #d09e9b;--wj-tile: #fdf6e4;--wj-tile-edge: #c9b48c;--wj-tile-shadow: #b39a6d;--wj-tile-placed: #2f5d45;--wj-tile-placed-ink: #fdf6e4;--wj-bag: #e6dcc4;--wj-bag-line: #b09a71;--wj-cell: #fbf6ea;--wj-glow: color-mix(in srgb, #ffffff 82%, transparent);--wj-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--wj-tile-ink: #2e2a23;--wj-draft-ink: #234634;--wj-turn-card: #2f5d45;--wj-turn-ink: #fdf6e4}:root[data-theme=dark]{--wj-paper: #1d1a16;--wj-paper-deep: #16130f;--wj-card: #262119;--wj-ink: #f0e7d6;--wj-ink-soft: #b3a58c;--wj-line: #443b2c;--wj-line-strong: #6d5e45;--wj-wood: #5a3d23;--wj-wood-edge: #3d2916;--wj-wood-light: #7a5636;--wj-green: #6fae8b;--wj-green-deep: #2c5741;--wj-green-soft: #23352b;--wj-bonus-letter: #2b4356;--wj-bonus-letter-line: #5b8db3;--wj-bonus-word: #4d2f2e;--wj-bonus-word-line: #8a5c59;--wj-tile: #efe2c6;--wj-tile-edge: #a08a61;--wj-tile-shadow: #0e0b07;--wj-tile-placed: #326a4d;--wj-tile-placed-ink: #f6efdd;--wj-bag: #a1885f;--wj-bag-line: #4a3a26;--wj-cell: #221d19;--wj-glow: color-mix(in srgb, #f6e3bd 11%, transparent);--wj-tile-ink: #241e14;--wj-draft-ink: #1f4633;--wj-turn-card: #2c5741;--wj-turn-ink: #f6efdd}body:has(main.screen.wg-screen){background-color:var(--wj-paper);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media(max-width:640px){body:has(main.screen.wg-screen){background-image:linear-gradient(to bottom,color-mix(in srgb,var(--wj-paper) 86%,transparent) 0,color-mix(in srgb,var(--wj-paper) 62%,transparent) 74px,color-mix(in srgb,var(--wj-paper) 28%,transparent) 132px,transparent 220px),url(/wordgame/backgrounds/wordsprig-mobile.webp);background-position:50% 0}}@media(min-width:641px)and (max-width:1099px){body:has(main.screen.wg-screen){background-image:linear-gradient(to bottom,color-mix(in srgb,var(--wj-paper) 86%,transparent) 0,color-mix(in srgb,var(--wj-paper) 62%,transparent) 74px,color-mix(in srgb,var(--wj-paper) 28%,transparent) 132px,transparent 220px),url(/wordgame/backgrounds/wordsprig-tablet.webp);background-position:50% 0}}@media(min-width:1100px){body:has(main.screen.wg-screen){background-image:linear-gradient(to bottom,color-mix(in srgb,var(--wj-paper) 86%,transparent) 0,color-mix(in srgb,var(--wj-paper) 62%,transparent) 74px,color-mix(in srgb,var(--wj-paper) 28%,transparent) 132px,transparent 220px),url(/wordgame/backgrounds/wordsprig-desktop.webp);background-position:50% 20%}}:root[data-theme=dark] body:has(main.screen.wg-screen){background-image:radial-gradient(1100px 620px at 50% -12%,var(--wj-glow),transparent 70%),radial-gradient(620px 520px at 4% 10%,color-mix(in srgb,var(--wj-green) 7%,transparent),transparent 72%),radial-gradient(680px 560px at 98% 88%,color-mix(in srgb,var(--wj-wood) 8%,transparent),transparent 74%),radial-gradient(1500px 1100px at 50% 45%,transparent 52%,color-mix(in srgb,var(--wj-line-strong) 13%,transparent) 100%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--wj-line-strong) 2.2%,transparent) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--wj-line-strong) 2.2%,transparent) 0 1px,transparent 1px 3px);background-size:auto;background-position:0 0}.wg-screen{color:var(--wj-ink);gap:14px;background:radial-gradient(128% 76% at 50% 44%,color-mix(in srgb,var(--wj-paper) 72%,transparent) 0 44%,color-mix(in srgb,var(--wj-paper) 44%,transparent) 70%,transparent 100%)}:root[data-theme=dark] .wg-screen{background:none}.wg-game{max-width:760px}.wg-setup,.wg-handoff,.wg-end{max-width:560px}body:has(main.wg-screen) #brand{display:none}@media(min-width:561px){.wg-screen{overflow-x:clip}}.wg-head{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:12px}.wg-brand{text-align:center}.wg-logo{display:block;margin:0 auto;width:380px;height:auto}:root[data-theme=dark] .wg-name{background:radial-gradient(52% 62% at 50% 48%,color-mix(in srgb,#f6e3bd 58%,transparent) 0,color-mix(in srgb,#f6e3bd 34%,transparent) 52%,color-mix(in srgb,#f6e3bd 12%,transparent) 78%,transparent 100%)}@media(min-width:641px)and (max-width:1099px){.wg-logo{width:300px}}@media(max-width:640px){.wg-logo{width:190px}}.wg-name{margin:0;font-family:var(--wj-serif);font-size:clamp(27px,5.2vw,40px);font-weight:700;letter-spacing:.004em;line-height:1.08;color:var(--wj-green)}:root[data-theme=dark] .wg-name{color:var(--wj-ink)}.wg-brand{min-width:0}.wg-close{position:absolute;top:0;right:0;flex:none;background:var(--wj-card);color:var(--wj-ink-soft);border:1px solid var(--wj-line)}.wg-status{display:flex;flex-direction:column;gap:6px}.wg-players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wg-player{display:flex;flex-direction:column;gap:1px;padding:11px 13px;background:var(--wj-card);border:1px solid color-mix(in srgb,var(--wj-line) 75%,transparent);border-radius:16px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 60%,transparent),0 2px 6px color-mix(in srgb,#000000 10%,transparent)}.wg-player.is-turn{background:linear-gradient(168deg,color-mix(in srgb,#ffffff 10%,var(--wj-turn-card)),var(--wj-turn-card) 62%,color-mix(in srgb,#000000 12%,var(--wj-turn-card)));border-color:var(--wj-green-deep);color:var(--wj-turn-ink);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 22%,transparent),0 2px 8px color-mix(in srgb,#000000 18%,transparent)}.wg-player-name{font-size:13px;font-weight:600;color:var(--wj-ink-soft)}.wg-player.is-turn .wg-player-name{color:color-mix(in srgb,var(--wj-turn-ink) 82%,var(--wj-turn-card))}.wg-player-score{font-family:var(--wj-serif);font-size:29px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.wg-player-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--wj-ink-soft)}.wg-player.is-turn .wg-player-sub{color:color-mix(in srgb,var(--wj-turn-ink) 80%,var(--wj-turn-card))}.wg-turn-dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}.wg-actions{font-variant-numeric:tabular-nums}.wg-cleanup{margin-left:auto}.wg-cleanup.is-used{opacity:.35;text-decoration:line-through}.wg-turn{margin:2px 0 0;font-size:16px;font-weight:700;text-align:center}.wg-round{display:flex;flex-wrap:wrap;gap:2px 8px;justify-content:center;margin:0;font-size:13px;color:var(--wj-ink-soft)}.wg-note{display:flex;align-items:center;justify-content:center;min-height:46px}.wg-note>*{margin:0;width:100%}.wg-note .notice{padding:6px 12px;font-size:13px;line-height:1.35;text-align:center;background:var(--wj-bonus-word);color:var(--wj-ink);border:1px solid var(--wj-bonus-word-line);border-radius:10px}.wg-start-hint{font-weight:600;text-align:center}.wg-end-rule{font-size:13px;text-align:center;color:var(--wj-ink-soft)}.wg-botmove-line,.wg-thinking-line{margin:0;padding:6px 12px;font-weight:600;text-align:center;background:var(--wj-green-soft);border:1px solid var(--wj-line);border-radius:10px}.wg-thinking-line{color:var(--wj-ink-soft)}.wg-thinking .wg-board,.wg-thinking .wg-rack{cursor:default}.wg-centre{display:flex;flex-direction:column;gap:8px;min-width:0}.wg-board{display:grid;grid-template-columns:auto repeat(var(--wg-size, 11),1fr);gap:2px;width:100%;max-width:620px;margin:0 auto;padding:10px;background:linear-gradient(160deg,var(--wj-wood-light),var(--wj-wood) 45%,var(--wj-wood-edge));border:1px solid var(--wj-wood-edge);border-radius:16px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 22%,transparent),0 6px 18px color-mix(in srgb,#000000 18%,transparent);user-select:none;touch-action:manipulation}.wg-axis,.wg-corner{display:flex;align-items:center;justify-content:center;min-width:12px;font-size:clamp(9px,1.1vw,12px);font-weight:600;color:color-mix(in srgb,#ffffff 88%,var(--wj-wood-edge))}.wg-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--wj-cell);border:1px solid color-mix(in srgb,var(--wj-line) 30%,transparent);border-radius:5px}.wg-cell.wg-fixed{background:var(--wj-tile-placed);color:var(--wj-tile-placed-ink);border-color:var(--wj-green-deep);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.wg-cell.wg-draft{background:var(--wj-tile);border:2px dashed var(--wj-draft-ink);color:var(--wj-tile-ink)}.wg-cell.wg-draft .wg-letter{color:var(--wj-draft-ink)}.wg-cell.wg-bonus-letter{background:var(--wj-bonus-letter);border-color:var(--wj-bonus-letter-line);color:color-mix(in srgb,var(--wj-ink) 78%,transparent)}.wg-cell.wg-bonus-word{background:var(--wj-bonus-word);border-color:var(--wj-bonus-word-line);color:color-mix(in srgb,var(--wj-ink) 78%,transparent)}.wg-bonus{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1;font-size:clamp(9px,1.5vw,13px)}.wg-bonus-marks{display:flex;gap:1px}.wg-bonus-marks i{width:clamp(3px,.5vw,5px);height:clamp(3px,.5vw,5px);background:currentColor;border-radius:1px;opacity:.85}.wg-bonus-times{font-size:clamp(8px,1.3vw,12px);font-weight:700;opacity:.8}.wg-cell .wg-letter{font-family:var(--wj-serif);font-size:clamp(14px,4.4vw,27px);font-weight:700;line-height:1}.wg-cell .wg-value{position:absolute;right:2px;bottom:0;font-size:clamp(8px,1.4vw,12px);opacity:.75}.wg-cell.wg-start{background:var(--wj-green-soft);border:2px solid var(--wj-green)}.wg-start-mark{font-size:clamp(12px,3.2vw,22px);line-height:1;color:var(--wj-green)}.wg-cell.wg-lastmove{box-shadow:0 0 0 3px var(--wj-wood-light);z-index:1}.wg-rack-area{padding:8px 12px 12px;background:repeating-linear-gradient(93deg,color-mix(in srgb,#000000 3%,transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(93deg,color-mix(in srgb,#ffffff 2%,transparent) 0 2px,transparent 2px 17px),linear-gradient(168deg,var(--wj-wood-light),var(--wj-wood) 58%,var(--wj-wood-edge));border:1px solid var(--wj-wood-edge);border-radius:16px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 26%,transparent),inset 0 -2px 3px color-mix(in srgb,#000000 22%,transparent),0 4px 10px color-mix(in srgb,#000000 20%,transparent)}.wg-rack-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin-bottom:6px}.wg-rack-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;white-space:nowrap;color:color-mix(in srgb,#ffffff 90%,var(--wj-wood))}.wg-rack{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;padding:6px;background:color-mix(in srgb,var(--wj-wood-edge) 60%,transparent);border-radius:10px;box-shadow:inset 0 2px 4px color-mix(in srgb,#000000 34%,transparent),inset 0 -1px color-mix(in srgb,#ffffff 12%,transparent)}.wg-tile{position:relative;min-width:44px;min-height:44px;padding:6px;font-family:var(--wj-serif);font-weight:700;font-size:21px;color:var(--wj-tile-ink);background:linear-gradient(165deg,#fffdf6,var(--wj-tile));border:1px solid var(--wj-tile-edge);border-radius:8px;box-shadow:inset 0 1px #fff,0 2px 0 var(--wj-tile-shadow),0 3px 6px color-mix(in srgb,#000000 22%,transparent)}.wg-tile .wg-value{position:absolute;right:5px;bottom:3px;font-size:10px;font-weight:700;opacity:.7}.wg-tile.selected{outline:3px solid var(--wj-green);outline-offset:1px;transform:translateY(-4px)}.wg-tile.exchange-selected{outline:3px dashed var(--wj-green);outline-offset:1px}.wg-tile:disabled{cursor:default;opacity:.75}@media(prefers-reduced-motion:reduce){.wg-tile.selected{transform:none}}.wg-bag{display:inline-flex;align-items:center;gap:9px;flex:none;margin:-4px 0 -2px}.wg-bag-svg{width:56px;height:65px;flex:none;filter:drop-shadow(0 3px 3px color-mix(in srgb,#000000 32%,transparent))}.wg-bag-body{fill:var(--wj-bag);stroke:var(--wj-bag-line);stroke-width:2;stroke-linejoin:round}.wg-bag-sheen{stroke:none;pointer-events:none}.wg-bag-neck{fill:color-mix(in srgb,var(--wj-bag) 76%,var(--wj-wood-edge));stroke:var(--wj-bag-line);stroke-width:2;stroke-linejoin:round}.wg-bag-cord{fill:none;stroke:var(--wj-bag-line);stroke-width:2.4;stroke-linecap:round}.wg-bag-fold{fill:none;stroke:var(--wj-bag-line);stroke-width:1.2;stroke-linecap:round;opacity:.42}.wg-bag-text{display:flex;flex-direction:column;line-height:1.05}.wg-bag-count{font-family:var(--wj-serif);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;color:color-mix(in srgb,#ffffff 94%,var(--wj-wood))}.wg-bag-label{font-size:10px;letter-spacing:.04em;color:color-mix(in srgb,#ffffff 90%,var(--wj-wood))}.wg-dock{display:flex;flex-direction:column;gap:8px;bottom:0;z-index:2;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:var(--wj-paper)}.wg-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:0}.wg-screen .primary{background:linear-gradient(172deg,color-mix(in srgb,#ffffff 12%,var(--wj-green)),var(--wj-green) 60%,color-mix(in srgb,#000000 10%,var(--wj-green)));color:var(--wj-tile-placed-ink);border:1px solid var(--wj-green-deep);border-radius:16px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 20%,transparent),0 2px 0 var(--wj-green-deep),0 4px 10px color-mix(in srgb,#000000 22%,transparent)}:root[data-theme=dark] .wg-screen .primary{color:var(--wj-paper-deep)}.wg-screen .secondary{background:var(--wj-card);color:var(--wj-ink-soft);border:1px solid color-mix(in srgb,var(--wj-line-strong) 80%,transparent);border-radius:16px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 55%,transparent)}.wg-minor{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.wg-action{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1 1 30%;min-height:46px;padding:6px 8px;background:color-mix(in srgb,var(--wj-card) 72%,transparent);color:var(--wj-ink-soft);border:1px solid color-mix(in srgb,var(--wj-line) 85%,transparent);border-radius:14px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 55%,transparent)}.wg-action-label{font-size:13px;font-weight:600;line-height:1.15;text-align:center}.wg-action-cost{font-size:10px;line-height:1.15;text-align:center;opacity:.8}.wg-action.armed{color:var(--danger);border-color:var(--danger);font-weight:700}.wg-preview{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;justify-content:center;margin:0;padding:6px 12px;background:var(--wj-green-soft);border:1px solid var(--wj-green);border-radius:10px}.wg-preview-words{font-size:12px;color:var(--wj-ink-soft)}.wg-hint{margin:0;text-align:center;color:var(--wj-ink-soft)}.wg-intro{margin:0;color:var(--wj-ink-soft)}.wg-card{padding:14px 16px 18px;background:var(--wj-card);border:1px solid var(--wj-line);border-radius:16px}.wg-setup-form h2{margin:14px 0 6px;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--wj-ink-soft)}.wg-setup-form h2:first-child{margin-top:0}.wg-screen .segmented{background:var(--wj-paper-deep);border-color:var(--wj-line)}.wg-screen .segment{color:var(--wj-ink-soft);background:transparent}.wg-screen .segment.active{background:var(--wj-card);color:var(--wj-ink);border:1px solid var(--wj-line-strong);box-shadow:0 1px 3px color-mix(in srgb,#000000 16%,transparent)}.wg-screen :focus-visible{outline:2px solid var(--wj-green);outline-offset:2px}.wg-screen .muted{color:var(--wj-ink-soft)}.wg-setup-action{display:flex;justify-content:center;margin-top:4px}.wg-setup-action .primary{min-width:220px}.wx-title{margin:0;font-family:var(--wj-serif);font-size:1.4rem;color:var(--wj-ink)}.wx-rules{margin:0;padding:10px 14px;background:var(--wj-card);border:1px solid var(--wj-line);border-radius:12px;color:var(--wj-ink-soft);line-height:1.5}.wx-rules summary{cursor:pointer;color:var(--wj-ink);font-weight:600}.wx-rules p{margin:8px 0 0}.wx-setup .wg-setup-form h2:first-child{margin-top:0}.wx-game{gap:12px}.wx-scores p{margin:0;color:var(--wj-ink-soft)}.wx-scores p.wx-active{color:var(--wj-ink)}.wx-chain{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none;font-family:var(--wj-serif);font-weight:700;letter-spacing:.04em;color:var(--wj-ink)}.wx-chain li{padding:4px 10px;background:var(--wj-card);border:1px solid var(--wj-line);border-radius:8px}.wx-chain li+li:before{content:"→";margin-right:10px;margin-left:-4px;color:var(--wj-ink-soft);font-weight:400}.wx-ladder li.wx-target{border-style:dashed;color:var(--wj-ink-soft)}.wx-input{display:flex;gap:8px;flex-wrap:wrap}.wx-field{flex:1 1 180px;min-height:44px;padding:10px 12px;font:inherit;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--wj-ink);background:var(--wj-card);border:1px solid var(--wj-line);border-radius:10px}.wx-field:focus-visible{outline:2px solid var(--wj-green);outline-offset:2px}.wx-letters{display:flex;flex-wrap:wrap;gap:6px}.wx-tile{display:inline-flex;align-items:center;justify-content:center;cursor:default}.wx-tile.wx-doubled{outline:3px solid var(--wj-green);outline-offset:1px}.wx-found{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--wj-ink)}.wx-reveal li{color:var(--wj-ink-soft)}.wx-reveal li.wx-mine{color:var(--wj-ink);font-weight:700}.wx-reveal li.wx-common{color:var(--wj-ink)}.wx-ladder-controls{flex-wrap:wrap}.wx-jokers{display:flex;flex-wrap:wrap;gap:8px}.wx-joker{font-size:.9rem}.wx-joker:disabled{opacity:.45;cursor:default}.wx-salad-game,.wx-salad-reveal,.wx-ladder-game,.wx-duel-game,.wx-cat-game{scroll-margin-top:0}.wx-cat-task{display:flex;flex-direction:column;align-items:center;gap:2px;margin:2px 0}.wx-cat-category{margin:0;font-family:var(--wj-serif);font-weight:800;font-size:23px;line-height:1.15;text-align:center;text-transform:uppercase;letter-spacing:.02em;color:var(--wj-ink)}.wx-cat-letter{margin:0;font-size:16px;font-weight:700;text-align:center;color:var(--wj-ink)}.wx-gw-art{display:block;width:min(70vw,200px);margin:4px auto}.wx-gw-preview{display:flex;flex-direction:column;align-items:center;gap:1px;margin:0 0 8px}.wx-gw-art-mini{width:48px;margin:0}.wx-gw-preview-label,.wx-gw-preview-progress{margin:0;text-align:center;color:var(--wj-ink-soft)}.wx-gw-preview-label{font-size:11px}.wx-gw-preview-progress{font-size:10px}.gw-stage{opacity:0;transition:opacity .3s ease}.gw-stage.gw-shown{opacity:1}@media(prefers-reduced-motion:reduce){.gw-stage{transition:none}}.gw-groundline{stroke:var(--wj-line-strong);stroke-width:2;stroke-linecap:round}.gw-shadow{fill:color-mix(in srgb,var(--wj-ink) 12%,transparent)}.gw-pot-body{fill:var(--wj-wood)}.gw-pot-rim{fill:var(--wj-wood-light)}.gw-stem-path{fill:none;stroke:var(--wj-green-deep);stroke-width:5;stroke-linecap:round}.gw-leaf{fill:var(--wj-green)}.gw-face{fill:var(--wj-green-soft);stroke:var(--wj-green-deep);stroke-width:2}.gw-eye{fill:var(--wj-ink)}.gw-mouth{fill:none;stroke:var(--wj-ink);stroke-width:2.5;stroke-linecap:round}.gw-bud{fill:var(--wj-bonus-word);stroke:var(--wj-bonus-word-line);stroke-width:1.5}.gw-bud-leaf,.gw-arm{fill:none;stroke:var(--wj-green);stroke-width:3;stroke-linecap:round}.wx-gw-word{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;padding:0;list-style:none}.wx-gw-cell{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:38px;padding:0 2px;border-bottom:3px solid var(--wj-line-strong);font-family:var(--wj-serif);font-size:1.3rem;font-weight:700;color:var(--wj-ink)}.wx-gw-remaining,.wx-gw-wrong-letters{margin:0;font-size:13px;color:var(--wj-ink-soft);text-align:center}.wx-gw-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.wx-gw-key{padding:0 8px;border:1px solid var(--wj-line);border-radius:8px;background:var(--wj-card);color:var(--wj-ink);font:inherit;font-weight:700}.wx-gw-key-correct{border-color:var(--wj-green-deep);color:var(--wj-green-deep)}.wx-gw-key-wrong{color:var(--wj-ink-soft);text-decoration:line-through}.wx-gw-key:disabled{opacity:.7;cursor:default}.wx-gw-entry-hint{margin-top:4px}.wg-keep{display:flex;flex-direction:column;gap:8px;margin-top:14px}.wg-keep-why,.wg-keep-done{margin:0;font-size:.92rem;line-height:1.45;color:var(--wj-ink-soft)}.wg-keep-go{align-self:stretch}.wg-keep-note{margin:0}.wg-keep-go:disabled{opacity:.45;cursor:default}.wg-keep-stop{align-self:flex-start;font-size:.88rem}.wg-keep-stop:disabled{opacity:.45;cursor:default}.wg-handoff .lead,.wg-handoff .wg-last-move,.wg-end .wg-last-move{margin:0;text-align:center}.wg-handoff .wg-players,.wg-end .wg-players{max-width:420px;margin:0 auto}.wg-scores{margin:0;font-weight:600;text-align:center;color:var(--wj-ink-soft)}.wg-status-line,.wg-last-move{margin:2px 0;text-align:center}.wg-result{margin:0;font-family:var(--wj-serif);font-weight:700;text-align:center;font-size:25px}.wg-history,.wg-debug{margin-top:4px}.wg-history summary,.wg-debug summary{color:color-mix(in srgb,var(--wj-ink-soft) 34%,var(--wj-ink));cursor:pointer}.wg-history ul{padding-left:18px;margin:8px 0;color:var(--wj-ink-soft)}.wg-export{width:100%;margin-top:8px;font-family:ui-monospace,monospace;font-size:11px}.wg-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--wj-paper) 55%,transparent)}.wg-sheet{width:min(100%,440px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px;background:var(--wj-card);border:1px solid var(--wj-line-strong);border-radius:18px;box-shadow:0 12px 32px #00000042}.wg-sheet-move{margin:0 0 2px;font-weight:700}.wg-sheet h2{margin:0 0 4px;font-size:17px}.wg-sheet-note{margin:0 0 10px;font-size:13px}.wg-sheet .wg-rack-area{margin-bottom:12px}.wg-sheet .wg-controls{margin-top:0}.wg-game:has(.wg-overlay) .wg-board{pointer-events:none}.wg-tile[data-drag-tile],.wg-cell[data-drag-tile]{touch-action:none}.wg-drag-ghost{position:fixed;top:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:800;color:var(--wj-tile-ink);background:var(--wj-tile);border:1px solid var(--wj-tile-edge);border-radius:8px;box-shadow:0 8px 18px #00000052;transform:scale(1.08)}.wg-drag-ghost .wg-tile{display:flex;width:100%;height:100%;align-items:center;justify-content:center;box-shadow:none;border:0;background:none}.wg-drag-source{opacity:.35}.wg-board.wg-dragging .wg-cell.wg-drop-ok{background:var(--wj-green-soft);border-color:var(--wj-green)}.wg-board.wg-dragging .wg-cell.wg-drop-no{opacity:.45}.wg-board.wg-dragging .wg-cell.wg-drop-hover{border:2px solid var(--wj-green);box-shadow:inset 0 0 0 2px var(--wj-green)}.wg-rack.wg-drop-hover{outline:2px dashed var(--wj-tile);outline-offset:4px;border-radius:8px}@media(prefers-reduced-motion:reduce){.wg-drag-ghost{transform:none}}@media(max-width:560px){.wg-screen{padding-left:10px;padding-right:10px;gap:10px}.wg-name{font-size:22px}.wg-board{padding:6px;border-radius:12px}.wg-player{padding:8px 10px}.wg-player-score{font-size:24px}.wg-start-hint{font-size:14px}.wg-dock{padding-top:6px}.wg-rack-area{padding:6px 8px 8px}.wg-bag-svg{width:44px;height:51px}.wg-bag-count{font-size:18px}.wg-bag{gap:7px;margin:-7px 0 -6px}.wg-rack{padding:4px}.wg-preview{padding:5px 10px}.wg-game .wg-status{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:8px;row-gap:6px}.wg-game .wg-players{grid-column:1 / -1}.wg-game .wg-player{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:7px 10px}.wg-game .wg-player-score{grid-column:2;grid-row:1 / span 2;font-size:22px}.wg-game .wg-player-sub{grid-column:1}.wg-game .wg-cleanup{margin-left:0}}@media(max-width:560px)and (min-height:620px){.wg-dock{position:sticky}}@media(max-width:560px){.wg-overlay{align-items:flex-end;padding:0}.wg-sheet{width:100%;max-height:72dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-radius:18px 18px 0 0}}@media(min-width:1240px){.wg-game{max-width:min(1132px,100vw - 48px);gap:10px}.wg-play{display:grid;grid-template-columns:215px minmax(0,620px) 215px;gap:16px;align-items:start;justify-content:center}.wg-play .wg-players{grid-template-columns:1fr}.wg-play .wg-status{gap:10px}.wg-play .wg-turn,.wg-play .wg-round{text-align:left;justify-content:flex-start}.wg-play .wg-dock{padding:0;background:none}.wg-play .wg-bag-svg{width:50px;height:58px}.wg-play .wg-minor{flex-direction:column}.wg-play .wg-action{flex:none;width:100%}}.ws-landing{max-width:860px;gap:40px}.ws-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.ws-logo{display:block;width:260px;height:auto}.ws-nav,.ws-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:.95rem}.ws-nav a,.ws-foot a{color:var(--wj-ink-soft);text-decoration:none;border-bottom:1px solid transparent;padding:2px 0}.ws-nav a:hover,.ws-foot a:hover{color:var(--wj-ink);border-bottom-color:var(--wj-line-strong)}.ws-lang{color:var(--wj-green)}.ws-hero{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding:8px 0 4px}.ws-claim{margin:0;font-family:var(--wj-serif);font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.25;color:var(--wj-ink);max-width:16em}.ws-cta{min-height:56px;padding:0 40px;font-size:1.15rem}.ws-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.ws-mode{background:var(--wj-card);border:1px solid var(--wj-line);border-radius:16px;padding:18px 20px;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 42%,transparent)}.ws-mode h2{margin:0 0 8px;font-family:var(--wj-serif);font-size:1.15rem;color:var(--wj-ink)}.ws-mode p{margin:0;color:var(--wj-ink-soft);line-height:1.5}.ws-games{display:flex;flex-direction:column;gap:10px}.ws-games-head{margin:8px 0 0;font-family:var(--wj-serif);font-size:1.35rem;color:var(--wj-ink)}.ws-games-blurb{margin:0}.ws-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.ws-game{display:flex;flex-direction:column;gap:8px}.ws-game h3{margin:0;font-family:var(--wj-serif);font-size:1.15rem;color:var(--wj-ink)}.ws-game p{flex:1}.ws-game-go{align-self:flex-start;margin-top:6px}.ws-facts ul{margin:0 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 24px;color:var(--wj-ink)}.ws-facts li{position:relative;padding-left:18px;line-height:1.5}.ws-facts li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--wj-green)}.ws-facts a{color:var(--wj-green)}.ws-foot{margin-top:auto;padding-top:20px;border-top:1px solid var(--wj-line);color:var(--wj-ink-soft)}.ws-by{margin-left:auto;font-size:.85rem;opacity:.7}.ws-music-toggle,.ws-music-credits-link{color:var(--wj-ink-soft);background:none;border:none;border-bottom:1px solid transparent;border-radius:0;padding:2px 0;font:inherit;font-size:.95rem}.ws-music-toggle:hover,.ws-music-credits-link:hover{color:var(--wj-ink);border-bottom-color:var(--wj-line-strong)}.ws-music-toggle[aria-pressed=true]{color:var(--wj-green)}.ws-credits-screen{align-items:stretch;text-align:left}.ws-credits-title{margin:8px 0 4px;font-family:var(--wj-serif);text-align:center}.ws-music-credits{display:flex;flex-direction:column;gap:14px;margin:0 0 8px;padding:0;list-style:none}.ws-music-credit{padding-bottom:14px;border-bottom:1px solid var(--wj-line)}.ws-music-credit:last-child{border-bottom:none}.ws-music-credit-work{margin:0 0 2px;font-weight:700;color:var(--wj-ink)}.ws-music-credit-line{margin:0;font-size:.9rem;color:var(--wj-ink-soft)}.ws-credits-words{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--wj-line)}.ws-credits-sub{margin:8px 0 2px;font-family:var(--wj-serif);font-size:1.05rem;color:var(--wj-ink)}@media(max-width:560px){.ws-landing{gap:28px}.ws-top{flex-direction:column;align-items:flex-start}.ws-logo{width:min(100%,240px)}.ws-by{margin-left:0}}#game-intro,#game-text{width:100%;max-width:480px;margin:0 auto;padding:0 16px}#game-intro{padding-top:20px}#game-intro h1{margin:0 0 10px;font-size:1.45rem;line-height:1.2;letter-spacing:-.01em}#game-intro p{margin:0 0 4px;color:var(--muted);line-height:1.55}#game-intro:not([hidden])~#app main.landing>h1,#game-intro:not([hidden])~#app main.landing>header h1{display:none}#game-text{padding-top:12px;padding-bottom:8px;line-height:1.6}#game-text h2{margin:28px 0 8px;font-size:1.1rem}#game-text h3{margin:18px 0 4px;font-size:.98rem}#game-text p,#game-text ul,#game-text ol{margin:0 0 12px}#game-text ul,#game-text ol{padding-left:22px}#game-text li{margin-bottom:6px}.game-help{margin-top:20px}#games h2{margin:18px 0 6px}#games ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}#games li{margin:0}#games a{display:inline-flex;align-items:center;min-height:44px}#games a[aria-current=page]{color:var(--text);font-weight:700;text-decoration:none}#games.about-games{margin-top:14px}#games.about-games h2{margin:0 0 12px}#games.about-games h3{margin:0 0 2px;font-size:.8rem;font-weight:600;color:var(--text)}#games.about-games .games-group+.games-group{margin-top:14px}#games.about-games ul{display:block;gap:0}#games.about-games a{display:block;min-height:0;padding:4px 0;line-height:1.45}@media(min-width:560px){#games.about-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px 16px}#games.about-games h2{grid-column:1 / -1;margin:0}#games.about-games .games-group+.games-group{margin-top:0}}.mode-landing .tiles{grid-template-columns:minmax(0,1fr)}.tile-name a{color:inherit;text-decoration:none}.tile-name a:hover,.tile-name a:focus-visible{text-decoration:underline;text-underline-offset:3px}a.puzzle-card{text-decoration:none}