:root{--bg: #eef1f7;--surface: #ffffff;--text: #131a2c;--muted: #5a6480;--accent: #2a4bd0;--accent-text: #ffffff;--accent-soft: #e4e9fa;--felt: #1f6b46;--felt-rail: #14472f;--pocket: #0b0e12;--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}:root[data-theme=dark]{--bg: #0b1020;--surface: #141b30;--text: #e6ebf5;--muted: #8e9bb5;--accent: #5b7cff;--accent-text: #0a0f1c;--accent-soft: #121a2f;--felt: #14503a;--felt-rail: #0d3325;--pocket: #05070a;--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}*{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)}.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}.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}@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}}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}.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-slot{width:100%}.ad-reserve{width:100%;min-height:100px}@media(min-width:768px){.ad-reserve{min-height:90px}}.ad-slot-empty{display:none}.ad-slot-reserved{min-height:96px;border-radius:12px;border:1px dashed var(--cell-border);opacity:.35}.ad-slot-sponsor{border:1px solid var(--cell-border);border-radius:12px;padding:16px;text-align:center}.ad-consent{border:1px solid var(--cell-border);border-radius:12px;padding:16px;margin:8px 0;display:flex;flex-direction:column;gap:10px;text-align:center}.ad-consent p{margin:0;line-height:1.4}.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}.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{max-width:480px;margin:0 auto;padding:20px 16px 4px;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}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(96vw,560px);margin:10px auto;border:4px solid var(--felt-rail);border-radius:6px;touch-action:none;overflow:visible}.billard-board:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.billard-felt{fill:var(--felt)}.billard-pocket{fill:var(--pocket);stroke:#e8efe9;stroke-width:.6}.billard-ball{stroke:#0b0e12;stroke-width:.4}.billard-ball.cue{fill:#fff}.billard-ball.black{fill:#14181f;stroke:#fff}.billard-ball.coloura{fill:#f2b134}.billard-ball.colourb{fill:#8ec9ff}.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-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)}}.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: #6b82d9}.puzzle-card:has(.preview-mineDeduction){--puzzle-accent: #8b69d7}.puzzle-card:has(.preview-codeDeduction){--puzzle-accent: #d98268}.puzzle-card:has(.preview-pipsum){--puzzle-accent: #55a8a6}[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(4,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:nth-child(1){--pick-accent: #55b88a}.practice-picker .pick-option:nth-child(2){--pick-accent: #8b6be4}.practice-picker .pick-option:nth-child(3){--pick-accent: #ef8a6b}.practice-picker .pick-option:nth-child(4){--pick-accent: #4da7ac}.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)}.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 .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:nth-child(1){--pick-accent: #55b88a}.ringbreak-start .level-pick .secondary:nth-child(2){--pick-accent: #66a7da}.ringbreak-start .level-pick .secondary:nth-child(3){--pick-accent: #8b6be4}.ringbreak-start .level-pick .secondary:nth-child(4){--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}.ringbreak{max-width:720px;gap:14px}.ringbreak .task-header{max-width:min(94vw,690px);margin:0 auto;padding:4px 4px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.ringbreak #rb-goal{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}.ringbreak #rb-level{min-height:38px;padding:6px 14px;box-shadow:0 10px 22px -20px color-mix(in srgb,var(--accent) 60%,transparent)}.ringbreak #rb-board{position:relative;margin-top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.ringbreak #rb-board:before{content:"";position:absolute;inset:7% 14% 16%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 62%),radial-gradient(circle at 35% 30%,color-mix(in srgb,#8a6be2 6%,transparent),transparent 54%);filter:blur(18px);pointer-events:none}.ringbreak .tafl{width:min(92vw,440px);margin-inline:auto;border-radius:18px;box-shadow:0 18px 28px -26px #0f172a47,0 0 0 1px color-mix(in srgb,var(--accent) 8%,var(--cell-border))}.ringbreak .rb-status{max-width:min(92vw,480px);margin:0 auto;padding:11px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 72%,transparent));border-color:color-mix(in srgb,var(--accent) 14%,var(--cell-border));box-shadow:0 14px 24px -24px color-mix(in srgb,var(--accent) 55%,transparent)}.ringbreak .result-actions{justify-content:flex-start;max-width:min(94vw,690px);margin:2px auto 0}.ringbreak #back.link{padding-left:10px}@media(min-width:1020px){body:has(main.ringbreak) #brand{top:26px;right:calc(50% + 384px)}body:has(main.ringbreak) #brand .wordmark-svg{width:140px}}@media(min-width:900px)and (max-width:1019px){body:has(main.ringbreak) #brand{position:static;margin:0 auto;padding:16px 16px 0}body:has(main.ringbreak) #brand .wordmark-svg{width:132px}.ringbreak{padding-top:8px}}@media(max-width:620px){.ringbreak .task-header{padding-bottom:6px}.ringbreak #rb-level{min-height:36px;padding-inline:12px}.ringbreak .rb-status{border-radius:18px}}:root[data-theme=dark] .ringbreak #rb-board:before{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),radial-gradient(circle at 35% 30%,color-mix(in srgb,#8a6be2 10%,transparent),transparent 54%)}:root[data-theme=dark] .ringbreak .tafl,:root[data-theme=dark] .ringbreak #rb-level,:root[data-theme=dark] .ringbreak .rb-status{box-shadow:0 18px 30px -28px #00000085}@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-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:14px}.billard-game .task-header{width:min(96vw,560px);margin:0 auto;padding:2px 2px 0}.billard-game .task-header h1{margin:0;font-size:clamp(2rem,5vw,2.6rem);letter-spacing:-.035em}.billard-game #billard-state{width:min(96vw,560px);margin:-2px auto 4px;color:color-mix(in srgb,var(--muted) 86%,var(--billard-ui) 14%)}.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:6px auto 12px;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(96vw,560px);margin:8px auto 0;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--billard-ui) 16%,var(--cell-border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface) 66%,transparent));box-shadow:0 16px 32px -30px color-mix(in srgb,var(--billard-ui) 52%,transparent)}.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(96vw,560px);margin:2px auto 0;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:14px;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(96vw,560px);margin:2px auto 0}.billard-game>.result-actions .link{padding-inline:10px}@media(min-width:1020px){body:has(main.billard-start) #brand,body:has(main.billard-game) #brand{top:26px;right:calc(50% + 384px)}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:1019px){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:12px;border-radius:16px}.billard-game .billard-aid-pick{align-items:flex-start}}: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(#ads-yes)>button:disabled,.settings section:has(#stock-on)>button:disabled{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 #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(#ads-yes)>button:disabled,.settings section:has(#stock-on)>button:disabled{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))}