:root{--bg:#151617;--bg-elev:#1c1d1f;--surface:#2b2c2e;--surface-2:#3a3b3d;--green:#5dc98f;--green-strong:#3fb877;--green-ink:#0f3a25;--red:#ef4444;--red-soft:#ef444440;--amber:#f5b942;--text:#fff;--muted:#a3a5a8;--muted-2:#6f7175;--radius-pill:999px;--radius-card:20px;--radius-tile:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-card:0 10px 30px #00000059;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;line-height:1.35}#app{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}h1,h2,h3,p{margin:0}a{color:var(--green)}.page{min-height:100dvh;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 32px) calc(var(--safe-left) + 20px);max-width:720px;margin:0 auto}.page-header{align-items:center;gap:12px;min-height:44px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.02em;text-align:center;font-size:clamp(30px,8vw,44px);font-weight:800;line-height:1.05}.page-subtitle{color:var(--muted);text-align:center;margin-top:10px;font-size:17px}.btn{border-radius:var(--radius-pill);min-height:56px;transition:transform .12s var(--ease-out), opacity .12s;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:18px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:var(--green-ink);width:100%}.btn-ghost{color:var(--text);background:0 0;min-height:48px}.btn-surface{background:var(--surface);color:var(--text)}.btn-danger{background:var(--red-soft);color:#fecaca}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{transform:scale(.94)}.card{background:var(--bg-elev);border-radius:var(--radius-card);padding:20px}.card-dark{background:#0f1011}.stat-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-card{text-align:center;background:#0f1011;border-radius:18px;padding:18px 12px 14px}.stat-value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:8px;font-size:13px}.pill-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.pill-row::-webkit-scrollbar{display:none}.pill{border-radius:var(--radius-pill);background:var(--surface);color:var(--text);white-space:nowrap;border:2px solid #0000;flex:none;padding:10px 16px;font-size:15px;font-weight:600;transition:background .12s,border-color .12s}.pill[aria-pressed=true]{background:var(--green);color:var(--green-ink)}.pill-small{padding:7px 12px;font-size:13px}.section-title{text-align:center;margin:28px 0 14px;font-size:22px;font-weight:800}.leaderboard{background:#0f1011;border-radius:18px;padding:6px 16px}.leaderboard-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;padding:11px 0;font-size:15px;display:flex}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row .who{font-weight:700}.leaderboard-row .meta{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.leaderboard-row .score{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:600}.empty{color:var(--muted);text-align:center;padding:18px 0;font-size:15px}.muted{color:var(--muted)}.center{text-align:center}.stack{flex-direction:column;gap:14px;display:flex}.home-grid{gap:14px;display:grid}.home-card{background:var(--bg-elev);border-radius:var(--radius-card);text-align:left;width:100%;transition:transform .12s var(--ease-out);align-items:center;gap:16px;padding:20px;display:flex}.home-card:active{transform:scale(.98)}.home-card .emoji{background:var(--surface);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:32px;display:grid}.home-card h2{font-size:20px;font-weight:800}.home-card p{color:var(--muted);margin-top:3px;font-size:14px}.home-card .chev{color:var(--muted-2);margin-left:auto;font-size:22px}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand .dot{background:var(--green);border-radius:50%;width:12px;height:12px}.toast{left:50%;bottom:calc(var(--safe-bottom) + 20px);background:var(--surface-2);color:var(--text);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);z-index:100;align-items:center;gap:12px;padding:12px 18px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){:root[data-motion=auto] *,:root[data-motion=auto] :before,:root[data-motion=auto] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@keyframes float{0%{transform:translate(var(--fx,0px), var(--fy,0px)) rotate(var(--fr,0deg))}to{transform:translate(calc(var(--fx,0px) * -1), calc(var(--fy,0px) * -1)) rotate(calc(var(--fr,0deg) * -1))}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes correct-pulse{0%{opacity:.55;transform:scale(.96)}to{opacity:0;transform:scale(1.35)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.8)}20%{opacity:1;transform:translate(0)scale(1.05)}to{opacity:0;transform:translateY(-46px)scale(1)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.08)}30%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)scale(.95)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes drift{0%{transform:translate(0, 0) rotate(var(--r0,0deg))}to{transform:translate(var(--dx,10px), var(--dy,-14px)) rotate(var(--r1,12deg))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{z-index:50;background:var(--bg);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.sheet-close{left:calc(var(--safe-left) + 6px);top:calc(var(--safe-top) + 6px);z-index:5;position:absolute}.game{--tile:clamp(112px, calc((100dvh - 360px) / 2), 186px);--gap-x:clamp(14px, 4vw, 24px);--gap-y:clamp(12px, 2.2dvh, 20px);width:100%;max-width:760px;padding:calc(var(--safe-top) + clamp(18px, 4dvh, 34px)) 20px calc(var(--safe-bottom) + 16px);flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex}.game-text{--tile:clamp(140px, calc((100dvh - 380px) / 2), 200px)}.score{flex-direction:column;align-items:center;min-height:62px;display:flex}.score-digits{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:45px;font-weight:800;line-height:54px;display:flex}.score-digit{animation:float var(--dur,2s) ease-in-out var(--delay,0s) infinite alternate;display:inline-block}.score-label{font-size:clamp(16px,2.7dvh,20px);font-weight:500}.progress{background:var(--surface);border-radius:8px;flex:none;width:100%;height:10px;margin-top:clamp(18px,4dvh,34px);overflow:hidden}.progress-fill{background:var(--green);transform-origin:0;will-change:transform;border-radius:8px;width:100%;height:100%}.progress-fill.low{background:var(--amber)}.progress-fill.critical{background:var(--red)}.round{width:100%;max-width:760px;animation:slide-in .22s var(--ease-out);flex-direction:column;align-items:center;margin:0 auto;display:flex}.round-title{text-align:center;text-wrap:balance;max-width:760px;margin:clamp(18px,4.7dvh,40px) auto clamp(14px,3.3dvh,28px);font-size:clamp(22px,4.3dvh,38px);font-weight:700;line-height:1.15}.round-title.long{margin-top:clamp(12px,3dvh,24px);font-size:clamp(17px,2.6dvh,24px);font-weight:600;line-height:1.3}.round-image{place-items:center;width:clamp(120px,22dvh,180px);height:clamp(120px,22dvh,180px);margin-top:clamp(12px,3dvh,28px);display:grid}.round-image img{max-width:100%;max-height:100%}.tiles{justify-items:center;column-gap:var(--gap-x);row-gap:var(--gap-y);width:100%;max-width:calc(var(--tile) * 2 + var(--gap-x));grid-template-columns:1fr 1fr;display:grid}.tiles-list{flex-direction:column;gap:10px;width:100%;max-width:520px;display:flex}.tile{width:100%;max-width:var(--tile);aspect-ratio:1;transition:transform 90ms var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.tile:active:not(:disabled){transform:scale(.95)}.tile-inner{z-index:1;border-radius:inherit;background:var(--surface);border:2px solid #0000;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .12s,background .12s;display:flex;position:relative}.tile-inner img{object-fit:contain;width:62%;height:62%}.tile-square{border-radius:var(--radius-tile)}.tile-square .tile-inner{text-align:center;text-wrap:balance;padding:10px 12px;font-size:clamp(15px,2.2dvh,19px);font-weight:700;line-height:1.2}.tile-row{aspect-ratio:auto;border-radius:18px;align-items:center;width:100%;max-width:none;min-height:60px;display:flex}.tile-row .tile-inner{text-align:left;justify-content:flex-start;padding:12px 18px;font-size:clamp(15px,2.1dvh,18px);font-weight:600;line-height:1.25}.tile.correct .tile-inner{border-color:var(--green)}.tile.wrong .tile-inner{border-color:var(--red);background:var(--red-soft)}.tile.correct:after{content:"";border-radius:inherit;background:var(--green);opacity:0;animation:correct-pulse .7s var(--ease-out) forwards;position:absolute;inset:0}.tile.dim{opacity:.55}.delta{color:var(--green);pointer-events:none;animation:rise 1.1s var(--ease-out) forwards;font-size:30px;font-weight:800;position:absolute;top:14px;left:calc(50% + 70px);transform:translate(-50%)}.bonus-burst{z-index:2;background:var(--green);color:var(--green-ink);border-radius:var(--radius-pill);white-space:nowrap;pointer-events:none;animation:burst 1.4s var(--ease-out) forwards;padding:8px 16px;font-weight:800;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #5dc98f59}.countdown{flex:1;place-items:center;width:100%;display:grid;position:relative}.countdown-label{text-align:center;font-size:30px;font-weight:800;position:absolute;top:calc(50% - 74px);left:0;right:0}.countdown-number{color:var(--green);animation:pop .9s var(--ease-out);font-size:96px;font-weight:800;line-height:1}.shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{width:48px;height:48px;color:var(--green);opacity:.85;animation:drift var(--dur,4s) ease-in-out var(--delay,0s) infinite alternate;position:absolute}.over{width:100%;max-width:600px;padding:calc(var(--safe-top) + 30px) 20px calc(var(--safe-bottom) + 16px);flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex;overflow-y:auto}.over-title{font-size:28px;font-weight:800}.over-score{color:var(--green);letter-spacing:-.02em;font-variant-numeric:tabular-nums;animation:pop .7s var(--ease-out);margin:18px 0 10px;font-size:clamp(64px,12dvh,92px);font-weight:800;line-height:1}.over-sub{color:var(--muted);font-size:15px}.over-card{text-align:center;background:#0f1011;border-radius:18px;width:100%;margin-top:22px;padding:18px}.over-card .big{font-size:16px;font-weight:700}.over-card .small{color:var(--muted);margin-top:6px;font-size:14px}.over-actions{flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:auto;padding-top:20px;display:flex}.over-board{border-radius:18px;width:100%;max-height:34dvh;margin-top:18px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.answer-review{background:var(--bg-elev);text-align:left;border-radius:18px;width:100%;margin-top:16px;padding:16px 18px}.answer-review .q{margin-bottom:6px;font-weight:700}.answer-review .ok{color:var(--green);font-weight:700}.answer-review .expl{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.4}.review-sign{object-fit:contain;width:72px;height:72px;margin-top:8px;display:block}.exam-clock{font-variant-numeric:tabular-nums;background:var(--surface);border-radius:var(--radius-pill);padding:6px 12px;font-size:18px;font-weight:800}.exam-clock.warn{background:var(--red-soft);color:#fecaca}.exam-progress{background:var(--surface);border-radius:4px;height:4px;margin-bottom:18px;overflow:hidden}.exam-progress>div{background:var(--green);height:100%;transition:width .2s}.exam-q-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.flag{color:var(--muted);border-radius:var(--radius-pill);background:var(--surface);padding:6px 10px;font-size:13px;font-weight:600}.flag.on{background:var(--amber);color:#3b2a00}.exam-sign{object-fit:contain;width:110px;height:110px;margin:6px auto 10px;display:block}.exam-question{margin:6px 0 18px;font-size:20px;font-weight:700;line-height:1.3}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;background:var(--bg-elev);border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;font-size:16px;line-height:1.3;transition:border-color .12s,background .12s;display:flex}.option.selected{border-color:var(--green);background:#5dc98f1f}.option.static{cursor:default}.option.right{border-color:var(--green);background:#5dc98f24}.option.wrong{border-color:var(--red);background:var(--red-soft)}.options.small .option{background:var(--surface);padding:10px 12px;font-size:14px}.option-letter{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.exam-nav{padding:14px 0 calc(var(--safe-bottom) + 6px);background:linear-gradient(to top, var(--bg) 70%, transparent);gap:10px;margin-top:20px;display:flex;position:sticky;bottom:0}.exam-nav .btn{flex:1;min-height:50px;padding:0 12px;font-size:16px}.modal{z-index:60;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-elev);padding:22px 20px calc(var(--safe-bottom) + 20px);border-radius:24px 24px 0 0;width:100%;max-width:640px;max-height:85dvh;overflow-y:auto}.modal-card h3{font-size:20px;font-weight:800}.grid-nums{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;margin-top:14px;display:grid}.num{background:var(--surface);font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:12px;height:44px;font-weight:700}.num.done{background:#5dc98f40}.num.flag{border-color:var(--amber)}.num.cur{border-color:var(--text)}.rules{color:var(--muted);margin:0;padding-left:20px;line-height:1.6}.rules b{color:var(--text)}.ring-wrap{place-items:center;margin:22px 0;display:grid}.ring{--pct:0;background:conic-gradient(var(--col) calc(var(--pct) * 1%), var(--surface) 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.ring span{background:var(--bg);border-radius:50%;place-items:center;width:118px;height:118px;font-size:30px;font-weight:800;display:grid}.area-row{padding:8px 0}.area-head{justify-content:space-between;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.area-bar{background:var(--surface);border-radius:8px;height:8px;overflow:hidden}.area-bar>div{background:var(--green);height:100%}.review-card .expl{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.45}.subtopic-grid{flex-wrap:wrap;gap:8px;display:flex}.practice-expl{background:var(--bg-elev);border-radius:16px;margin-top:14px;padding:14px 16px;animation:.2s fade-in}.practice-expl .verdict{font-size:17px;font-weight:800}.calendar{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.cal-col{grid-template-rows:repeat(7,1fr);gap:5px;display:grid}.cal-day{aspect-ratio:1;background:var(--surface);border-radius:4px}.cal-day.on{background:var(--green)}.cal-day.today{outline:2px solid var(--text);outline-offset:-2px}.sign-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sign-card{background:var(--bg-elev);text-align:center;border-radius:16px;padding:12px}.sign-card img{object-fit:contain;width:80px;height:80px}.sign-card .name{margin-top:6px;font-size:13px;font-weight:700;line-height:1.25}.sign-card .code{color:var(--muted-2);font-size:11px}.search{background:var(--surface);border-radius:var(--radius-pill);width:100%;color:var(--text);font:inherit;border:0;margin-bottom:14px;padding:12px 16px;font-size:16px}.toggle-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:0}.switch{background:var(--surface-2);border-radius:15px;width:50px;height:30px;transition:background .15s;position:relative}.switch[aria-checked=true]{background:var(--green)}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]:after{transform:translate(20px)}