:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0b10;color:#e8e6ee;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.login{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0;font-size:32px;text-align:center;color:#c1121f;letter-spacing:1px;text-shadow:0 0 18px #5a0a10}.login .sub{margin:0 0 8px;text-align:center;color:#8a8696;font-size:14px}input,button{font:inherit;font-size:16px;padding:12px 14px;border-radius:8px;border:1px solid #2c2a38;background:#16151e;color:inherit}input:focus{outline:2px solid #c1121f;border-color:transparent}.row{display:flex;gap:8px}.row button{flex:1;cursor:pointer;background:#c1121f;border-color:#c1121f;color:#fff}.row button.alt{background:transparent;color:#e8e6ee;border-color:#3a3848}button:disabled{opacity:.5;cursor:default}.msg{min-height:1.4em;margin:0;color:#ff6b6b;font-size:14px;text-align:center}.hud{width:100%;max-width:420px;align-self:flex-start}.hud ul{padding-left:18px}#app.game{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;display:block;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050407;isolation:isolate}.world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}.world-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.world-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%)}.net-status{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#14121ad9;color:#e8e6ee;font-size:13px;pointer-events:none}.av-label{padding:2px 7px;border-radius:7px;background:#08070cb8;color:#ece9f2;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;text-shadow:0 1px 2px #000;-webkit-user-select:none;user-select:none}.av-label.you{box-shadow:inset 0 0 0 1px #f2e6c4b3}.av-label.target{background:#780610d9;box-shadow:0 0 10px #ff203099}.av-label.down{opacity:.55}.av-bubble-anchor{width:0;height:0}.av-bubble{position:absolute;left:0;bottom:14px;transform:translate(-50%);width:max-content;max-width:180px;padding:6px 10px;border-radius:10px;background:#f3f0e8;color:#141218;font-size:13px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-shadow:0 2px 8px #00000080}.av-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-bottom:0;border-top-color:#f3f0e8}.world-error{position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);margin:0;text-align:center;color:#ff6b6b;font-size:16px}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-layer button,.hud-layer input,.hud-layer form{pointer-events:auto}.hud-btn{cursor:pointer;padding:10px 14px;border-radius:10px;border:1px solid #3a3848;background:#16151eeb;color:#ece9f2;white-space:nowrap}.hud-btn.primary{background:#c1121f;border-color:#c1121f;color:#fff}.hud-btn.danger{background:#3a0a10;border-color:#c1121f;color:#ffd9dc}.hud-btn.danger.done{background:#16151eeb;border-color:#3a3848;color:#b9b5c4;opacity:1}.hud-btn.alt{background:transparent}.hud-top{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:none;align-items:center;gap:8px}.hud-layer.in-round .hud-top{display:flex}.hud-countdown{padding:8px 14px;border-radius:999px;background:#3c040ae0;border:1px solid #c1121f;color:#ffe3e5;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap;box-shadow:0 0 16px #c1121f73}.hud-report{flex:0 0 auto;white-space:nowrap;pointer-events:auto;cursor:pointer;padding:7px 12px;font-size:14px;border-radius:999px;background:#16151ee0;border:1px solid #3a3848;color:#d8d4e0}.hud-toasts{position:absolute;z-index:40;top:calc(max(10px,env(safe-area-inset-top)) + 52px);left:50%;transform:translate(-50%);width:min(92vw,420px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.hud-toast{max-width:100%;padding:10px 16px;border-radius:12px;background:#f3f0e8f5;color:#141218;font-size:15px;font-weight:600;text-align:center;box-shadow:0 4px 18px #00000080;animation:hud-toast-in .18s ease-out;transition:opacity .3s}.hud-toast.error{background:#46080ef2;color:#ffe3e5;border:1px solid #c1121f}.hud-toast.out{opacity:0}@keyframes hud-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.hud-bottom{position:absolute;z-index:5;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:8px;pointer-events:none}.hud-cooldown{display:none;align-self:flex-start;padding:6px 12px;border-radius:999px;background:#16151ee0;border:1px solid #3a3848;color:#f3d38a;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.hud-cooldown.show{display:block}.hud-chat{display:flex;gap:8px}.hud-chat-input{flex:1;min-width:0;background:#100f16e6}.hud-target{position:relative;display:none;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#28040ae6;border:1px solid #c1121f;box-shadow:0 0 24px #c1121f59;pointer-events:auto}.hud-target.show{display:flex}.hud-target-title{margin:0;color:#ffb3b9;font-weight:700;font-size:15px}.hud-lw{display:flex;gap:8px;align-items:center}.hud-lw-input{flex:1;min-width:0;background:#100f16e6}.hud-lw-hint{position:absolute;right:14px;top:13px;font-size:12px;color:#9be29b;opacity:0;transition:opacity .2s;pointer-events:none}.hud-lw-hint.show{opacity:1}@media (min-width: 768px){.hud-bottom{right:auto;width:420px}}.hud-modal{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0009;pointer-events:auto}.hud-modal.open{display:flex}.hud-modal-card{width:100%;max-width:380px;max-height:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#15131c;border:1px solid #c1121f}.hud-modal-title{margin:0;color:#ff5c69;font-size:20px}.hud-modal-sub{margin:0;color:#9a96a6;font-size:14px}.hud-pick-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.hud-pick{cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-pick.selected{border-color:#c1121f;background:#3a0a10;color:#fff}.hud-empty{margin:8px 0;color:#8a8696;text-align:center}.hud-modal-actions{display:flex;gap:8px}.hud-modal-actions .hud-btn{flex:1}.hud-flash{position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#fff;pointer-events:none}.hud-flash.show{display:flex;animation:hud-flash 2s ease-out forwards}.hud-flash-text{margin:0;padding:0 16px;color:#8a0a14;font-size:clamp(34px,9vw,96px);font-weight:900;letter-spacing:2px;text-align:center;animation:hud-flash-text 2s ease-out forwards}@keyframes hud-flash{0%{opacity:1}55%{opacity:1;background:#fff}to{opacity:0;background:#000}}@keyframes hud-flash-text{0%{transform:scale(.85);opacity:0}15%{opacity:1}to{transform:scale(1.08);opacity:1}}.drawpad{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 40%,#1d1822,#08070b 75%);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}.dp-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.dp-title{margin:0;font-size:22px;color:#e0303d;letter-spacing:2px;text-shadow:0 0 14px #5a0a10}.dp-sub{margin:0;color:#9a96a6;font-size:14px}.dp-rotate{display:none;margin:0;width:100%;color:#6f6b7a;font-size:12px}@media (orientation: portrait) and (max-width: 700px){.dp-rotate{display:block}}.dp-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.dp-canvas{display:block;touch-action:none;border-radius:4px;box-shadow:0 10px 40px #000000b3,0 0 0 1px #ffffff0f;cursor:crosshair;background:#f3eddf}.drawpad.busy .dp-canvas{cursor:progress;filter:brightness(.92)}.dp-side{display:flex;flex-direction:column;gap:10px}.dp-pick{display:flex;flex-direction:column;gap:6px;min-height:0}.dp-pick-label{margin:0;font-size:14px;color:#c9c5d2}.dp-targets{display:flex;gap:8px;overflow-x:auto;overscroll-behavior:contain;touch-action:pan-x;padding-bottom:2px;scrollbar-width:thin}.dp-target{flex:0 0 auto;max-width:180px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 14px;border-radius:999px}.dp-target.selected{background:#c1121f;border-color:#c1121f;color:#fff}.dp-empty{margin:0;color:#8a8696;font-size:14px}.dp-actions{display:flex;gap:8px}.dp-btn{flex:1;cursor:pointer}.dp-btn.primary{background:#c1121f;border-color:#c1121f;color:#fff;font-weight:700}.dp-btn.alt{background:transparent}@media (min-width: 768px){.dp-side{flex-direction:row;align-items:flex-end;gap:16px}.dp-pick{flex:1;min-width:0}.dp-actions{flex:0 0 420px}.dp-targets{flex-wrap:wrap;overflow:visible}}@media (orientation: landscape) and (max-height: 520px){.drawpad{display:grid;grid-template-columns:1fr minmax(170px,220px);grid-template-rows:auto 1fr;column-gap:12px;row-gap:6px}.dp-head{grid-column:1 / -1}.dp-title{font-size:18px}.dp-stage{grid-column:1;grid-row:2}.dp-side{grid-column:2;grid-row:2;min-height:0}.dp-pick{flex:1}.dp-targets{flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;touch-action:pan-y}.dp-target{max-width:none;width:100%;padding:8px 12px}.dp-actions{flex-direction:column;width:auto;align-self:stretch}.dp-btn{padding:8px 12px}}.hud-records{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));pointer-events:auto;cursor:pointer;white-space:nowrap;padding:7px 12px;font-size:14px;border-radius:999px;background:#16151ee0;border:1px solid #3a3848;color:#d8d4e0}@media (max-width: 480px){.hud-records{top:calc(max(10px,env(safe-area-inset-top)) + 46px)}}.rp-overlay{position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6}.rp-sheet{position:relative;width:min(720px,100%);height:min(640px,100%);display:flex;flex-direction:column;background:#15131c;border:1px solid #3a2a30;border-radius:16px;overflow:hidden}.rp-head{display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-bottom:1px solid #2c2a38}.rp-tabs{flex:1;min-width:0;display:flex;gap:6px}.rp-tab,.rp-subtab{flex:1 1 0;min-width:0;padding:9px 6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background:transparent}.rp-tab.on,.rp-subtab.on{background:#3a0a10;border-color:#c1121f;color:#fff}.rp-close{flex:0 0 auto;width:40px;height:40px;padding:0;cursor:pointer}.rp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.rp-status{padding:40px 12px;text-align:center;color:#9a96a6}.rp-status p{margin:0 0 12px}.rp-retry{cursor:pointer}.rp-subtabs{display:flex;gap:6px;margin-bottom:10px}.rp-list,.rp-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rp-row,.rp-toprow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#1b1924;border:1px solid transparent}.rp-row.me{border-color:#c1121f;background:#2a0a10}.rp-rank{flex:0 0 28px;text-align:center;color:#9a96a6;font-variant-numeric:tabular-nums}.rp-medal{flex:0 0 28px;text-align:center}.rp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-val{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}.rp-empty{padding:24px;text-align:center;color:#8a8696}.rp-cards{display:flex;flex-direction:column;gap:10px}.rp-card-item{display:flex;gap:12px;padding:10px;border-radius:12px;background:#1b1924;border:1px solid #2c2a38}.rp-thumb{flex:0 0 96px;width:96px;height:96px;padding:0;overflow:hidden;cursor:zoom-in;background:#f3eddf;border-radius:8px}.rp-thumb img{display:block;width:100%;height:100%;object-fit:contain}.rp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rp-line,.rp-words,.rp-time{margin:0;overflow-wrap:anywhere}.rp-line{font-size:15px}.rp-death{color:#ff8a93;font-weight:600}.rp-badge{margin-left:8px;padding:2px 8px;border-radius:999px;background:#c1121f;color:#fff;font-size:12px;white-space:nowrap}.rp-words{color:#f3d38a;font-size:14px}.rp-time{color:#8a8696;font-size:12px}.rp-season{margin-bottom:18px}.rp-season-h{margin:0 0 8px;color:#ff5c69;font-size:18px}.rp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rp-col-h{margin:0 0 6px;font-size:14px;color:#c9c5d4}.rp-toprow{padding:8px;gap:6px;font-size:14px}.rp-zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000e0;cursor:zoom-out}.rp-zoom[hidden]{display:none}.rp-zoom-img{width:min(100%,480px);aspect-ratio:1;object-fit:contain;max-height:100%;background:#f3eddf;border-radius:6px}@media (max-width: 600px){.rp-overlay{align-items:stretch}.rp-sheet{width:100%;height:100%;border:0;border-radius:0}.rp-cols{grid-template-columns:1fr}.rp-thumb{flex-basis:80px;width:80px;height:80px}}