:root{--bg:#14181c;--panel:#14181ceb;--text:#f4f6f8;--muted:#aab4bd;--accent:#f2c200;--danger:#e5484d;--ok:#2fbf71;--radius:16px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{left:0;right:0;top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed}.hud-box{white-space:nowrap;background:#14181cb3;border-radius:999px;padding:6px 12px;font-size:15px}.hud-box b{color:var(--accent);font-variant-numeric:tabular-nums}.hud-btn{pointer-events:auto;width:40px;height:34px;color:var(--text);cursor:pointer;background:#14181cb3;border:0;border-radius:999px;font-size:14px}@media (max-width:440px){#hud{gap:5px;padding:0 8px}.hud-box{padding:5px 9px;font-size:13px}.hud-btn{width:34px;height:30px;font-size:12px}}.hud-shield{background:#2a6fdbd9;font-weight:700}.bump{animation:.25s ease-out bump}@keyframes bump{50%{transform:scale(1.25)}}.toast{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 56px);text-align:center;color:#fff;pointer-events:none;border-radius:14px;width:min(92vw,460px);padding:12px 16px;font-size:17px;font-weight:700;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000059}.toast-shield{background:#2a6fdb}.toast-clear{background:#c98700}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}#fps{left:8px;bottom:max(8px, env(safe-area-inset-bottom));color:#fff;background:#00000080;border-radius:4px;padding:2px 6px;font:12px monospace;position:fixed}.screen{touch-action:manipulation;background:#0a0c0e73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.panel{touch-action:pan-y;overscroll-behavior:contain;background:var(--panel);border-radius:var(--radius);text-align:center;border-top:6px solid var(--accent);width:min(440px,100%);max-height:100%;padding:24px 20px;overflow:auto;box-shadow:0 10px 40px #0006}.panel.incident{border-top-color:var(--danger)}h1{margin:6px 0 4px;font-size:max(24px,min(7vw,34px))}.badge{letter-spacing:2px;background:repeating-linear-gradient(-45deg, var(--accent) 0 10px, #111 10px 20px);color:#fff;text-shadow:0 1px 2px #000;border-radius:6px;padding:4px 12px;font-weight:800;display:inline-block}.company-logo{background:#fff;border-radius:10px;width:min(260px,80%);margin:0 auto 14px;padding:10px 16px}.company-logo img{width:100%;height:auto;display:block}.sub{color:var(--muted);margin:0 0 16px}.hint{color:var(--muted);margin:8px 0 16px;font-size:14px}.danger{color:var(--danger)}.label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 0 2px;font-size:13px}.hazard-name{margin:0;font-size:22px;font-weight:700}.safe-action{color:var(--ok);margin:0;font-size:18px}.result{color:var(--muted);margin:18px 0}.result b{color:var(--text)}.btn{cursor:pointer;border:0;border-radius:12px;width:100%;min-height:52px;margin-top:10px;font-size:18px;font-weight:700;display:block}.btn.primary{background:var(--accent);color:#111}.btn.ghost{color:var(--text);background:0 0;border:1px solid #3a434b;min-height:44px;font-size:15px}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (hover:hover) and (pointer:fine){.touch-only{display:none}}@media (hover:none),(pointer:coarse){.key-only{display:none}}.hud-score b{min-width:3ch;display:inline-block}.hud-mult{color:#111;background:#f2c200eb;font-weight:800}.hud-mult b{color:#111}.results{text-align:left;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 6px;display:grid}.results div{background:#ffffff0f;border-radius:10px;padding:8px 10px}.results div>span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;display:block}.results b{font-size:20px}.results div:first-child{grid-column:1/-1}.results div:first-child b{color:var(--accent);font-size:30px}.panel.question{text-align:left;border-top-color:#2a6fdb}.q-head{align-items:center;gap:8px;font-size:13px;display:flex}.q-tag{text-transform:uppercase;letter-spacing:.5px;color:#8fb5ff;font-weight:800}.q-cat{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.q-timer{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;font-size:22px;font-weight:800}.q-timer.urgent{color:var(--danger)}.q-bar{background:#ffffff1f;border-radius:3px;height:6px;margin:8px 0 12px;overflow:hidden}#q-bar-fill{transform-origin:0;background:#2a6fdb;width:100%;height:100%}.q-text{margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.3}.q-options{gap:8px;display:grid}.q-option{width:100%;min-height:50px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border:2px solid #3a434b;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:16px;display:flex}.q-option .q-letter{background:#3a434b;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.q-option:not(:disabled):hover{border-color:#8fb5ff;outline:none}.q-option:focus-visible{border-color:#8fb5ff;outline:none}.q-option.correct{border-color:var(--ok);background:#2fbf712e}.q-option.correct .q-letter{background:var(--ok);color:#fff}.q-option.wrong{border-color:var(--danger);background:#e5484d2e}.q-option.wrong .q-letter{background:var(--danger);color:#fff}.q-option:disabled{cursor:default}.q-feedback{border-radius:12px;margin-top:12px;padding:10px 12px}.q-feedback.good{background:#2fbf7126}.q-feedback.bad{background:#e5484d26}.q-feedback-title{margin:0 0 4px;font-size:17px;font-weight:800}.q-feedback-text{margin:0;line-height:1.35}.q-strikes{color:var(--muted);margin:6px 0 0;font-size:14px}.countdown{pointer-events:none;color:#fff;text-shadow:0 6px 30px #0009;place-items:center;font-size:min(40vw,220px);font-weight:900;animation:.9s ease-out count-pop;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes count-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1}to{transform:scale(1)}}.lang-picker{background:#ffffff0f;border:1px solid #3a434b;border-radius:999px;gap:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:12px auto 0;padding:4px;display:flex}.lang-picker button{min-width:108px;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.lang-picker button[aria-pressed=true]{background:var(--accent);color:#111}.lang-picker button:focus-visible{outline-offset:2px;outline:3px solid #fff}.player-form{text-align:left;gap:6px;margin-top:8px;display:grid}.player-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:13px}.player-form input,.player-form select{width:100%;min-height:48px;color:var(--text);-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:manipulation;background:#0f1316;border:2px solid #3a434b;border-radius:12px;padding:0 12px;font-size:17px}.player-form input:focus,.player-form select:focus{border-color:var(--accent);outline:none}.form-error{color:var(--danger);margin:4px 0 0;font-weight:700}.menu-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu-row .btn{font-size:15px}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:32px;margin:12px auto 0;font-size:14px;text-decoration:underline;display:block}.panel.wide{text-align:left;width:min(640px,100%)}.panel.wide h1,.panel.wide .hint{text-align:center}.moves{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0;display:grid}.move{background:#ffffff0d;border-top:4px solid;border-radius:12px;padding:10px}.move-jump{border-color:#1f9d55}.move-slide{border-color:#2a6fdb}.move-lane{border-color:#d64545}.move svg{background:#2a3138;border-radius:8px;width:100%;height:auto}.move h2{letter-spacing:.5px;margin:8px 0 4px;font-size:16px}.move-jump h2{color:#3ccf7f}.move-slide h2{color:#6fa2ff}.move-lane h2{color:#ff7b7f}.move-how{color:var(--text);margin:0 0 6px;font-size:14px}.hazard-list{color:var(--muted);margin:0;padding-left:18px;font-size:13px}.rules h2{color:var(--accent);margin:14px 0 4px;font-size:16px}.rules p{margin:4px 0;font-size:14px;line-height:1.4}.tabs{background:#ffffff0f;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0;padding:4px;display:grid}.tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:15px;font-weight:700}.tabs button[aria-selected=true]{background:var(--accent);color:#111}.board-source{color:var(--muted);text-align:center;margin:4px 0 8px;font-size:12px}.board{border-collapse:collapse;width:100%;font-size:14px}.board th{text-align:left;color:var(--muted);text-transform:uppercase;border-bottom:1px solid #3a434b;padding:6px 4px;font-size:12px;font-weight:600}.board td{border-bottom:1px solid #ffffff0f;padding:8px 4px}.board td:first-child{width:2.5em;color:var(--muted);font-variant-numeric:tabular-nums}.board td:last-child,.board th:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.board tr:first-child td:first-child{color:#f2c200;font-weight:800}.board tr:nth-child(2) td:first-child{color:#cfd6dc;font-weight:800}.board tr:nth-child(3) td:first-child{color:#d08a4a;font-weight:800}.board tr.mine td{background:#f2c20024}.credits-list{gap:8px;margin:10px 0;display:grid}.credit{background:#ffffff0d;border-radius:10px;gap:2px;padding:8px 10px;font-size:14px;display:grid}.credit span{color:var(--muted);font-size:13px}.credit a{color:#8fb5ff;word-break:break-all;font-size:13px}.over-best{color:var(--muted);margin:8px 0 0;font-weight:700}.over-best.is-best{color:var(--accent);font-size:17px}@media (max-width:520px){.move{grid-template-columns:104px 1fr;align-items:start;column-gap:10px;display:grid}.move svg{grid-row:span 3}.move h2{margin-top:0}}.link-row{justify-content:center;gap:18px;display:flex}.link-row .link-btn{margin:12px 0 0}.over-best.is-warning{color:#f0a54a;font-size:14px}.loading-text{color:var(--muted);margin:14px 0 10px}.load-bar{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}#load-bar-fill{background:var(--accent);width:0;height:100%;transition:width .2s}@media (max-height:520px){.screen{padding:8px}.panel{padding:12px 16px}.badge{display:none}.start-head{justify-content:center;align-items:center;gap:12px;display:flex}.company-logo{border-radius:6px;flex:none;width:110px;margin:0;padding:4px 7px}h1{margin:2px 0;font-size:22px}.sub{margin:0 0 4px;font-size:13px}.player-form{grid-template-columns:1fr 1fr;gap:2px 10px}.player-form label{margin-top:2px;font-size:11px}.player-form label[for=player-name]{grid-area:1/1}.player-form label[for=player-dept]{grid-area:1/2}.player-form input{grid-area:2/1;min-height:42px}.player-form select{grid-area:2/2;min-height:42px}.player-form .form-error,.player-form .btn{grid-column:1/-1}.btn{min-height:44px;margin-top:6px;font-size:16px}.lang-picker{margin-top:6px}.lang-picker button{min-height:34px}.link-row .link-btn{margin-top:4px}.panel.question{width:min(720px,100%)}.q-text{margin-bottom:8px;font-size:16px}.q-options{grid-template-columns:1fr 1fr;gap:6px}.q-option{min-height:44px;padding:6px 10px;font-size:14px}.results{grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 4px}.results div:first-child{grid-column:auto}.results div:first-child b,.results b,.hazard-name{font-size:18px}.safe-action{font-size:15px}.label{margin-top:6px}.panel.incident{width:min(760px,100%)}.results div{padding:6px 8px}.results div>span{font-size:10px}.results b,.results div:first-child b{white-space:nowrap;font-size:17px}.over-best{margin-top:4px;font-size:14px}.sub{display:none}}