*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;background:#1a1410;color:#f0e6d0;font-family:Galmuri11,NeoDunggeunmo,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none}input[type=text],textarea{touch-action:auto}#app{position:fixed;inset:0;width:100vw;height:100vh;height:100svh;overflow:hidden}.hidden{display:none!important}.intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2a1f15,#120c08 70%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.18) 3px 4px);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.intro-card{width:min(360px,90vw);padding:28px 24px;border:2px solid #6a4a2a;background:#281c12eb;box-shadow:0 0 0 2px #1a0e08,0 8px 24px #0000008c;text-align:center}.intro-title{margin:0 0 6px;font-size:30px;letter-spacing:4px;color:#f7e7b8;text-shadow:2px 2px 0 #1a0e08}.intro-sub{margin:0 0 18px;color:#c9b58d;font-size:13px}.char-preview{display:flex;align-items:center;justify-content:center;width:144px;height:144px;margin:0 auto 8px;background:#1a120b;border:2px solid #6a4a2a;box-shadow:inset 0 0 0 1px #2a1a10}.char-preview-canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:128px;height:128px}.reroll-btn{display:block;width:100%;margin:0 0 12px;padding:8px;font:inherit;font-size:14px;letter-spacing:2px;background:linear-gradient(180deg,#4a3422,#2e2014);color:#e0c890;border:2px solid #1a0e08;cursor:pointer}.reroll-btn:active{transform:translateY(1px)}.nick-input{display:block;width:100%;padding:10px 12px;font:inherit;font-size:16px;background:#1a120b;color:#f0e6d0;border:2px solid #6a4a2a;outline:none;text-align:center;letter-spacing:2px}.nick-input:focus{border-color:#c8a04a}.nick-input{-webkit-appearance:none;appearance:none}.nick-input::-webkit-search-cancel-button,.nick-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.game-id-input{margin-top:8px;text-transform:uppercase;font-size:14px;letter-spacing:3px}.mode-toggle{display:flex;gap:6px;margin-top:12px}.mode-btn{flex:1;padding:10px 4px;font:inherit;font-size:13px;letter-spacing:1px;background:#281c1299;color:#c9b58d;border:2px solid #6a4a2a;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mode-btn.active{background:linear-gradient(180deg,#8a6232,#5d4220);color:#fff7a8;border-color:#c8a04a}.mode-btn:active{transform:translateY(1px)}.enter-btn{margin-top:12px;display:block;width:100%;padding:12px;font:inherit;font-size:18px;letter-spacing:8px;background:linear-gradient(180deg,#8a6232,#5d4220);color:#fff7a8;border:2px solid #1a0e08;cursor:pointer}.enter-btn:active{transform:translateY(1px)}.death-screen{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#140404c7;backdrop-filter:blur(3px);pointer-events:auto}.death-card{width:min(320px,86vw);padding:24px 22px;background:linear-gradient(180deg,#2a1410,#140804);border:2px solid #a02a2a;box-shadow:0 0 0 2px #1a0e08,0 8px 24px #0009;text-align:center;color:#f0e6d0}.death-title{font-family:Galmuri11,NeoDunggeunmo,monospace;font-size:24px;letter-spacing:4px;color:#ff5d5d;text-shadow:2px 2px 0 #1a0e08;margin-bottom:12px}.death-grade{font-family:Galmuri11,monospace;font-size:72px;font-weight:900;line-height:1;text-shadow:3px 3px 0 #1a0e08;margin:8px 0 16px}.death-grade-tag{display:block;font-size:14px;font-weight:400;letter-spacing:3px;color:#c9b58d;margin-top:4px;text-shadow:none}.death-stats{font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;line-height:1.9;text-align:left;margin:12px 0 18px;padding:0 8px;border-top:1px solid rgba(168,80,40,.5);border-bottom:1px solid rgba(168,80,40,.5)}.death-stats .row{display:flex;justify-content:space-between;padding:2px 0}.death-stats .row b{color:#ffd84a;font-weight:700}.death-stats .new-record{color:#ffae40;font-size:11px;font-weight:700;margin-left:4px}.death-stats .new-record-banner{text-align:center;font-family:Galmuri11,monospace;font-size:16px;color:#ffae40;letter-spacing:2px;margin:6px 0 10px;text-shadow:1px 1px 0 #1a0e08;animation:nrPulse .8s infinite alternate}@keyframes nrPulse{0%{opacity:.65}to{opacity:1;transform:scale(1.04)}}.death-stats .best-row{border-top:1px dashed rgba(168,80,40,.5);margin-top:6px;padding-top:6px;font-size:12px;color:#c9b58d}.death-stats .best-row b{color:#c9b58d;font-weight:500}.death-retry{display:block;width:100%;padding:12px;font:inherit;font-size:16px;letter-spacing:4px;font-family:Galmuri11,monospace;background:linear-gradient(180deg,#8a6232,#5d4220);color:#fff7a8;border:2px solid #1a0e08;cursor:pointer}.death-retry:active{transform:translateY(1px)}.intro-hint{margin:16px 0 0;font-size:11px;line-height:1.7;color:#8e7c5a}.dash-link-intro{display:inline-block;margin-top:10px;font-size:11px;color:#c8a878;text-decoration:none;border:1px solid #4a382c;padding:4px 10px;border-radius:6px;background:#0003}.dash-link-intro:hover{color:#ffae40;border-color:#ffae40}.game{position:absolute;inset:0;background:#000}.viewport{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}#canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;touch-action:none;background:#000}.hud-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.bubbles-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.maple-bubble{position:absolute;top:0;left:0;will-change:transform;pointer-events:none}.maple-bubble-inner{position:relative;transform:translate(-50%,-100%);padding:6px 12px;background:#fff;color:#1a1a1a;font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Noto Sans KR,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.2px;border:2px solid #1a1a1a;border-radius:12px;box-shadow:0 3px #0000002e;white-space:pre-wrap;word-break:break-word;text-align:center;max-width:260px;min-width:12px}.maple-bubble-tail{position:absolute;left:50%;bottom:0;transform:translate(-50%,calc(-100% + 1px));width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #1a1a1a;pointer-events:none}.maple-bubble-tail:after{content:"";position:absolute;left:-5px;top:-11px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #ffffff}.hud-top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:6px;z-index:5;pointer-events:none}.hud-top-group{display:flex;align-items:center;gap:6px;min-width:0}.hud-top-right{justify-content:flex-end}.hud-pill{font-size:11px;padding:4px 10px;background:#140e08bf;border:1px solid #6a4a2a;color:#f0e6d0;letter-spacing:1px}.left-stack{position:absolute;top:calc(36px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.ranking{font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Noto Sans KR,system-ui,sans-serif;font-size:11px;color:#f0e6d0;background:#140e08c7;border:1px solid #6a4a2a;padding:4px 8px;min-width:132px;max-width:168px;pointer-events:none}.ranking:empty{display:none}.ranking-item{display:flex;align-items:center;gap:6px;padding:2px 0;border-bottom:1px solid rgba(106,74,42,.3)}.ranking-item:last-child{border-bottom:none}.ranking-rank{font-family:Galmuri11,NeoDunggeunmo,monospace;font-size:10px;color:#c9b58d;min-width:12px;text-align:right}.ranking-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.ranking-kd{font-family:Galmuri11,NeoDunggeunmo,monospace;font-size:10px;color:#c9b58d;flex-shrink:0}.ranking-item.me .ranking-name{color:#ffd84a;font-weight:600}.ranking-item.me .ranking-kd{color:#ffd84a}:root{--ui-edge: 8px;--bgm-size: 36px;--ui-gap: 6px}.bgm-toggle{position:fixed;top:calc(var(--ui-edge) + env(safe-area-inset-top));right:calc(var(--ui-edge) + env(safe-area-inset-right));z-index:100;width:var(--bgm-size);height:var(--bgm-size);padding:0;background:#140e08bf;border:1px solid #6a4a2a;border-radius:50%;color:#ffd84a;font:16px system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.right-stack{position:absolute;top:calc(var(--ui-edge) + var(--bgm-size) + var(--ui-gap) + env(safe-area-inset-top));right:calc(var(--ui-edge) + env(safe-area-inset-right));z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:var(--ui-gap);pointer-events:none}.minimap{background:#140e08bf;border:1px solid #6a4a2a;image-rendering:pixelated;pointer-events:none}.chat-log{width:min(180px,36vw);max-height:144px;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.chat-log-item{font-family:Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Noto Sans KR,system-ui,sans-serif;font-size:13px;letter-spacing:.2px;color:#f0e6d0;text-shadow:1px 1px 0 #1a0e08,-1px 1px 0 #1a0e08,1px -1px 0 #1a0e08,-1px -1px 0 #1a0e08,2px 2px 0 #1a0e08;word-break:break-word;flex-shrink:0}.chat-log-item .chat-log-name{color:#ffd07a;font-weight:700;margin-right:6px;font-family:inherit;font-size:inherit}.banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;text-align:center;text-shadow:3px 3px 0 #1a0e08,-1px -1px 0 #1a0e08,1px -1px 0 #1a0e08,-1px 1px 0 #1a0e08;font-family:Galmuri11,NeoDunggeunmo,monospace;letter-spacing:4px;opacity:0}.banner.show{animation:bannerPop 2.4s forwards}.banner-title{font-size:44px;font-weight:700;line-height:1;white-space:nowrap}.banner-sub{display:block;margin-top:8px;font-size:16px;letter-spacing:2px;color:#f0e6d0}.banner.kill .banner-title{color:#ffd84a}.banner.death .banner-title{color:#ff5d5d;font-size:22px;letter-spacing:2px}.banner.info .banner-title{color:#ffd84a;font-size:22px;letter-spacing:2px}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}22%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:7}.stick{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(64px + env(safe-area-inset-bottom) + var(--vp-bottom, 0px));width:120px;height:120px;border-radius:50%;background:#140e0873;border:2px solid rgba(202,160,74,.7);pointer-events:auto;touch-action:none;transition:opacity .15s,bottom .06s linear}.stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#caa04ad9;border:2px solid #1a0e08;pointer-events:none;transition:transform .04s linear}.touch-right{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom) + var(--vp-bottom, 0px));display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none;transition:opacity .15s,bottom .06s linear}.touch-btn{pointer-events:auto;width:88px;height:88px;border-radius:50%;font:inherit;font-size:16px;letter-spacing:2px;color:#fff7a8;background:#140e08b3;border:2px solid #c8a04a;touch-action:none;cursor:pointer}.touch-btn:active{background:#78501ed9}.touch-btn-chat{width:64px;height:64px;font-size:12px;background:#140e0880;border-color:#6a4a2a}.touch-btn-mental{width:72px;height:72px;font-size:12px;line-height:1.1;letter-spacing:1px;color:#ffd8f0;background:#320e28c7;border-color:#c84aa0}.touch-btn-mental:active{background:#781e64e6}@media (max-width: 380px){.stick{width:100px;height:100px}.stick-knob{width:40px;height:40px;margin:-20px 0 0 -20px}.touch-btn{width:76px;height:76px}}.debug-panel{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:9;width:220px;padding:8px 10px;background:#0a0a0ed9;border:1px solid #4a4a55;color:#d8d8e0;font-family:monospace;font-size:11px;line-height:1.5;pointer-events:auto}.dbg-title{font-weight:700;margin-bottom:4px;color:#ffd07a}.dbg-hint{font-weight:400;font-size:9px;color:#888;margin-left:4px}.dbg-row{margin:3px 0}.dbg-row label{cursor:pointer}.dbg-row input[type=range]{width:100%;margin-top:2px}.dbg-row input[type=checkbox]{margin-right:4px;vertical-align:middle}#dbg-scale-val{color:#a0e0ff;margin-left:4px}