*{margin:0;padding:0;box-sizing:border-box}:root{--amber: #f5b301;--bg: #0b0e13;--panel: rgba(11, 14, 20, .82);--panel-solid: #12161e;--line: rgba(245, 179, 1, .28);--line-dim: rgba(255, 255, 255, .09);--text: #dfe6f0;--dim: #8b96a8;--good: #41d67c;--bad: #ff5d5d;--font: "Noto Sans KR", "Malgun Gothic", "Segoe UI", system-ui, sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}input,button,select,textarea,table{font-family:var(--font);font-size:inherit}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud b{color:var(--amber)}#hud .ic{width:15px;height:15px;vertical-align:-2px;display:inline-block}#hud.mode-robot:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#0009}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:8px 16px}.brand{font-weight:900;letter-spacing:2px;font-size:19px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}.brand span{color:var(--amber)}.timer-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line-dim);border-radius:999px;padding:6px 18px;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.timer-chip .ic{width:18px;height:18px;color:var(--amber)}.top-spacer{width:120px}.pips{position:absolute;top:60px;left:0;right:0;display:flex;justify-content:center;gap:12px;pointer-events:none}.pip{width:260px;height:146px;border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 24px #00000073;position:relative}.pip label{position:absolute;top:4px;left:6px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--amber);background:#0009;padding:2px 7px;border-radius:3px;display:flex;align-items:center;gap:4px}.pip label .ic{width:12px;height:12px}.left-col{position:absolute;top:46px;left:12px;width:252px;display:flex;flex-direction:column;gap:10px}.posboard{background:var(--panel);border:1px solid var(--line-dim);border-radius:10px;overflow:hidden}.pos-head{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:11px;letter-spacing:2px;color:var(--dim);border-bottom:1px solid var(--line-dim)}.pos-head .ic{color:var(--amber)}.pos-head b{margin-left:auto;font-size:14px;color:#fff;font-variant-numeric:tabular-nums}.pos-row{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:13px;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.04)}.pos-row:last-child{border-bottom:0}.pos-row i{font-style:normal;width:22px;height:20px;display:flex;align-items:center;justify-content:center;background:#1a2029;border-radius:4px;font-weight:800;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.pos-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-row b{font-variant-numeric:tabular-nums;font-weight:700}.pos-row.me{color:#fff;background:#f5b3011a}.pos-row.me i{background:var(--amber);color:#000}.tier{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-weight:900;font-size:11px;color:#000;margin-right:6px;flex:0 0 auto}.tier-E{background:#6b7280}.tier-D{background:#b0763f}.tier-C{background:#9fb4c7}.tier-B{background:#38bdf8}.tier-A{background:#fbbf24}.tier-S{background:#f43f5e;color:#fff}.pos-me{display:flex;align-items:center;padding:5px 10px;font-size:12px;color:var(--dim);border-bottom:1px solid var(--line-dim);background:#ffffff05}.pos-me:empty{display:none}.pos-me b{color:#fff;font-variant-numeric:tabular-nums;margin:0 3px}.rp-d{font-style:normal;font-size:12px;font-weight:700;margin-left:2px}.rp-d.plus{color:#4ade80}.rp-d.minus{color:#f87171}.ladder-me{display:flex;align-items:center;font-size:14px;color:var(--dim);margin:2px 0 10px}.ladder-me b{color:#fff;margin:0 3px;font-variant-numeric:tabular-nums}.modal table.ladder td{font-variant-numeric:tabular-nums}.quest{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.q-head{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:#fff}.q-head .ic{color:var(--amber);width:17px;height:17px}.q-flavor{margin-top:5px;font-size:12px;line-height:1.45;color:var(--dim)}.q-time{margin-top:6px;font-size:13px;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.q-time .ic{color:var(--amber)}.q-time.late b{color:var(--bad);animation:blink .5s infinite alternate}.q-steps{margin-top:7px;display:flex;flex-direction:column;gap:2px}.q-step{font-size:12.5px;color:var(--dim);display:flex;gap:7px;align-items:center}.q-step span{width:16px;text-align:center}.q-step.done{color:var(--good)}.q-step.cur{color:var(--amber);font-weight:700}.q-phi{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim)}.q-phi .bar{flex:1;height:7px;background:#1a2029;border-radius:4px;overflow:hidden}.q-phi .fill{height:100%;width:0%;background:linear-gradient(90deg,var(--bad),var(--amber),var(--good))}.feed{display:flex;flex-direction:column;gap:6px}.feed-item{background:var(--panel);border-left:3px solid var(--amber);border-radius:8px;padding:8px 10px;font-size:12.5px;opacity:0;transform:translate(-12px);transition:all .3s}.feed-item.show{opacity:1;transform:none}.feed-item.good{border-left-color:var(--good)}.feed-item.bad{border-left-color:var(--bad)}.right-col{position:absolute;top:46px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}#h-map{border:1px solid var(--line-dim);border-radius:10px;box-shadow:0 6px 24px #0006}.score-chip{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line-dim);border-radius:999px;padding:6px 16px;font-size:12px;letter-spacing:1px;color:var(--dim)}.score-chip b{font-size:20px;margin-left:8px;font-variant-numeric:tabular-nums}.cluster{position:absolute;left:50%;transform:translate(-50%);bottom:22px;display:flex;align-items:flex-end;gap:14px;background:var(--panel);border:1px solid var(--line-dim);border-radius:14px;padding:10px 18px;box-shadow:0 10px 40px #00000073}.c-mast{display:flex;gap:10px;align-items:flex-end}.c-gauge{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dim)}.c-gauge .ic{width:14px;height:14px}.c-gauge .bar{position:relative;background:#1a2029;border-radius:4px;overflow:hidden}.c-gauge .bar.v{width:14px;height:58px}.c-gauge .bar.v .fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:var(--amber)}.c-gauge .bar.v .mark{position:absolute;left:-2px;right:-2px;height:2px;background:var(--good)}.c-gauge .bar.v .mark.belt{background:#2ea6ff}.c-gauge .bar.h{width:58px;height:12px;margin-bottom:23px}.c-gauge .bar.h .fill{height:100%;width:0%;background:var(--amber)}.c-speed{display:flex;align-items:baseline;gap:6px}.c-speed span{font-size:44px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.c-speed label{font-size:12px;color:var(--dim)}.c-gear{text-align:center}.c-gear label{font-size:10px;letter-spacing:2px;color:var(--dim);display:flex;align-items:center;gap:4px;justify-content:center}.c-gear div{margin-top:2px;width:52px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--amber);color:#000;font-size:30px;font-weight:900;border-radius:8px;font-variant-numeric:tabular-nums}.c-flags{display:flex;flex-direction:column;gap:5px}.estop,.rearcam{display:none;align-items:center;gap:5px;font-weight:800;font-size:11px;padding:4px 9px;border-radius:7px}.estop.on{display:flex;background:var(--bad);color:#000;animation:blink .6s infinite alternate}.rearcam.on{display:flex;background:var(--amber);color:#000}@keyframes blink{0%{opacity:1}to{opacity:.45}}.footer{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:var(--dim);padding:3px;background:#00000080}#overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#04060ab8;z-index:10;pointer-events:auto}#overlay.show{display:flex}#overlay .ic{width:18px;height:18px;vertical-align:-3px;color:var(--amber)}.modal{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:28px 32px;max-width:640px;width:92vw;max-height:86vh;overflow:auto;box-shadow:0 20px 60px #0009}.modal h1{font-size:34px;letter-spacing:3px;margin-bottom:2px;font-weight:900}.modal h1 span{color:var(--amber)}.modal .tag{color:var(--dim);font-size:13px;margin:0 0 14px;letter-spacing:.5px}.modal h2{margin-bottom:12px}.modal h3{margin:18px 0 8px;font-size:12.5px;color:var(--amber);letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.modal h3:after{content:"";flex:1;height:1px;background:var(--line-dim)}.modal p{margin:8px 0;line-height:1.5}.modal .dim{color:var(--dim);font-size:12px}.modal table.controls td{color:var(--dim);font-size:13px}.modal table.controls td:nth-child(odd){color:#fff;font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.modal table.controls tr td:first-child{border-left:2px solid rgba(245,179,1,.35);padding-left:10px}.modal input{width:100%;padding:10px 12px;font-size:16px;border-radius:8px;border:1px solid var(--line);background:#0b0e13;color:var(--text);margin:10px 0}.modal input:focus{outline:2px solid rgba(245,179,1,.55);outline-offset:0}.modal .consent{display:flex;gap:8px;align-items:flex-start;margin:10px 0 4px;font-size:12px;color:var(--dim);line-height:1.5}.modal .consent input{width:auto;margin-top:2px;accent-color:var(--amber)}.modal #play{display:block;width:100%;margin-top:12px;padding:14px 0;font-size:19px;letter-spacing:4px;border-radius:12px;background:linear-gradient(180deg,#ffc82e,#f5a201);color:#17130a;box-shadow:0 6px 22px #f5b30140}.modal #play:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 26px #f5b30159}.modal #play:disabled{background:#3a4048;color:#78818c;box-shadow:none}.modal button{padding:10px 22px;font-size:16px;font-weight:800;border:0;border-radius:8px;background:var(--amber);color:#000;cursor:pointer}.modal button:disabled{opacity:.4;cursor:default}.modal button:hover:not(:disabled){filter:brightness(1.1)}.modal table.controls{width:100%;font-size:13px;border-collapse:collapse;margin:10px 0}.modal table.controls td{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.modal table.controls td:first-child,.modal table.controls td:nth-child(3){color:var(--amber);font-weight:700;white-space:nowrap}.modal table.standings{width:100%;border-collapse:collapse;font-size:14px}.modal table.standings th,.modal table.standings td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-variant-numeric:tabular-nums}.modal tr.me td{color:var(--amber);font-weight:700}.consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--dim);margin:12px 0}.consent input{width:auto;margin:3px 0 0}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:140px;font-weight:900;color:var(--amber);text-shadow:0 8px 40px rgba(0,0,0,.7);pointer-events:none;letter-spacing:4px}.countdown.pop{animation:countpop .75s ease-out}@keyframes countpop{0%{transform:scale(1.6);opacity:0}25%{transform:scale(1);opacity:1}85%{opacity:1}to{opacity:.15}}@media (max-width: 1360px){.left-col{width:220px}#h-map{width:190px}.pip{width:250px;height:142px}}#touchpad{position:fixed;inset:0;pointer-events:none;z-index:8;display:none}body.mobile #touchpad{display:block}.tc-track{position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:#10141b80;border:1.5px solid rgba(255,255,255,.2);border-radius:999px}.tc-track.on{border-color:var(--amber)}.tc-puck{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#434b57,#1a1f27 75%);border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #0000008c;pointer-events:none}.tc-track.on .tc-puck{border-color:var(--amber)}.tc-hint{position:absolute;font-size:17px;color:#fff6;font-weight:900;pointer-events:none}.tc-steer{left:16px;bottom:16px;width:248px;height:104px}.tc-steer .tc-hint.hl{left:13px;top:50%;transform:translateY(-50%)}.tc-steer .tc-hint.hr{right:13px;top:50%;transform:translateY(-50%)}.tc-drive{right:16px;bottom:16px;width:104px;height:224px}.tc-drive .tc-hint.ht{top:10px;left:50%;transform:translate(-50%)}.tc-drive .tc-hint.hb{bottom:10px;left:50%;transform:translate(-50%)}.tc-track>label{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;color:var(--dim);pointer-events:none}.tc-zone{display:flex;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.tc-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#10141b94;border:1.5px solid rgba(255,255,255,.22);color:#ffffffd9;font-weight:900}.tc-cell.on{background:#f5b301d9;border-color:var(--amber);color:#14181f}.tc-work{position:absolute;right:136px;bottom:16px;display:flex;gap:8px;align-items:flex-end;pointer-events:none}.tc-rocker{position:relative;flex-direction:column;gap:6px;pointer-events:auto;touch-action:none;display:flex}.tc-lift .tc-cell{width:60px;height:62px;font-size:20px;border-radius:14px}.tc-tilt .tc-cell{width:46px;height:46px;font-size:15px;border-radius:12px}.tc-rocker>label{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:var(--dim);pointer-events:none}.tc-gear{position:absolute;left:16px;bottom:136px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.tc-chip{width:96px;height:38px;border-radius:12px;border:1.5px solid rgba(255,255,255,.22);background:#10141b94;color:var(--amber);font-weight:800;font-size:13px;pointer-events:auto;touch-action:none}.tc-chip.on{background:#f5b301d9;color:#14181f}.tc-round{position:absolute;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#10141b9e;font-size:15px;pointer-events:auto;touch-action:none}.tc-estop{top:8px;right:194px;color:#ff5d5d;border-color:#ff5d5d99;font-size:9px;font-weight:900;letter-spacing:1px}.tc-estop.on{background:#ff5d5d;color:#14181f}.tc-view{top:8px;right:246px}.tc-view.on{background:#f5b301d9}body.mobile .c-mast,body.mobile .c-load{display:none}@media (max-width: 750px){.tc-steer{width:218px;height:96px}.tc-drive{width:96px;height:196px}.tc-work{right:124px}.tc-gear{bottom:128px}.tc-estop,.tc-view{top:56px}}#rotate-blocker{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#0b0e13;text-align:center}#rotate-blocker>div{font-size:56px}#rotate-blocker p{font-size:22px;font-weight:800;color:var(--amber);margin-top:12px}#rotate-blocker span{font-size:13px;color:var(--dim)}@media (orientation: portrait){body.mobile #rotate-blocker{display:flex}}body.mobile .q-flavor{display:none}body.mobile .q-step{font-size:11px}body.mobile .pips{top:52px}body.mobile .pip{width:196px;height:110px}body.mobile #h-map{width:168px;height:110px}body.mobile .right-col{top:8px}body.mobile .cluster{bottom:10px;padding:6px 12px;gap:9px;transform:translate(-50%) scale(.82)}body.mobile .hud-top{position:relative}body.mobile .top-center{position:absolute;left:50%;top:6px;transform:translate(-50%)}body.mobile .timer-chip{font-size:18px;padding:4px 13px}body.mobile .score-chip b{font-size:15px}body.mobile .brand,body.mobile .footer{display:none}body.mobile .posboard .pos-row{font-size:11px}.top-center{display:flex;flex-direction:row;align-items:center;gap:10px}.help{background:var(--panel);border:1px solid var(--line-dim);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:3px;opacity:.92}.help .h-row{display:flex;align-items:center;gap:8px}.help .keys{display:flex;gap:3px;align-items:center;min-width:112px;flex:0 0 auto}.help kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:linear-gradient(#2b3646,#1c2430);border:1px solid #3a475a;border-bottom-width:3px;border-radius:5px;font-weight:800;font-size:12px;font-family:inherit;color:#e6edf6;box-shadow:inset 0 1px #ffffff12}.help kbd.wide{padding:0 8px;font-size:11px}.help .keys i{font-style:normal;color:var(--dim);font-size:11px;margin:0 1px}.help label{color:var(--dim);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help .h-row.hot label{color:var(--amber);font-weight:800}.help .h-row.hot kbd{border-color:var(--amber);color:var(--amber);box-shadow:inset 0 1px #f5b30126}body.help-off .help,body.mobile .help{display:none}.c-load{text-align:center;color:var(--dim)}.c-load label{font-size:10px;letter-spacing:1px;display:flex;gap:4px;align-items:center;justify-content:center}.c-load div{margin-top:2px;font-variant-numeric:tabular-nums}.c-load b{font-size:22px;color:var(--text)}.c-load span{font-size:11px;margin-left:3px}.c-load.on b{color:var(--amber)}#h-flash{position:absolute;inset:0;pointer-events:none;opacity:0}#h-flash.on.bad{animation:flashbad .5s ease-out}#h-flash.on.good{animation:flashgood .6s ease-out}@keyframes flashbad{0%{opacity:.55;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,60,60,.75))}to{opacity:0}}@keyframes flashgood{0%{opacity:.4;background:radial-gradient(ellipse at center,transparent 45%,rgba(245,179,1,.55))}to{opacity:0}}body.mobile .left-col{width:200px;top:8px;left:10px;gap:6px}body.mobile .pos-me,body.mobile #h-roster{display:none}body.mobile .pos-head{padding:5px 8px}body.mobile .q-flavor,body.mobile .q-steps{display:none}body.mobile .quest{padding:7px 9px}body.mobile .q-head{font-size:13px}body.mobile .feed{display:none}#h-banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.9);text-align:center;pointer-events:none;opacity:0;animation:bannerin .35s cubic-bezier(.2,1.4,.4,1) forwards}#h-banner b{display:block;font-size:44px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.8)}#h-banner span{display:block;margin-top:4px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.8)}#h-banner.good b{color:var(--amber)}#h-banner.good span{color:#ffe9b0}#h-banner.bad b{color:var(--bad)}#h-banner.bad span{color:#ffb9b9}#h-banner.out{animation:bannerout .5s ease-in forwards}@keyframes bannerin{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerout{to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}body.mobile #h-banner b{font-size:30px}.podium-head{display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px;font-weight:900;margin:2px 0 12px;color:#fff}.podium-head .ic{width:26px;height:26px;color:var(--amber)}.podium-head.win b{color:var(--amber);text-shadow:0 0 24px rgba(245,179,1,.5)}.place{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-weight:800;font-variant-numeric:tabular-nums;background:#232b37}.place.gold{background:linear-gradient(#ffd75e,#b8860b);color:#201500}.place.silver{background:linear-gradient(#e7edf4,#97a3b3);color:#10151c}.place.bronze{background:linear-gradient(#e2a06a,#8c5a2b);color:#1d0f02}#h-dock{position:absolute;left:50%;transform:translate(-50%);bottom:118px;display:flex;gap:12px;background:var(--panel);border:1px solid var(--line-dim);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;pointer-events:none}#h-dock .ok{color:var(--good)}#h-dock .bad{color:var(--bad)}body.mobile #h-dock{bottom:150px;font-size:12px}#h-coach{display:flex;gap:8px;align-items:flex-start;background:#f5b3011a;border:1px solid var(--line);border-radius:10px;padding:8px 10px}#h-coach span{font-size:16px;line-height:1.2}#h-coach p{font-size:12.5px;line-height:1.45;color:#ffe9b0;margin:0}#h-coach.pop{animation:coachpop .3s ease-out}@keyframes coachpop{0%{transform:translate(-8px);opacity:.4}to{transform:none;opacity:1}}body.mobile #h-coach{display:none}.pip{pointer-events:auto}.pip-x{position:absolute;top:4px;right:6px;width:22px;height:22px;border:0;border-radius:4px;background:#0009;color:#cfd8e4;font-size:12px;cursor:pointer;opacity:.8;transition:opacity .15s}.pip:hover .pip-x{opacity:1}.pip-x:hover{color:#fff;background:#000c}#h-pips-show{position:absolute;top:60px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:6px;pointer-events:auto;cursor:pointer;background:var(--panel);border:1px solid var(--line-dim);border-radius:999px;padding:5px 14px;color:var(--dim);font-size:12px;font-weight:700}#h-pips-show:hover{color:var(--amber);border-color:var(--line)}#h-pips-show .ic{width:14px;height:14px}.map-pick{display:flex;gap:10px;margin:6px 0 10px}.modal .map-opt{flex:1;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line-dim);background:#ffffff08;cursor:pointer;color:var(--text);box-shadow:none}.modal .map-opt{text-align:center}.map-ic{width:84px;height:52px;display:block;margin:0 auto 6px}.modal .map-opt b{display:block;font-size:14px;margin-bottom:3px}.modal .map-opt span{font-size:11.5px;color:var(--dim)}.modal .map-opt.sel{border-color:var(--amber);background:#f5b30114}.modal .map-opt.sel b{color:var(--amber)}.modal .map-opt:hover{border-color:#f5b30166}.modal .map-opt span{letter-spacing:.3px}.ach-count{font-size:12px;color:var(--dim);font-weight:400;margin-left:6px}.ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 4px}.ach{border:1px solid var(--line-dim);border-radius:10px;padding:8px 10px;opacity:.45}.ach b{display:block;font-size:12.5px;margin-bottom:2px}.ach span{font-size:11px;color:var(--dim)}.ach.got{opacity:1;border-color:#f5b3018c;background:#f5b30112}.ach.got b{color:var(--amber)}body.mobile .ach-grid{grid-template-columns:repeat(2,1fr)}.dhist{display:flex;align-items:center;gap:12px;margin:10px auto 2px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--line-dim);border-radius:10px;width:fit-content;max-width:100%}.dhist label{font-size:11px;letter-spacing:1px;color:var(--dim)}.dhist-bars{display:flex;align-items:flex-end;gap:5px;min-height:36px}.dhist .dbar{display:inline-block;width:14px;border-radius:3px 3px 0 0;font-style:normal}.dhist .dbar.good{background:#41d67c}.dhist .dbar.mid{background:var(--amber)}.dhist .dbar.low{background:#e0722f}.dhist .dbar.fail{background:none;color:#ff5d5d;font-weight:900;font-size:14px;width:auto;align-self:center}.dhist span{font-size:12px;color:var(--dim)}.dhist span b{color:#fff}@media (max-width: 750px){body.mobile .cluster{transform:translate(-50%) scale(.7);bottom:4px}body.mobile .timer-chip{font-size:15px;padding:3px 11px}body.mobile .score-chip{font-size:10px}body.mobile .score-chip b{font-size:13px}}