:root{--saffron: #f4a21c;--gold: #f2c14e;--deep: #1a0f08;--ink: #2a1a0e;--cream: #fbf3e4;--red: #b8302f;--glass: rgba(26, 15, 8, .62);--glass-strong: rgba(26, 15, 8, .86);--font: "Noto Sans", "Noto Sans Devanagari", "Noto Sans Telugu", "Noto Sans Tamil", system-ui, sans-serif;--display: "Noto Serif Devanagari", "Noto Sans", "Noto Sans Devanagari", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:var(--deep);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;cursor:pointer}input,select{font:inherit}.hidden{display:none!important}#ui>.hud{position:absolute;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));transition:opacity .25s}.hud.dim{opacity:.35}.hud-score{position:absolute;top:16px;left:18px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hud-score .label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.75}.hud-score .value{font-family:var(--display);font-size:42px;font-weight:600;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.hud-stats{display:flex;gap:18px;margin-top:10px;font-size:13px}.hud-stats span b{color:var(--gold);font-variant-numeric:tabular-nums}.hud-stats .streak.hot b{color:#ffe08a;text-shadow:0 0 12px rgba(255,200,80,.8)}.hud-bonus{position:absolute;top:118px;left:18px;font-family:var(--display);font-size:22px;color:#ffe08a;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;text-shadow:0 0 16px rgba(255,190,60,.8)}.hud-bonus.show{opacity:1;transform:translateY(0)}.hud-compass{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(420px,60vw);height:34px}.hud-compass canvas{width:100%;height:100%;display:block}.hud-minimap{position:absolute;right:16px;top:16px;width:150px;height:150px;border-radius:50%;overflow:hidden;border:2px solid rgba(242,193,78,.5);box-shadow:0 4px 20px #00000073;background:#140c068c}.hud-minimap canvas{width:100%;height:100%;display:block}.hud-clock{position:absolute;right:16px;top:172px;font-size:11px;letter-spacing:.15em;opacity:.7;text-align:right}.edge-indicator{position:absolute;left:0;top:0;width:64px;height:30px;margin:-15px 0 0 -32px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:var(--gold);text-shadow:0 1px 6px rgba(0,0,0,.8);will-change:transform;pointer-events:none}.edge-indicator .arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--gold);filter:drop-shadow(0 0 4px rgba(255,190,60,.8))}.edge-indicator .dist{font-variant-numeric:tabular-nums}.edge-indicator .q{display:none;font-size:15px;font-weight:800;color:#ffe08a}.edge-indicator.secret .arrow{border-bottom-color:#f2c14e73}.edge-indicator.secret .q{display:inline}.edge-indicator.secret .dist{opacity:.8}.hud-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:12px;opacity:.6;letter-spacing:.05em;white-space:nowrap}.touch{position:absolute;inset:0;pointer-events:none}.touch .stick{position:absolute;width:128px;height:128px;border-radius:50%;border:2px solid rgba(251,243,228,.35);background:#1a0f084d;display:none}.touch .stick .nub{position:absolute;width:56px;height:56px;left:36px;top:36px;border-radius:50%;background:#f2c14ebf}.touch .btn{position:absolute;width:72px;height:72px;border-radius:50%;border:2px solid rgba(242,193,78,.6);background:var(--glass);color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.05em;pointer-events:auto;user-select:none;-webkit-user-select:none}:root{--btn: clamp(50px, 16vmin, 78px);--gap: clamp(8px, 2.4vmin, 14px);--edge-r: calc(12px + env(safe-area-inset-right, 0px)) ;--edge-l: calc(12px + env(safe-area-inset-left, 0px)) ;--edge-b: calc(12px + env(safe-area-inset-bottom, 0px)) ;--edge-t: calc(10px + env(safe-area-inset-top, 0px)) ;--mm: clamp(64px, 19vmin, 120px)}.touch .btn{width:var(--btn);height:var(--btn);font-size:clamp(10px,3.2vmin,13px)}.touch .btn:active{background:#f2c14e59}.touch .btn.leap{right:calc(var(--edge-r) + var(--btn) + var(--gap));bottom:var(--edge-b)}.touch .btn.sprint{right:var(--edge-r);bottom:calc(var(--edge-b) + var(--btn) + var(--gap))}.touch .btn.mount{right:calc(var(--edge-r) + var(--btn) + var(--gap));bottom:calc(var(--edge-b) + var(--btn) + var(--gap));font-size:clamp(9px,2.8vmin,11px)}.touch .btn.view{right:calc(var(--edge-r) + (var(--btn) - var(--btn) * .74) / 2);bottom:calc(var(--edge-b) + 2 * (var(--btn) + var(--gap)));width:calc(var(--btn) * .74);height:calc(var(--btn) * .74);font-size:clamp(9px,2.8vmin,11px)}.touch .btn.pause{right:calc(var(--edge-r) + var(--mm) + var(--gap));top:calc(var(--edge-t) + (var(--mm) - var(--btn) * .6) / 2);width:calc(var(--btn) * .6);height:calc(var(--btn) * .6);font-size:clamp(12px,4vmin,16px)}.hud-prompt{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:var(--glass);border:1px solid rgba(242,193,78,.35);color:var(--gold);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.03em;pointer-events:none}body.touch-device .touch .stick{display:block}body.touch-device .hud-clock,body.touch-device .hud-hint{display:none}body.touch-device .hud-minimap{width:var(--mm);height:var(--mm);right:var(--edge-r);top:var(--edge-t)}body.touch-device .hud-score{left:var(--edge-l);top:var(--edge-t)}body.touch-device .hud-score .value{font-size:clamp(22px,9vmin,42px)}body.touch-device .hud-stats{gap:clamp(8px,3vmin,18px);margin-top:clamp(4px,1.6vmin,10px);font-size:clamp(10px,3.2vmin,13px)}body.touch-device .hud-bonus{top:clamp(70px,26vmin,118px);left:var(--edge-l);font-size:clamp(16px,5vmin,22px)}body.touch-device .hud-compass{top:var(--edge-t);width:min(400px,42vw);height:clamp(22px,8vmin,34px)}body.touch-device .hud-timer{top:calc(var(--edge-t) + clamp(26px,9vmin,40px));font-size:clamp(20px,7vmin,30px)}body.touch-device .hud-prompt{bottom:calc(var(--edge-b) + clamp(28px,10vmin,48px));font-size:clamp(11px,3.4vmin,13px)}body.touch-device .toast{top:calc(var(--edge-t) + clamp(40px,14vmin,60px));max-width:min(560px,80vw);text-align:center}body:not(.touch-device) .touch{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0f0840,#1a0f08c7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease-out}.overlay.soft{background:radial-gradient(ellipse at center,#1a0f080d,#1a0f0873);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--glass-strong);border:1px solid rgba(242,193,78,.35);border-radius:18px;padding:26px 28px;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0f;animation:rise .3s cubic-bezier(.2,.8,.2,1)}.card.wide{width:min(760px,calc(100vw - 32px))}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.card h1{font-family:var(--display);font-weight:600;font-size:34px;margin:0 0 6px;color:var(--gold);line-height:1.15}.card h2{font-family:var(--display);font-weight:600;font-size:24px;margin:0 0 12px;color:var(--gold)}.card p.sub{margin:0 0 22px;opacity:.8}.card .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.card .stack{display:flex;flex-direction:column;gap:10px}.btn-primary,.btn-ghost{border-radius:12px;padding:13px 20px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;transition:transform .12s,background .15s,border-color .15s}.btn-primary{background:linear-gradient(180deg,#f6c65a,#e79a19);color:var(--deep);box-shadow:0 6px 18px #e79a1959}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:#fbf3e40f;color:var(--cream);border-color:#fbf3e42e}.btn-ghost:hover{background:#fbf3e41f}.btn-ghost.active{border-color:var(--gold);color:var(--gold)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px}.field label{opacity:.8}.field input[type=text]{background:#0000004d;border:1px solid rgba(251,243,228,.2);color:var(--cream);padding:11px 12px;border-radius:10px}.field input[type=range]{accent-color:var(--saffron);width:100%}.field select{background:#0000004d;border:1px solid rgba(251,243,228,.2);color:var(--cream);padding:10px 12px;border-radius:10px}.field .check{display:flex;gap:10px;align-items:center}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs button{padding:8px 14px;border-radius:999px;font-size:13px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.meta{font-size:12px;opacity:.6;margin-top:12px}.meta code{color:var(--gold)}.divider{height:1px;background:#fbf3e41f;margin:16px 0}.qcard{width:min(640px,calc(100vw - 32px))}.qcard .qmeta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:12px}.qcard .qtext{font-size:20px;line-height:1.4;margin:0 0 18px;font-weight:600}.qcard .options{display:grid;gap:10px}.qcard .opt{text-align:left;padding:14px 16px;border-radius:12px;background:#fbf3e40f;border:1px solid rgba(251,243,228,.14);color:var(--cream);display:flex;gap:12px;align-items:center;transition:background .15s,border-color .15s,transform .1s}.qcard .opt:hover:not(:disabled){background:#f2c14e24;border-color:#f2c14e80}.qcard .opt:disabled{cursor:default}.qcard .opt .key{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;background:#fbf3e41f;flex:none}.qcard .opt.correct{background:#50a05a40;border-color:#6fcf7f}.qcard .opt.wrong{background:#b8302f40;border-color:var(--red)}.qcard .result{margin-top:18px;padding:14px 16px;border-radius:12px;background:#00000040;border-left:3px solid var(--gold)}.qcard .result .verdict{font-weight:700;margin-bottom:6px;color:var(--gold)}.qcard .result .verdict.bad{color:#ff9c8a}.qcard .result .why{font-size:14px;line-height:1.5;opacity:.92}.qcard .actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px;align-items:center}.qcard .cooldown{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}.seq-answer,.seq-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:44px}.seq-answer{padding:10px;border-radius:12px;background:#00000040;border:1px dashed rgba(242,193,78,.35)}.chip{font:inherit;font-size:14px;padding:9px 12px;border-radius:10px;background:#fbf3e414;border:1px solid rgba(251,243,228,.18);color:var(--cream);cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-align:left}.chip:hover:not(:disabled){background:#f2c14e29;border-color:#f2c14e80}.chip.placed{background:#f2c14e24;border-color:#f2c14e80}.chip.slot{opacity:.35;min-width:38px;justify-content:center;cursor:default}.chip .n{width:20px;height:20px;border-radius:6px;background:#f2c14e4d;display:grid;place-items:center;font-size:11px;font-weight:700}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.match .col{display:flex;flex-direction:column;gap:8px}.match .chip{width:100%;justify-content:flex-start}.match .chip.sel{border-color:var(--gold);background:#f2c14e38}.hud-timer{position:absolute;top:56px;left:50%;transform:translate(-50%);font-family:var(--display);font-size:30px;font-weight:600;color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.7);font-variant-numeric:tabular-nums;letter-spacing:.04em}.hud-timer.low{color:#ff9c8a;animation:pulse 1s ease-in-out infinite}.hud-timer .label{display:block;font-family:var(--font);font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.75;text-align:center}.top-list{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.top-list span{white-space:nowrap}.top-list span b{color:var(--gold);margin-right:4px}.top-list span em{font-style:normal;opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}.top-list span.me{color:var(--gold)}.rotate-overlay{display:none;position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 40%,#3a2410,var(--deep) 70%);color:var(--cream);flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.rotate-overlay .phone{font-size:64px;animation:rotatehint 1.6s ease-in-out infinite}.rotate-overlay .msg{font-family:var(--display);font-size:22px;color:var(--gold)}@keyframes rotatehint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media(orientation:portrait){body.touch-device .rotate-overlay{display:flex}}.tutorial{text-align:center}.tut-icon{font-size:56px;line-height:1;margin-bottom:8px}.tut-body{font-size:16px;line-height:1.6;opacity:.92;margin:0 0 18px;text-align:left}.tut-dots{display:flex;justify-content:center;gap:7px;margin-bottom:18px}.tut-dots i{width:8px;height:8px;border-radius:50%;background:#fbf3e440}.tut-dots i.on{background:var(--gold)}table.lb{width:100%;border-collapse:collapse;font-size:13px}table.lb th,table.lb td{padding:8px;text-align:left;border-bottom:1px solid rgba(251,243,228,.08)}table.lb th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}table.lb td.num{text-align:right;font-variant-numeric:tabular-nums}table.lb tr.me{background:#f2c14e1f}.lb-wrap{max-height:46vh;overflow:auto;border-radius:10px}.review-item{padding:12px 0;border-bottom:1px solid rgba(251,243,228,.1)}.review-item .q{font-weight:600;margin-bottom:6px}.review-item .a{font-size:13px}.review-item .a b{color:#8fe0a0}.review-item .a .you{color:#ff9c8a}.review-item .why{font-size:13px;opacity:.8;margin-top:6px;line-height:1.5}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#3a2410,var(--deep) 70%)}.loading .om{font-family:var(--display);font-size:84px;color:var(--gold);text-shadow:0 0 40px rgba(242,193,78,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}.loading .bar{width:260px;height:4px;background:#fbf3e41f;border-radius:2px;overflow:hidden}.loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--saffron),var(--gold));transition:width .2s}.loading .msg{font-size:13px;opacity:.7;letter-spacing:.1em}.debug{position:absolute;left:12px;bottom:12px;font:11px/1.5 ui-monospace,Menlo,monospace;background:#0009;color:#cfe;padding:8px 10px;border-radius:8px;white-space:pre;pointer-events:none}.toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:var(--glass-strong);border:1px solid rgba(242,193,78,.4);padding:10px 16px;border-radius:10px;font-size:13px;animation:fade .2s}@media(max-width:700px){.hud-score .value{font-size:32px}.hud-minimap{width:104px;height:104px}.hud-clock{top:126px}.hud-compass{width:46vw}.card{padding:20px 18px}.card h1{font-size:26px}.hud-hint{display:none}}@media(max-height:460px){.card{padding:14px 16px;max-height:calc(100dvh - 16px)}.card h1{font-size:22px;margin:0 0 8px}.card.wide{width:min(760px,calc(100vw - 24px))}.qcard{width:min(640px,calc(100vw - 24px))}.qcard .qtext{font-size:16px;margin-bottom:10px}.qcard .qmeta{margin-bottom:6px}.qcard .options{gap:6px;grid-template-columns:1fr 1fr}.qcard .opt{padding:9px 12px;font-size:14px}.tut-icon{font-size:40px}.tut-body{font-size:14px;line-height:1.45;margin-bottom:10px}}
