:root{color-scheme:light dark;--font: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--font-num: "Fraunces", Georgia, serif;--wonk: "SOFT" 40, "WONK" 1;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .38s;--p1: #d9822b;--p2: #3d6d96;--good: #4e9366;--warn: #c9902f;--bad: #b4483f;--brilliant: #2f9c95;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}:root,[data-theme=light]{--bg: #f4efe4;--bg-2: #ebe4d5;--surface: #fffcf6;--surface-2: #f8f3e8;--surface-3: #efe8d9;--line: #e4dbc8;--line-2: #ccc0a7;--text: #221f1a;--text-2: #605a4f;--text-3: #8d8577;--accent: #14655c;--accent-soft: rgba(20, 101, 92, .12);--shadow-1: 0 1px 2px rgba(66, 50, 26, .07), 0 1px 3px rgba(66, 50, 26, .05);--shadow-2: 0 4px 14px rgba(66, 50, 26, .1), 0 2px 4px rgba(66, 50, 26, .05);--shadow-3: 0 20px 50px rgba(50, 38, 20, .2), 0 4px 12px rgba(50, 38, 20, .1);--scrim: rgba(38, 31, 20, .44);--grain-opacity: .05;--grain-blend: multiply}[data-theme=dark]{--bg: #12110d;--bg-2: #191712;--surface: #262218;--surface-2: #302b21;--surface-3: #3b352a;--line: #3d372e;--line-2: #544d42;--text: #f3ede0;--text-2: #a9a094;--text-3: #7b7367;--accent: #4fb3a3;--accent-soft: rgba(79, 179, 163, .16);--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 6px 18px rgba(0, 0, 0, .5);--shadow-3: 0 24px 60px rgba(0, 0, 0, .65);--scrim: rgba(8, 6, 4, .62);--grain-opacity: .07;--grain-blend: overlay}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--font-display);font-variation-settings:var(--wonk)}h1{font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:620}h2{font-size:22px;line-height:1.2;letter-spacing:-.01em;font-weight:600}h3{font-size:16px;letter-spacing:-.005em;font-weight:620}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-full)}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-2),var(--bg) 60%)}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:var(--grain);opacity:var(--grain-opacity, .05);mix-blend-mode:var(--grain-blend, multiply)}.screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.wrap{width:100%;max-width:560px;margin:0 auto;padding:max(env(safe-area-inset-top),var(--sp-4)) var(--sp-4) calc(var(--sp-7) + env(safe-area-inset-bottom))}.wrap--wide{max-width:880px}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack--tight{gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--text-2);font-size:14px;line-height:1.5}.tiny{color:var(--text-3);font-size:12px;letter-spacing:.02em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:640}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:46px;padding:0 var(--sp-5);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-weight:600;font-size:15px;border:1px solid var(--line);transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease);user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));color:#fff;border-color:transparent;box-shadow:0 3px color-mix(in srgb,var(--accent) 58%,#000),var(--shadow-1);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),filter var(--dur-1) var(--ease)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 color-mix(in srgb,var(--accent) 58%,#000)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--danger{color:var(--bad);border-color:transparent;background:transparent}.btn--lg{height:56px;font-size:17px;border-radius:var(--r-lg)}.btn--block{width:100%}.btn--icon{width:42px;height:42px;padding:0;border-radius:var(--r-full)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:inset 0 1px #ffffff8c,var(--shadow-1)}[data-theme=dark] .card{box-shadow:inset 0 1px #ffffff0a,var(--shadow-1)}.card--flush{padding:0;overflow:hidden}.tap-card{display:block;width:100%;text-align:left;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}.tap-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.tap-card:active{transform:scale(.985)}.list-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--line);transition:background var(--dur-1) var(--ease)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-2)}.chip{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 11px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid color-mix(in srgb,var(--line-2) 45%,transparent);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.01em}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--on{background:var(--accent);border-color:var(--accent);color:#fff}.feedback{display:flex;flex-direction:column;gap:var(--sp-3)}.feedback--sent{flex-direction:row;align-items:center;gap:var(--sp-3);color:var(--good)}.feedback__scale{display:flex;flex-wrap:wrap;gap:6px}.feedback__text{width:100%;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;resize:vertical}.feedback__text:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.avatar{width:38px;height:38px;border-radius:var(--r-full);display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff;flex:none;box-shadow:inset 0 -2px 6px #0000002e}.avatar--sm{width:28px;height:28px;font-size:12px}.avatar--lg{width:64px;height:64px;font-size:24px}.bar{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-3) var(--ease-out)}.seg{display:flex;gap:2px;padding:3px;background:var(--surface-3);border-radius:var(--r-md)}.seg>button{flex:1;height:34px;border-radius:11px;font-size:13px;font-weight:620;color:var(--text-2);transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.seg>button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.switch{position:relative;width:46px;height:28px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line);flex:none;transition:background var(--dur-2) var(--ease)}.switch[aria-checked=true]{background:var(--accent);border-color:transparent}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:var(--r-full);background:#fff;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--spring)}.switch[aria-checked=true]:after{transform:translate(18px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-2);padding:max(env(safe-area-inset-top),10px) var(--sp-3) 10px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur-2) var(--ease)}.topbar--scrolled{border-bottom-color:var(--line)}.topbar h2{font-size:17px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.enter{animation:fade-up var(--dur-3) var(--ease-out) both}.enter-1{animation-delay:40ms}.enter-2{animation-delay:80ms}.enter-3{animation-delay:.12s}.enter-4{animation-delay:.16s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--sp-4);animation:fade-in var(--dur-2) var(--ease-out) both}.sheet{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:var(--shadow-3);animation:sheet-up var(--dur-3) var(--ease-out) both}.toasts{position:fixed;left:0;right:0;bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);pointer-events:none;padding:0 var(--sp-4)}.toast{display:flex;align-items:center;gap:var(--sp-3);max-width:420px;padding:12px var(--sp-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);font-size:14px;font-weight:560;animation:sheet-up var(--dur-2) var(--ease-out) both}.board-frame{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-lg);padding:2.8%;background:var(--bd-frame);border:1px solid color-mix(in srgb,var(--line-2) 50%,transparent);box-shadow:inset 0 1px #ffffff6b,var(--shadow-2);touch-action:none;user-select:none;transition:box-shadow var(--dur-3) var(--ease)}.board-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bd-sheen);pointer-events:none;opacity:.9}.board{position:relative;width:100%;height:100%;border-radius:8px;background:var(--bd-groove);box-shadow:inset 0 2px 7px #281c0c29}.board-layer{position:absolute;inset:0;pointer-events:none}.board-surface{pointer-events:auto;cursor:pointer;touch-action:none}.cell{position:absolute;border-radius:13%;background:var(--bd-cell);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #281c0c0d;transition:background var(--dur-2) var(--ease)}.cell--alt{background:var(--bd-cell-alt)}.cell--goal{box-shadow:inset 0 0 0 1.5px var(--goal-tint),inset 0 1px #ffffff80;background-image:linear-gradient(180deg,var(--bd-goal),transparent)}.path-dot{position:absolute;border-radius:50%;background:var(--path-color);opacity:.5;transform:translate(-50%,-50%);transition:opacity var(--dur-2) var(--ease)}.target{position:absolute;border-radius:15%;display:grid;place-items:center;pointer-events:none;animation:pop-in var(--dur-2) var(--ease-out) both}.target:after{content:"";width:30%;height:30%;border-radius:50%;background:var(--p1);opacity:.35;transition:transform var(--dur-2) var(--spring),opacity var(--dur-2) var(--ease)}.target--hot:after{transform:scale(2.5);opacity:.22}.pawn{position:absolute;border-radius:50%;display:grid;place-items:center;transition:left var(--dur-3) var(--ease-out),top var(--dur-3) var(--ease-out),transform var(--dur-2) var(--spring);z-index:3;will-change:left,top}.pawn i{display:block;width:76%;height:76%;border-radius:50%;background:radial-gradient(circle at 34% 26%,color-mix(in srgb,var(--pawn-color) 55%,#fff),var(--pawn-color) 58%,color-mix(in srgb,var(--pawn-color) 74%,#000) 100%);box-shadow:inset 0 -10% 18% #28160057,inset 0 0 0 1px color-mix(in srgb,var(--pawn-color) 62%,#000),0 7% 12% #281a0852}.pawn--active i{animation:pawn-breathe 2.6s var(--ease) infinite}@keyframes pawn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pawn--won{transform:scale(1.16)}.wall{position:absolute;border-radius:999px;background:var(--bd-wall);border:1px solid var(--bd-wall-edge);box-shadow:0 2px 6px #1e120457,inset 0 1px #ffffff4d;z-index:2}.wall--placed{animation:wall-drop var(--dur-3) var(--spring) both}@keyframes wall-drop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.wall--ghost{z-index:4;opacity:.62;background:var(--bd-wall);box-shadow:0 0 0 2px var(--accent-soft);transition:left var(--dur-1) var(--ease),top var(--dur-1) var(--ease),width var(--dur-1) var(--ease),height var(--dur-1) var(--ease)}.wall--invalid{background:linear-gradient(180deg,var(--bad),color-mix(in srgb,var(--bad) 70%,#000));border-color:color-mix(in srgb,var(--bad) 60%,#000);opacity:.5;box-shadow:none}.wall--last{box-shadow:0 2px 5px #00000047,inset 0 1px #ffffff40,0 0 0 2px var(--accent-soft)}.last-cell{position:absolute;border-radius:15%;box-shadow:inset 0 0 0 2px var(--accent-soft);background:var(--accent-soft);pointer-events:none}.kbd-target{position:absolute;border-radius:15%;opacity:0;pointer-events:none}.kbd-target:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}.rail{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.rail--turn{border-color:color-mix(in srgb,var(--rail-color) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rail-color) 14%,transparent)}.rail__name{font-weight:640;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walls{display:flex;gap:3px;align-items:center}.walls i{display:block;width:4px;height:16px;border-radius:2px;background:var(--rail-color);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--spring)}.walls i[data-spent=true]{opacity:.18;transform:scaleY(.55)}.walls[data-empty=true] i{background:var(--text-3)}.walls__out{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-left:4px}.board-notice{position:absolute;left:50%;bottom:7%;transform:translate(-50%);max-width:86%;padding:8px 14px;border-radius:var(--r-full);background:color-mix(in srgb,var(--text) 88%,transparent);color:var(--bg);font-size:13px;font-weight:640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:var(--shadow-2);z-index:5;animation:notice 2.4s var(--ease) both}@keyframes notice{0%{opacity:0;transform:translate(-50%,8px)}10%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}[data-reduce-motion=true] .board-notice{animation:none}.thinking-dots{display:inline-flex;gap:3px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--text-3);animation:think 1.1s var(--ease) infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes think{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.boot{display:grid;place-items:center}.boot__mark,.onboard__logo{position:relative;display:flex;gap:10px;align-items:center}.boot__mark:before,.onboard__logo:before{content:"";position:absolute;left:-12px;right:-12px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--line-2);opacity:.65}.boot__mark span,.onboard__logo span{position:relative;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 -3px 5px #2816004d,inset 0 2px 3px #ffffff59;animation:boot-bob 1.4s var(--ease) infinite}.boot__mark span:first-child,.onboard__logo span:first-child{background:var(--p1)}.boot__mark span:last-child,.onboard__logo span:last-child{background:var(--p2);animation-delay:.2s}.onboard__logo{justify-content:center}.onboard__logo span{width:26px;height:26px}@keyframes boot-bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}.onboard{justify-content:center;padding:var(--sp-4)}.onboard__inner{width:100%;max-width:440px;margin:0 auto}.onboard__pills{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.onboard__hint{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--text-3);font-size:13px;font-weight:600;animation:fade-in var(--dur-3) var(--ease-out) .4s both}.onboard__tick{width:66px;height:66px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--good),color-mix(in srgb,var(--good) 70%,#000));box-shadow:var(--shadow-2);animation:pop-in var(--dur-3) var(--spring) both}.field{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding-right:var(--sp-2);transition:border-color var(--dur-2) var(--ease)}.field:focus-within{border-color:var(--accent)}.field input{flex:1;min-width:0;height:52px;padding:0 var(--sp-4);border:none;background:none;outline:none;font-size:17px;font-weight:600;border-radius:inherit}.award{text-align:center}.award__burst{width:74px;height:74px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--warn),var(--p1));box-shadow:var(--shadow-2),0 0 0 10px color-mix(in srgb,var(--warn) 14%,transparent);animation:pop-in var(--dur-3) var(--spring) both}.home__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-4)}.coach-bubble{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;gap:var(--sp-3);align-items:flex-start;box-shadow:inset 0 1px #ffffff8c,var(--shadow-1)}.coach-bubble:before,.coach-bubble:after{content:"";position:absolute;left:26px;bottom:-8px;width:14px;height:14px;transform:rotate(45deg);border-radius:0 0 4px}.coach-bubble:before{background:var(--line);bottom:-9px}.coach-bubble:after{background:var(--surface)}.coach-bubble__mark{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(160deg,var(--coach),color-mix(in srgb,var(--coach) 62%,#000))}.play-cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--sp-4);width:100%;text-align:left;padding:var(--sp-5);border-radius:var(--r-xl);color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 92%,#fff),color-mix(in srgb,var(--accent) 74%,#16211c));box-shadow:0 4px color-mix(in srgb,var(--accent) 52%,#000),var(--shadow-2);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.play-cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-68deg,rgba(255,255,255,.055) 0 1px,transparent 1px 22px)}.play-cta:active{transform:translateY(4px);box-shadow:0 0 color-mix(in srgb,var(--accent) 52%,#000)}.play-cta>*{position:relative;z-index:1}.play-cta__icon{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;box-shadow:inset 0 1px #ffffff40}.play-cta h2{color:#fff}.play-cta p{color:#ffffffc7;font-size:13px;margin-top:2px}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.tile{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;box-shadow:inset 0 1px #ffffff8c,var(--shadow-1);transition:transform var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}.tile:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff8c,var(--shadow-2)}.tile:active{transform:translateY(1px);box-shadow:var(--shadow-1)}.tile__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tile-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--tile-color) 26%,transparent);color:var(--tile-color)}.tile__title{font-weight:640;font-size:15px}.rating-card{display:flex;flex-direction:column;gap:var(--sp-3)}.tier-dot{width:10px;height:10px;border-radius:50%;background:var(--tier-color);flex:none}.level-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--line);transition:background var(--dur-1) var(--ease)}.level-row:last-child{border-bottom:none}.level-row[aria-pressed=true]{background:var(--accent-soft)}.level-row__pip{display:flex;gap:2px;flex:none;width:34px}.level-row__pip i{width:4px;height:14px;border-radius:2px;background:var(--accent);opacity:.22}.level-row__pip i[data-on=true]{opacity:1}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.mode-tab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:620;color:var(--text-2);transition:border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}.mode-tab[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.game{display:flex;flex-direction:column;height:100%;min-height:0}.game__body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);width:100%;max-width:560px;margin:0 auto;padding:var(--sp-2) var(--sp-4) var(--sp-3)}.game__body>.rail,.game__body>.turn-pill,.game__body>.scrub{flex:0 0 auto}.game__board{position:relative;flex:1 1 auto;min-height:0;display:grid;place-items:center;container-type:size}.game__board>.board-frame{width:min(100%,100cqh);height:auto}.game__bar{display:flex;align-items:center;justify-content:space-around;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));max-width:560px;margin:0 auto;width:100%}.bar-btn{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:var(--sp-2) 0;border-radius:var(--r-md);color:var(--text-2);font-size:11px;font-weight:620;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.bar-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.bar-btn:active:not(:disabled){transform:scale(.94)}.bar-btn:disabled{opacity:.35;cursor:not-allowed}.turn-pill{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:30px;font-size:13px;font-weight:640;color:var(--text-2)}.scrub{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.scrub input{flex:1;min-width:0;accent-color:var(--accent)}.result__crest{width:72px;height:72px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--crest),color-mix(in srgb,var(--crest) 66%,#000));box-shadow:var(--shadow-2);animation:pop-in var(--dur-3) var(--spring) both}.delta{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums}.daily-card{position:relative;overflow:hidden;display:block;width:100%;text-align:left;padding:var(--sp-5);border-radius:var(--r-xl);color:#fff;background:linear-gradient(140deg,#b8762a,#8f4a33 62%,#6d3b3f);box-shadow:0 4px #542c188c,var(--shadow-2);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.daily-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 12% 0%,rgba(255,226,170,.3),transparent 60%)}.daily-card>*{position:relative;z-index:1}.daily-card:active{transform:translateY(4px);box-shadow:0 0 #542c188c}.daily-card h2{color:#fff}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--sp-2)}.puzzle-chip{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-weight:640;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.puzzle-chip:active{transform:scale(.95)}.puzzle-chip[data-solved=true]{border-color:color-mix(in srgb,var(--good) 55%,transparent);background:color-mix(in srgb,var(--good) 10%,var(--surface));color:var(--good)}.dots{display:flex;gap:2px}.dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.28}.dots i[data-on=true]{opacity:1}.verdict{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);font-weight:620;font-size:14px;animation:sheet-up var(--dur-2) var(--ease-out) both}.verdict[data-tone=good]{background:color-mix(in srgb,var(--good) 12%,var(--surface));color:var(--good);border:1px solid color-mix(in srgb,var(--good) 34%,transparent)}.verdict[data-tone=bad]{background:color-mix(in srgb,var(--bad) 12%,var(--surface));color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 34%,transparent)}.grade-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;border-radius:7px;font-size:12px;font-weight:720;color:var(--grade-color);background:color-mix(in srgb,var(--grade-color) 15%,transparent);flex:none}.move-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px var(--sp-3);text-align:left;border-radius:var(--r-sm);transition:background var(--dur-1) var(--ease)}.move-row:hover{background:var(--surface-2)}.move-row[aria-current=true]{background:var(--accent-soft)}.move-row__ply{width:26px;flex:none;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.accuracy{display:flex;align-items:baseline;gap:4px}.accuracy b{font-family:var(--font-num);font-size:26px;font-weight:700}.grade-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.review{display:flex;flex-direction:column;height:100%;min-height:0}.review__body{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(160px,36%);gap:var(--sp-3);width:100%;max-width:560px;margin:0 auto;padding:var(--sp-2) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom))}.review__stage{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0}.review__stage>*:not(.review__boardbox){flex:none}.review__stage>.coach-bubble{margin-bottom:10px}.review__boardbox{flex:1;min-height:0;container-type:size;display:grid;place-items:center}.review__boardbox>.board-frame{width:min(100%,100cqh);height:auto}.review__panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--sp-3)}.review__scores{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:var(--sp-3)}.review__scores .accuracy b{font-size:21px}.review__bar{height:6px;border-radius:var(--r-full);background:var(--p2);overflow:hidden}.review__bar>i{display:block;height:100%;background:var(--p1);transition:width var(--dur-2) var(--ease)}.review__filters{display:flex;flex-direction:column;gap:var(--sp-2);position:sticky;top:0;z-index:1;padding-bottom:var(--sp-2);background:var(--bg)}.review__chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.review__chips::-webkit-scrollbar{display:none}.review__chips .chip{flex:none}.review__chips .chip .num{color:var(--text-3);font-size:11px}.review__chips .chip--on{background:color-mix(in srgb,var(--grade-color) 18%,var(--surface));border-color:color-mix(in srgb,var(--grade-color) 45%,transparent);color:var(--text)}.review__chips .chip--on .num{color:var(--text-2)}.review__chips .chip:disabled{opacity:.35}.review__list{display:flex;flex-direction:column;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);padding:var(--sp-2)}.move-row__move{flex:1;min-width:0;font-weight:600;font-size:14px}.move-row__flag{color:var(--bad);font-weight:640}.move-row__loss{color:var(--warn)}@media (min-width: 880px){.review__body{max-width:1080px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:var(--sp-5)}.review__chips{flex-wrap:wrap;overflow-x:visible}}.info{position:relative;display:inline-flex;align-items:center}.info__dot{display:flex;padding:2px;border:0;background:none;color:var(--text-3);cursor:pointer;transition:color var(--dur-2) var(--ease)}.info__dot:hover,.info__dot:focus-visible{color:var(--accent)}.info__note{position:absolute;top:calc(100% + 8px);left:-8px;z-index:5;width:max-content;max-width:min(19rem,78vw);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);box-shadow:0 10px 28px #00000038;color:var(--text-2);font-size:13px;line-height:1.5;white-space:pre-line;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility var(--dur-2)}.info:hover .info__note,.info__dot:focus-visible+.info__note,.info__note--open{opacity:1;visibility:visible;transform:none}.friend-code{margin-top:6px;font-family:var(--font-num);font-size:30px;font-weight:700;letter-spacing:.14em;color:var(--accent)}.friend-code--name{font-family:inherit;font-size:26px;letter-spacing:-.01em;overflow-wrap:anywhere}.friend-code__input{letter-spacing:.02em}.friend-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm)}.friend-row+.friend-row{border-top:1px solid var(--line)}.friend-row--tap{width:100%;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.friend-row--tap:active{opacity:.6}.friend-row__open{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.friend-row__open:active{opacity:.6}.badge{flex:none;min-width:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-num);font-size:12px;font-weight:700;line-height:20px;text-align:center}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat__who{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.chat__log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);width:100%;max-width:560px;margin:0 auto}.chat__note{margin:auto;text-align:center;max-width:30ch}.chat__day{align-self:center;margin:var(--sp-3) 0 var(--sp-2);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.chat__error{padding:0 var(--sp-4) var(--sp-2);color:var(--bad);text-align:center}.bubble{max-width:78%;align-self:flex-start;display:flex;align-items:flex-end;gap:var(--sp-2);padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--surface-2);border:1px solid var(--line)}.bubble--mine{align-self:flex-end;border-radius:16px 16px 4px;background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 38%,transparent)}.bubble__text{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.bubble__time{flex:none;opacity:.65;font-family:var(--font-num)}.chat__compose{display:flex;align-items:center;gap:var(--sp-2);width:100%;max-width:560px;margin:0 auto;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.chat__compose input{flex:1;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:1px;background:var(--line);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}.stat{background:var(--surface);padding:var(--sp-4) var(--sp-3);text-align:center}.stat b{display:block;font-family:var(--font-num);font-size:22px;font-weight:700}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-3)}.skin{position:relative;padding:0;border-radius:var(--r-md);overflow:hidden;border:2px solid transparent;background:var(--surface);transition:border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.skin:active{transform:scale(.97)}.skin[aria-pressed=true]{border-color:var(--accent)}.skin[data-locked=true]{opacity:.65}.skin__swatch{aspect-ratio:1.5;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:8px;background:var(--sw-frame)}.skin__swatch i{border-radius:3px;background:var(--sw-cell)}.skin__swatch i:nth-child(2n){background:var(--sw-cell-alt)}.skin__swatch b{position:absolute;left:18%;right:18%;top:47%;height:8%;border-radius:99px;background:var(--sw-wall)}.skin__label{padding:8px;font-size:12px;font-weight:640;text-align:center}.coach-card{display:flex;gap:var(--sp-3);align-items:flex-start;width:100%;padding:var(--sp-4);text-align:left;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:border-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.coach-card:active{transform:scale(.99)}.coach-card[aria-pressed=true]{border-color:var(--coach);box-shadow:0 0 0 3px color-mix(in srgb,var(--coach) 14%,transparent)}.coach-card[data-locked=true]{opacity:.72}.ladder-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-bottom:1px solid var(--line)}.ladder-row:last-child{border-bottom:none}.ladder-row[data-me=true]{background:var(--accent-soft)}.ladder-row__rank{width:30px;flex:none;font-family:var(--font-num);font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums}.ladder-row__who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ladder-row__who>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-bottom:1px solid var(--line)}.tier-row:last-child{border-bottom:none}.tier-row[data-current=true]{background:var(--surface-2)}.lesson{display:flex;gap:var(--sp-4);align-items:flex-start}.lesson__num{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent);font-family:var(--font-num);font-variation-settings:var(--wonk);font-weight:620;font-size:15px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 2px}