*{box-sizing:border-box}html,body{background:#05060a;height:100%;margin:0;overflow:hidden}#app{font-family:Georgia,Times New Roman,serif;position:fixed;inset:0}#game{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 52%,#0203068c 100%);position:absolute;inset:0}#minimap{background:#05060ad9;border:2px solid #c9a45c;border-radius:4px;position:absolute;top:12px;right:12px}#docs-button{color:#ffd97d;background:#05060ad9;border:2px solid #c9a45c;border-radius:4px;padding:2px 10px;font-size:12px;text-decoration:none;position:absolute;top:172px;right:12px}#hud{color:#e8ddc4;pointer-events:none;position:absolute;top:12px;left:12px}#hud-top{text-shadow:0 2px 4px #000;gap:14px;font-size:18px;display:flex}#hud-timer{color:#ffd97d;font-size:24px}#hud-level{background:#0009;border:1px solid #c9a45c;border-radius:3px;width:240px;height:16px;margin-top:6px;position:relative}#xpbar{background:linear-gradient(90deg,#3fa7ff,#7dffd4);border-radius:2px;width:0%;height:100%}#hud-lv{color:#fff;text-shadow:0 1px 2px #000;font-size:11px;line-height:15px;position:absolute;top:0;right:6px}#hud-loadout{color:#b9c2d6;text-shadow:0 1px 2px #000;max-width:260px;margin-top:6px;font-size:12px}#banner{text-align:center;color:#ffd97d;text-shadow:0 2px 8px #000;opacity:0;pointer-events:none;width:100%;font-size:30px;transition:opacity .3s;position:absolute;top:22%}#banner.show{opacity:1}#hint{color:#8a93a8;pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:12px}#overlay{background:#040509c7;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay.show{display:flex}.panel{text-align:center;color:#e8ddc4;background:#141722;border:2px solid #c9a45c;border-radius:8px;max-width:560px;padding:28px 36px}.panel h1{color:#ffd97d;letter-spacing:2px;margin:0 0 4px;font-size:42px}.panel h2{color:#ffd97d;margin:0 0 12px;font-size:24px}.panel p{color:#b9c2d6;font-size:14px}.squad{justify-content:center;gap:10px;margin:14px 0;font-size:13px;display:flex}.squad div{background:#1c2130;border:1px solid #4a5165;border-radius:6px;padding:8px 10px}.squad b{color:#ffd97d;margin-bottom:4px;display:block}button{color:#ffd97d;cursor:pointer;background:#2a1f0d;border:2px solid #c9a45c;border-radius:6px;margin-top:12px;padding:10px 28px;font-family:inherit;font-size:16px}button:hover{background:#3d2d12}.cards{gap:12px;margin-top:14px;display:flex}.card{cursor:pointer;background:#1c2130;border:2px solid #4a5165;border-radius:8px;flex:1;padding:14px 10px}.card:hover{background:#242b40;border-color:#ffd97d}.card b{color:#ffd97d;margin-bottom:6px;font-size:15px;display:block}.card span{color:#b9c2d6;font-size:12px}.card .key{color:#8a93a8;border:1px solid #4a5165;border-radius:3px;margin-top:8px;padding:1px 6px;font-size:11px;display:inline-block}.stats{color:#b9c2d6;font-size:14px;line-height:1.7}.stats b{color:#ffd97d}