html,body{color:#fff;background:#0d1a1f;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hidden{display:none!important}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0814189e;border-radius:10px;padding:12px 14px;position:absolute}.label{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:700}.dim{color:#fff9}.good{color:#7fe08a;font-weight:700}.bad{color:#ff9a8a;margin-bottom:6px;font-size:20px;font-weight:700}kbd{min-width:1.4em;font:inherit;text-align:center;background:#ffffff29;border:1px solid #ffffff40;border-radius:4px;margin:0 1px;padding:1px 5px;font-size:.9em;display:inline-block}.top-left{top:16px;left:16px}.loc-name{font-size:18px;font-weight:700}.loc-sub{color:#b9d3cf;margin-bottom:8px;font-size:13px}.lure{color:#fff9;padding:2px 0;font-size:14px}.lure kbd{margin-right:6px}.lure.active{color:#ffd966;font-weight:700}.lure.empty{opacity:.35;text-decoration:line-through}.lure .count{color:#ffffff80;margin-left:4px;font-size:12px}.lure-group{letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin:8px 0 2px;font-size:10px;font-weight:700}.top-right{text-align:right;top:16px;right:16px}.bag{color:#ffd966;font-size:18px;font-weight:700}.sonar{padding:8px;bottom:16px;right:16px}.sonar canvas{border-radius:6px;margin-top:4px;display:block}.sonar-info{color:#fffc;margin-top:5px;font-size:12px}.toasts{text-align:center;color:#fff4c2;text-shadow:0 2px 8px #000000b3;font-size:28px;font-weight:800;position:absolute;top:18%;left:0;right:0}.power{background:#0006;border:2px solid #fffc;border-radius:8px;width:260px;height:14px;position:absolute;bottom:90px;left:50%;overflow:hidden;transform:translate(-50%)}.power>div{background:linear-gradient(90deg,#6fcf6f,#ffb347);height:100%}.hint{white-space:nowrap;background:#081418b3;border-radius:10px;padding:8px 16px;font-size:15px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hint.alert{color:#fd3;font-size:18px;font-weight:800}.fight{width:460px;bottom:64px;left:50%;transform:translate(-50%)}.fight .row{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;display:flex}.behavior{color:#ff9a7a;font-size:13px;font-weight:800}.tension{border-radius:4px;outline:1px solid #ffffff80;height:20px;display:flex;position:relative;overflow:visible}.z.slack{background:#5a96ff8c;width:8.57%}.z.ok{background:#5ac86e8c;width:52.14%}.z.warn{background:#f0c85099;width:10.71%}.z.danger{background:#f05046a6;flex:1}.needle{background:#fff;border-radius:3px;width:6px;height:30px;margin-left:-3px;position:absolute;top:-5px;box-shadow:0 0 6px #0009}.meters{color:#ffffffbf;gap:16px;margin-top:12px;font-size:12px;display:flex}.meters>div{flex:1}.meter{background:#ffffff26;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.fill{height:100%}.fill.strain{background:#f0584a}.fill.slackm{background:#5a96ff}.fill.energy{background:#ffd966}.side{text-align:center;margin-top:10px;font-size:13px}.challenge{text-align:center;background:#14140acc;padding:14px 22px;top:30%;left:50%;transform:translate(-50%)}.ch-title{color:#fd3;margin-bottom:10px;font-size:20px;font-weight:800}.keys kbd{color:#1b1b1b;background:#ffffff4d;width:48px;height:48px;margin:0 6px;padding:0;font-size:30px;font-weight:800;line-height:48px}.keys kbd.current{background:#fff;box-shadow:0 0 12px #ffffffb3}.keys kbd.done{color:#fff;background:#5ac86e}.timer{background:#fff3;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.timer>div{background:#fd3;height:100%}.card{text-align:center;background:#0e1c1ed9;min-width:320px;bottom:70px;left:50%;transform:translate(-50%)}.card-name{color:#ffd966;font-size:28px;font-weight:800}.card-stats{margin:4px 0 8px;font-size:22px;font-weight:700}.lost{text-align:center;background:#1e0e0ed9;padding:18px 28px;top:30%;left:50%;transform:translate(-50%)}.log{background:#0a1416f0;min-width:560px;padding:20px 28px;top:50%;left:50%;transform:translate(-50%,-50%)}.log h2{margin:0 0 12px}.log table{border-collapse:collapse;width:100%;margin-bottom:14px}.log th{text-align:left;color:#fff9;text-transform:uppercase;padding-bottom:6px;font-size:12px}.log td{padding:6px 0;font-size:16px}#hud.in-menu>*{display:none}.menu{-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#040c10e6 0%,#040c109e 40%,#040c1000 75%);align-items:center;gap:56px;padding:0 7vw;animation:.5s ease-out menu-in;display:flex;position:fixed;inset:0}@keyframes menu-in{0%{opacity:0}}.menu-main{flex-shrink:0;width:400px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#9fd4c8;font-size:12px;font-weight:700}.menu h1{white-space:nowrap;letter-spacing:-.02em;color:#ffd966;text-shadow:0 6px 30px #00000073;margin:10px 0 12px;font-size:clamp(52px,6vw,84px);font-weight:900;line-height:.95}.tagline{color:#ffffffbf;margin:0 0 36px;font-size:16px;line-height:1.5}.menu-heading{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0 0 10px 16px;font-size:13px;font-weight:700}.menu-item{color:#ffffffc7;cursor:pointer;border-left:3px solid #0000;border-radius:8px;padding:12px 16px;font-size:21px;font-weight:700;transition:background .15s,padding .15s,color .15s}.menu-item.sel{color:#fff;background:#ffffff17;border-left-color:#ffd966;padding-left:22px}.menu-item .sub{color:#ffffff8c;margin-top:3px;font-size:13px;font-weight:500}.menu-item.disabled{opacity:.42;cursor:default}.lock{letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;background:#ffffff26;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:11px}.menu-foot{color:#ffffff80;margin:32px 0 0 16px;font-size:13px}.menu-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081418bd;border:1px solid #ffffff14;border-radius:14px;width:480px;padding:26px 30px;animation:.25s ease-out menu-in}.menu-panel h2{margin:6px 0 12px;font-size:28px}.menu-panel p{color:#ffffffd1;margin:0 0 18px;line-height:1.55}.menu-panel .label{margin-bottom:8px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.chip{background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:13px}.chip.bass{color:#ffe599;background:#ffd9662e}.controls{grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:15px;line-height:1.45;display:grid}.controls dt{color:#ffd966;font-weight:700}.controls dd{margin:0}.menu-panel table{border-collapse:collapse;width:100%;margin-bottom:14px}.menu-panel th{text-align:left;text-transform:uppercase;color:#fff9;padding-bottom:6px;font-size:12px}.menu-panel td{padding:6px 0;font-size:16px}.menu-panel tr.group td{letter-spacing:.1em;text-transform:uppercase;color:#9fd4c8;padding-top:12px;font-size:11px;font-weight:700}.name-input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;margin:0 0 4px;padding:12px 16px;font-size:21px;font-weight:700;display:block}.name-input:focus{border-color:#ffd966}.name-error{color:#ff9a7a;min-height:18px;margin:0 0 8px 4px;font-size:13px}