:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#140a24;--panel:#22113a;--panel2:#2c1749;--ink:#fff4fb;--muted:#c6b3dc;--pink:#ff3fa4;--cyan:#3ff2ff;--gold:#ffd23f;--green:#6fe39a;--line:#4a2a6e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#140a24}}:root[data-theme=dark]{--bg:#140a24}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{min-height:100vh;font:14px/1.45 Pretendard,Apple SD Gothic Neo,Malgun Gothic,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button{font:inherit}.tower{flex-direction:column;gap:10px;max-width:1040px;margin:0 auto;padding:12px 16px 24px;display:flex}.marquee{border:2px solid var(--pink);background:linear-gradient(#3a1460,#22113a);border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:inset 0 0 18px #ff3fa455,0 0 12px #ff3fa433}.marquee h1{letter-spacing:.12em;color:var(--gold);text-shadow:0 0 10px #ffd23f99;margin:0;font-size:clamp(20px,5vw,28px)}.marquee{position:relative}.full-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#140a24cc;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.full-btn:hover,.full-btn:focus-visible{border-color:var(--cyan)}.full-exit{z-index:5;color:var(--ink);cursor:pointer;background:#0b0614cc;border:1px solid #fff3;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.full-exit[hidden]{display:none}main.tower:fullscreen{background:var(--bg);width:100vw;max-width:none;height:100vh;padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));margin:0;overflow:auto}:is(main.tower:fullscreen .marquee,main.tower:fullscreen .consent,main.tower:fullscreen .note){display:none}main.tower:fullscreen .play-row{flex:auto;align-items:stretch;min-height:0}main.tower:fullscreen .views{align-items:stretch;height:100%;min-height:0}main.tower:fullscreen #stage{aspect-ratio:auto;height:100%;min-height:320px}main.tower:fullscreen .stage.remote{aspect-ratio:auto;height:100%}main.tower:fullscreen .guide{max-height:100%;overflow:auto}body.dual main.tower:fullscreen .play-row{grid-template-columns:minmax(0,1fr)}body.dual main.tower:fullscreen .guide{display:none}.lamp{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:1.2s infinite alternate blink}@keyframes blink{to{opacity:.35}}.hud{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:8px;display:grid}.cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:0;padding:6px 12px;display:flex}.cell small{color:var(--muted);letter-spacing:.06em;font-size:11px}.cell strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}#hud-time.low{color:var(--pink)}#hud-floors.done{color:var(--green)}.play-row{grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:10px;display:grid}.views{align-items:start;gap:10px;min-width:0;display:grid;position:relative}.stage.remote[hidden]{display:none}body.dual .play-row{grid-template-columns:minmax(0,1fr)}body.dual .views{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}body.dual #stage{border-color:var(--gold);box-shadow:0 0 0 3px #ffd23f66,0 0 28px #ffd23f55}body.dual.spect #stage{border-color:var(--cyan);box-shadow:0 0 22px #3ff2ff44}.stage.remote{box-shadow:none;cursor:default;border-color:#6b5a8a}.view-tag{z-index:3;background:var(--gold);color:#1a0b2e;pointer-events:none;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:900;position:absolute;bottom:10px;left:10px}body.dual.spect .view-tag{background:var(--cyan)}.view-tag[hidden]{display:none}.remote-bar span{font-size:clamp(13px,1.8vw,16px)}@media (max-width:760px){body.dual .views{grid-template-columns:1fr}}.stage{aspect-ratio:4/3;border:3px solid var(--cyan);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#000;border-radius:16px;outline:none;width:100%;position:relative;overflow:hidden;box-shadow:0 0 22px #3ff2ff44}.stage:focus-visible{border-color:var(--gold)}body:not(.touch)[data-phase=playing] .stage{cursor:none}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.held-bar{pointer-events:none;z-index:2;background:linear-gradient(#0b0614f2,#0b0614b3);border-bottom:1px solid #fff2;justify-content:center;align-items:center;height:44px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.held-bar[hidden]{display:none}.held-bar span{color:var(--ink);text-shadow:0 1px 3px #000,0 0 10px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,2.4vw,19px);font-weight:800;overflow:hidden}.held-bar .ok{color:var(--green)}.held-bar .no{color:var(--pink)}.held-bar .roof{color:var(--gold)}.held-bar .none{color:var(--muted);font-weight:600}.inset-label{z-index:2;color:var(--muted);pointer-events:none;background:#140a24cc;border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;top:54px;left:14px}.inset-label[hidden]{display:none}.hold{border:2px solid var(--green);pointer-events:none;background:#140a24cc;border-radius:999px;place-items:center;width:min(60%,320px);height:26px;display:grid;position:absolute;top:54px;left:50%;overflow:hidden;transform:translate(-50%)}.hold[hidden]{display:none}.hold span{background:#6fe39a66;width:0;position:absolute;top:0;bottom:0;left:0}.hold em{color:var(--ink);font-size:13px;font-style:normal;font-weight:800;position:relative}.big{text-align:center;pointer-events:none;color:var(--gold);text-shadow:0 0 18px #000,0 0 24px #ffd23faa;place-items:center;padding:16px;font-size:clamp(30px,8vw,68px);font-weight:900;display:grid;position:absolute;inset:0}.big[hidden]{display:none}.big.count{animation:.7s ease-out pop}.big.win{color:var(--green);animation:.6s ease-out pop}.big.lose{color:var(--pink);animation:.6s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.overlay{cursor:default;background:#140a24e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.overlay h2{color:var(--gold);text-align:center;margin:0;font-size:clamp(20px,4vw,28px)}.overlay h3{color:var(--muted);letter-spacing:.06em;margin:6px 0 0;font-size:13px;font-weight:700}.overlay p{text-align:center;color:var(--ink);margin:0}.overlay .muted,.muted{color:var(--muted)}.overlay .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.overlay .stack{flex-direction:column;gap:10px;width:min(100%,360px);display:flex}.btn{color:#1a0b2e;background:linear-gradient(180deg, #ffe680, var(--gold));cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:800;box-shadow:0 4px #b8860b}.btn:active{transform:translateY(2px);box-shadow:0 2px #b8860b}.btn:disabled{opacity:.45;cursor:default}.btn.alt{color:var(--ink);background:var(--panel2);border:1px solid var(--line);box-shadow:0 4px #120820}.btn.big-btn{padding:14px 22px;font-size:18px}.ghost{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px;font-weight:700}.ghost:hover{border-color:var(--cyan)}input.name{font:inherit;border:1px solid var(--line);color:var(--ink);background:#140a24;border-radius:10px;width:100%;padding:10px 12px}.chapters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:min(100%,760px);display:grid}.chapter{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.chapter h3{margin:0}.round-btn{text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.round-btn small{color:var(--muted);white-space:nowrap}.round-btn.done{border-color:var(--green)}.round-btn:disabled{opacity:.4;cursor:default}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{white-space:nowrap;background:#3ff2ff22;border:1px solid #3ff2ff66;border-radius:999px;padding:3px 9px;font-size:13px}.chip.roof{background:#ffd23f22;border-color:#ffd23f88}.chip.must{background:#ff3fa422;border-color:#ff3fa488}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,420px);display:grid}.stat{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:10px;padding:8px}.stat small{color:var(--muted);font-size:11px;display:block}.stat strong{font-variant-numeric:tabular-nums;font-size:20px}table.board{border-collapse:collapse;font-variant-numeric:tabular-nums;width:min(100%,460px)}table.board th,table.board td{border-bottom:1px solid var(--line);text-align:left;padding:5px 8px}table.board th{color:var(--muted);font-size:12px;font-weight:600}table.board tr.me td{color:var(--gold)}.tabs{gap:6px;display:flex}.ghost.on{border-color:var(--gold);color:var(--gold)}.overlay ul{text-align:center;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rule-card .ghost{text-align:left;width:100%}.guide{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.guide h2{letter-spacing:.08em;color:var(--gold);margin:0;font-size:12px}.rule-card{flex-direction:column;gap:6px;font-size:13px;display:flex}.rule-card p{margin:0}.rule-card .title{font-size:15px;font-weight:800}.rule-card .chips{justify-content:flex-start}.keys{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin:0;font-size:12px;display:grid}.keys dt{color:var(--ink);white-space:nowrap;font-weight:700}.keys dd{color:var(--muted);margin:0}.side-buttons{gap:8px;display:flex}.side-buttons .ghost{flex:1}.message{text-align:center;min-height:1.4em;color:var(--ink);margin:0}.consent{text-align:center;color:var(--muted);margin:0;font-size:12px}.note{text-align:center;color:var(--muted);min-height:1em;margin:0;font-size:11px}@media (max-width:760px){.overlay{z-index:30;padding-top:max(24px, env(safe-area-inset-top));justify-content:flex-start;position:fixed;inset:0}.play-row{grid-template-columns:1fr}.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.hud .wide{grid-column:1/-1}}@media (max-width:480px){.tower{padding:8px 16px 16px}.cell{padding:5px 8px}.cell strong{font-size:15px}.inset-label{font-size:10px;left:12px}}body.touch[data-phase=playing] .hud{gap:4px}body.touch[data-phase=playing] .cell{padding:3px 8px}body.touch[data-phase=playing] .cell small{font-size:10px}body.touch[data-phase=playing] .cell strong{font-size:14px}body.touch[data-phase=playing] .touch-deck{height:160px}.touch-deck[hidden]{display:none}body.touch{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.touch .tower{min-height:100vh;min-height:100svh;padding:max(8px, env(safe-area-inset-top)) 16px max(10px, env(safe-area-inset-bottom));gap:8px}body.touch .marquee{border-radius:12px;padding:5px 8px}body.touch .marquee h1{font-size:18px}body.touch .play-row{flex-direction:column;flex:auto;grid-template-columns:1fr;align-items:stretch;min-height:0;display:flex}body.touch .keys,body.touch .guide h2:nth-of-type(2),body.touch[data-phase=playing] .guide,body.touch[data-phase=countdown] .guide,body.touch[data-phase=playing] .consent,body.touch[data-phase=playing] .note,body.touch[data-phase=playing] .marquee{display:none}body.touch .stage{aspect-ratio:auto;cursor:default;flex:auto;min-height:260px}body.touch .views{flex-direction:column;flex:auto;min-height:0;display:flex}body.touch .message{place-items:center;min-height:2.6em;font-size:13px;line-height:1.3;display:grid}.touch-deck{touch-action:none;flex:none;height:176px;position:relative}body.touch:not([data-phase=playing]):not([data-phase=countdown]) .touch-deck{display:none}.pad{grid-template-columns:minmax(0,1fr) 64px 120px;place-items:center;gap:10px;display:grid;position:absolute;inset:0}body.touch[data-phase=countdown] .pad{opacity:.5}.pad button{font:inherit;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#3ff2ff1f;border:2px solid #3ff2ff99;border-radius:16px;place-items:center;padding:0;font-weight:900;line-height:1;transition:transform 60ms,background 60ms;display:grid}.pad button.on,.pad button:active{background:#3ff2ff55;transform:scale(.95)}.stick{aspect-ratio:1;touch-action:none;background:radial-gradient(circle,#3ff2ff26 0 30%,#3ff2ff10 31% 100%);border:2px solid #3ff2ff99;border-radius:50%;width:min(100%,152px);position:relative;box-shadow:inset 0 0 16px #3ff2ff33}.stick:before,.stick:after{content:"";background:#3ff2ff44;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick:before{width:2px;height:76%}.stick:after{width:76%;height:2px}.stick .knob{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fff6c8, var(--gold) 55%, #c9930a);z-index:1;pointer-events:none;border-radius:50%;width:44%;margin:-22% 0 0 -22%;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #000a,0 0 14px #ffd23f66}.stick.on .knob{box-shadow:0 3px 10px #000a,0 0 22px #ffd23fcc}.pad-col{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.pad-col [data-pad=up],.pad-col [data-pad=down]{gap:2px;width:64px;height:72px;font-size:20px}.pad-col small{color:var(--muted);font-size:11px}.pad .grab{color:#2a0a1c;background:radial-gradient(circle at 40% 30%, #ffc2e3, var(--pink) 60%, #b81c6c);border:0;border-radius:50%;width:104px;height:104px;font-size:20px;box-shadow:0 5px #8a1452,0 0 20px #ff3fa477}.pad .grab.closed{background:radial-gradient(circle at 40% 30%, #fff1b0, var(--gold) 60%, #b8860b);box-shadow:0 5px #8a6408,0 0 20px #ffd23f88}.turn{gap:8px;display:flex}.turn button{border-radius:50%;width:56px;height:56px;font-size:24px}body.touch.dual .views{flex-direction:column;flex:auto;grid-template-columns:1fr;display:flex}body.touch.dual #stage2{aspect-ratio:4/3;z-index:4;border-width:2px;width:42%;min-height:0;position:absolute;top:50px;right:8px}body.touch.dual #stage2 .held-bar{height:28px}body.touch.dual #stage2 .held-bar span{font-size:11px}@media (orientation:landscape) and (max-height:540px){body.touch .tower{max-width:none;height:100svh;min-height:0;padding:max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) 320px;gap:6px 12px;display:grid}body.touch .marquee,body.touch .note,body.touch .consent,body.touch .guide{display:none}body.touch .play-row{grid-area:1/1/-1;min-height:0}body.touch .stage{height:100%;min-height:0}body.touch .hud{grid-area:1/2;grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .message{grid-area:2/2;min-height:0}body.touch .touch-deck{grid-area:4/2}}