:root{--bg:#f4f6f8;--panel:#fff;--line:#d8dee6;--text:#1b1f24;--muted:#5c6773;--accent:#1f6feb;--right:#2f8f46;--wrong:#d93b3b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;max-width:520px;height:100dvh;margin:0 auto;display:flex}#bar{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}#board{aspect-ratio:1;background:var(--bg);flex:none;width:100%;position:relative}#board canvas{display:block}#panel{padding:14px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:auto;gap:12px;display:flex;overflow-y:auto}#question{margin:0;font-size:18px;line-height:1.35}#options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;min-height:56px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:14px 16px;font-size:17px}.option:active{background:#eef2f7}.option:disabled{cursor:default;opacity:1}.option.right{border-color:var(--right);background:#2f8f461f}.option.wrong{border-color:var(--wrong);background:#d93b401f}#explain{color:var(--muted);border:1px solid var(--line);background:#eef2f7;border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4}.rule{color:var(--accent);white-space:nowrap;margin-left:4px;display:inline-block}#next{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:14px;min-height:54px;margin-top:auto;font-size:17px;font-weight:600}.hint{color:var(--muted);margin:0;font-size:15px}.spot{border:3px solid var(--accent);width:54px;height:54px;color:var(--accent);cursor:pointer;background:#fffffff2;border-radius:50%;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.spot.right{border-color:var(--right);color:var(--right)}.spot.wrong{border-color:var(--wrong);color:var(--wrong)}#board.hidden{display:none}#board.loading{background:linear-gradient(100deg, var(--bg) 30%, #ffffff8c 50%, var(--bg) 70%) 0 0 / 300% 100%;border-radius:12px;animation:1.4s ease-in-out infinite board-wait}#board.broken{text-align:center;color:var(--muted);place-items:center;padding:24px;display:grid}@keyframes board-wait{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){#board.loading{animation:none}}#boot button{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:10px;padding:10px 18px;font-size:15px}#panels{grid-template-columns:repeat(var(--panels,2), 1fr);gap:10px;padding:0 10px;display:grid}#panels.hidden{display:none}#panels .panel{margin:0}#panels .panel-box{aspect-ratio:1;background:var(--bg);border-radius:10px;position:relative;overflow:hidden}#panels .panel-box canvas{width:100%;height:100%;display:block}#panels .panel-sign{object-fit:contain;width:72%;height:72%;margin:14% auto;display:block}#panels figcaption{text-align:center;color:var(--muted);padding-top:6px;font-weight:600}#actions{gap:10px;margin-top:auto;display:flex}#actions button{flex:1}#retry{min-height:54px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:14px;font-size:17px}#next{margin-top:0}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:15px}body:not(.at-home) #bg{display:none}#bg{z-index:0;filter:blur(14px)saturate(.85)brightness(.82);background:#6c7784;position:fixed;inset:-20px;overflow:hidden;transform:scale(1.06)}#bg.still{background:linear-gradient(160deg,#6b7683 0%,#41474d 60%,#2b3138 100%)}#bg canvas{display:block}body.at-home #bar,body.at-home #board,body.at-home #panel{display:none}#home{z-index:1;padding:20px 16px calc(20px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}#home[hidden]{display:none}.home-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:420px;margin:auto;padding:20px 18px 22px;display:flex;box-shadow:0 18px 50px #10141a59}.home-card h1{margin:0;font-size:26px}.home-note{color:var(--muted);margin:0;font-size:14px}.home-item{border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.home-item:disabled{opacity:.45;cursor:default}.home-item:active:not(:disabled){background:#eef2f6}.home-item.primary{background:var(--accent);border-color:var(--accent);color:#fff}.home-title{font-size:16px}.home-sub{color:var(--muted);font-size:13px}.home-item.primary .home-sub{color:#fffc}.home-row{justify-content:center;padding-top:4px;display:flex}.home-link{font:inherit;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:14px}.home-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.home-cap{color:var(--muted);width:100%;font-size:13px}.chip{border:1px solid var(--line);font:inherit;color:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px;font-size:13px}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}#coach{pointer-events:none;z-index:2;align-items:flex-end;gap:8px;margin:-46px 12px 0;display:flex;position:relative}#coach[hidden]{display:none}#coach .coach-figure{filter:drop-shadow(0 6px 14px #10141a47);flex:none;width:88px}#coach .coach-figure svg{width:100%;height:auto;display:block}#coach .coach-bubble{pointer-events:auto;background:#fff;border-radius:14px;flex:auto;margin-bottom:18px;padding:12px 34px 12px 14px;position:relative;box-shadow:0 8px 24px #10141a2e}#coach .coach-bubble:after{content:"";background:#fff;width:14px;height:14px;position:absolute;bottom:14px;right:-7px;transform:rotate(45deg)}#coach .coach-bubble p{color:#1b1f24;margin:0;font-size:15px;line-height:1.35}#coach .coach-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:4px;right:6px}.coach-point{pointer-events:none;border:3px solid #1f6feb;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;animation:1.4s ease-in-out infinite coach-pulse;position:absolute;box-shadow:0 0 0 4px #1f6feb2e}@keyframes coach-pulse{50%{opacity:.65;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.coach-point{animation:none}}#devbar{flex-wrap:wrap;gap:6px;padding:6px 16px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}#devbar[hidden]{display:none}#devbar button,#devbar a{appearance:none;color:#5c6773;font:inherit;cursor:pointer;background:#eef1f4;border:1px solid #d5dbe1;border-radius:7px;padding:3px 9px;text-decoration:none}#devbar button:hover,#devbar a:hover{color:#2f6f9f;border-color:#2f6f9f}#crash{z-index:100;background:#f4f6f8f0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#crash .crash-box{text-align:center;justify-items:center;gap:12px;max-width:320px;display:grid}#crash b{font-size:18px}#crash i{color:#5c6773;font-size:14px;font-style:normal}#crash button{appearance:none;color:#fff;background:#2f6fd0;border:0;border-radius:12px;padding:12px 22px;font-size:15px}.home-strip{align-items:center;gap:14px;padding:4px 0 2px;display:flex}.home-strip .ring{--share:0;background:conic-gradient(#2f6fd0 calc(var(--share) * 360deg), #1b1f2414 0);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative}.home-strip .ring:after{content:"";background:var(--card,#f4f6f8);border-radius:50%;position:absolute;inset:6px}.home-strip .ring b{z-index:1;font-size:16px;font-weight:600;position:relative}.home-strip .strip-text{gap:2px;display:grid}.home-strip .strip-text b{font-size:15px}.home-strip .strip-text span{color:var(--muted);font-size:13px}.home-day{color:var(--muted);background:#2f6fd014;border-radius:12px;align-items:center;gap:8px;padding:10px 12px 12px;font-size:13px;display:flex;position:relative;overflow:hidden}.home-day b{color:#1b1f24;font-size:15px}.home-day.done{background:#46a7581f}.home-day i{--share:0;height:3px;width:calc(var(--share) * 100%);background:#2f6fd0;position:absolute;bottom:0;left:0}.home-day.done i{background:#46a758}#offline{z-index:5;text-align:center;color:#7a5b00;background:#fff4d6;padding:6px 16px;font-size:13px;position:sticky;top:0}#offline[hidden]{display:none}.navbar{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:none;background:#1b1f24d1;border-radius:999px;gap:2px;max-width:calc(100vw - 20px);padding:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;display:flex;position:fixed;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 2px 10px #1b1f2440}.navbar::-webkit-scrollbar{display:none}.navbar a{color:#dfe3e8;white-space:nowrap;border-radius:999px;padding:5px 11px;text-decoration:none}.navbar a:hover{background:#ffffff1f}.navbar a.here{color:#fff;background:#1f6feb}body.with-navbar{padding-bottom:46px}