:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--soy:#17110e;--char:#241a15;--char-2:#32251d;--line:#4a382c;--rice:#f4e8d2;--rice-dim:#b9a78d;--flame:#ff7a1f;--gold:#ffc83d;--jade:#4fbf9a;--chili:#e2432e;--steel:#a9b8be;--font-display:"Black Han Sans", "Do Hyeon", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Gothic A1", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--soy);color:var(--rice);font-family:var(--font-body);word-break:keep-all;overflow-wrap:anywhere;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:16px 28px;font-size:15px;line-height:1.5}.app{flex-direction:column;gap:12px;max-width:1180px;margin:0 auto;display:flex}.colL,.colC,.colR{display:contents}.hud{order:1}.stage{order:2}.deck{order:3}.move{order:4}#gearsec{order:5}#armorsec{order:6}.foot{order:7}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.panel{background:var(--char);border-radius:14px;min-width:0;padding:12px}.panel h2{font-family:var(--font-display);margin:0;font-size:18px;font-weight:400;line-height:1.2}.hud{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.logo{font-family:var(--font-display);color:var(--flame);letter-spacing:.02em;margin:0 auto 0 0;font-size:24px;font-weight:400;line-height:1}.stat{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;min-width:0;display:flex}.stat .lab{color:var(--rice-dim);letter-spacing:.06em;font-size:12px}.stat b{font-weight:800}#gold{color:var(--gold)}.stat.heat{align-items:center}.meter{background:var(--char-2);border-radius:5px;width:84px;height:10px;overflow:hidden}.meter i{background:var(--jade);width:0;height:100%;display:block}.meter.warm i{background:var(--gold)}.meter.hot i{background:var(--chili)}.ghost{border:1px solid var(--line);color:var(--rice-dim);background:0 0;border-radius:6px;padding:4px 10px;font-size:12px}.ghost:hover{color:var(--rice);border-color:var(--rice-dim)}.stage{border:2px solid var(--line);background:#000;border-radius:18px;position:relative;overflow:hidden}#cv{aspect-ratio:720/405;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;display:block}.chip{letter-spacing:.04em;background:#17110ed1;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;top:10px;left:12px}.toast{border:1px solid var(--line);text-align:center;opacity:0;pointer-events:none;background:#17110ee6;border-radius:6px;max-width:calc(100% - 130px);padding:4px 12px;font-size:13px;font-weight:600;transition:opacity .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.deck{min-height:150px}.row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.sub{color:var(--rice-dim);margin:0;font-size:13px}.col{flex-direction:column;gap:10px;display:flex}.bar{background:var(--char-2);border-radius:5px;height:10px;position:relative;overflow:hidden}.bar i{background:var(--jade);width:0;position:absolute;inset:0 auto 0 0}.bar.hp i{background:var(--chili)}.bar.time i{background:var(--gold)}.tbar{background:var(--char-2);border-radius:6px;height:30px;position:relative;overflow:hidden}.tbar .zone{background:var(--flame);opacity:.9;position:absolute;top:0;bottom:0}.tbar .perfect{background:#c8101a;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #17110e59}.tbar .mark{background:var(--rice);width:5px;margin-left:-2.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #f4e8d2cc}.btns{flex-wrap:wrap;gap:10px;display:flex}.main{background:var(--flame);min-height:56px;color:var(--soy);font-family:var(--font-display);letter-spacing:.03em;border:0;border-radius:10px;flex:200px;font-size:22px}.main:active:not(:disabled){transform:translateY(2px)}.main.hit{background:var(--chili);color:var(--rice)}.main.forge{background:var(--gold)}.side{border:2px solid var(--line);background:var(--char-2);border-radius:10px;min-height:46px;padding:0 12px;font-size:14px;font-weight:800}.side:hover:not(:disabled){border-color:var(--rice-dim)}.kv{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.kv div{background:var(--char-2);border-radius:6px;padding:6px 10px}.kv span{color:var(--rice-dim);letter-spacing:.06em;font-size:11px;display:block}.kv b{font-variant-numeric:tabular-nums}.move{flex-direction:column;gap:10px;display:flex}.floors{color:var(--rice-dim);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.floors li{align-items:center;gap:6px;display:flex}.floors li:before{content:"";border:2px solid var(--line);border-radius:50%;flex:none;width:8px;height:8px}.floors li.here{color:var(--rice);font-weight:800}.floors li.here:before{background:var(--gold);border-color:var(--gold)}.movebtns{flex-wrap:wrap;gap:8px;display:flex}.movebtns .side{flex:140px}.gear h2{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:8px;display:flex}.gear h2 span{font-family:var(--font-body);color:var(--rice-dim);font-size:12px;font-weight:600}.gearlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.icongrid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;display:grid}.ic{aspect-ratio:1;background:var(--char-2);border:2px solid #0000;border-radius:10px;place-items:center;min-width:0;padding:6px;display:grid;position:relative}.ic svg{width:100%;max-width:34px;height:100%;max-height:34px}.ic.on{border-color:var(--gold)}.ic.sel{box-shadow:0 0 0 2px var(--rice)}.ic.locked svg{filter:grayscale()brightness(.5)}.ic .lv{color:var(--rice-dim);font-variant-numeric:tabular-nums;font-size:10px;font-weight:800;position:absolute;bottom:1px;right:4px}.ic.on .lv{color:var(--gold)}.detail{background:var(--char-2);border-radius:10px;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;display:flex}.detail .nm{font-size:13px;font-weight:800}.detail .ds{color:var(--rice-dim);margin:0;font-size:12px;line-height:1.4}.detail .on{color:var(--gold)}.item{text-align:left;background:var(--char-2);border:2px solid #0000;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 8px;min-width:0;padding:6px 8px;display:grid}div.item{cursor:default}.item svg{grid-row:span 2;width:30px;height:30px}.item .nm{font-size:13px;font-weight:800;line-height:1.3}.item .ds{color:var(--rice-dim);font-size:11.5px;line-height:1.35}.item[aria-pressed=true]{border-color:var(--gold)}.item[aria-pressed=true] .nm:after{content:" ✓";color:var(--gold)}.item.locked{opacity:.5}.item.locked svg{filter:grayscale()brightness(.5)}.staff,#shopsec{order:4}.stafflist{flex-direction:column;gap:6px;display:flex}.srow{background:var(--char-2);border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.srow .nm{align-items:center;gap:6px;font-size:13px;font-weight:800;line-height:1.3;display:flex}.srow .nm i{border-radius:50%;flex:none;width:9px;height:9px}.srow .ds{color:var(--rice-dim);margin:0;font-size:11.5px;line-height:1.35}.srow.promo{border:2px solid var(--gold)}.srow .tag{color:var(--soy);background:var(--gold);border-radius:4px;padding:0 5px;font-size:11px;font-weight:800}.staff .sub{font-size:11.5px}.chip.buff{display:none;left:auto;right:12px}.chip.buff.show{display:block}.chip.buff.on{background:var(--flame);color:var(--soy)}.side.sm{background:var(--char);width:100%;min-height:36px;padding:0 8px;font-size:13px}.foot{color:var(--rice-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:12px;display:flex}.foot p{margin:0}@media (width>=640px){.app{grid-template-columns:minmax(0,1fr) clamp(150px,22vw,190px);align-items:start;display:grid}.colC,.colR{flex-direction:column;gap:12px;min-width:0;display:flex}.colC{grid-area:2/1}.colR{grid-area:2/2}.colL{grid-area:1/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;min-width:0;display:grid}.colC,.colR{grid-row:2}.foot{grid-column:1/-1}.hud{flex-flow:column;align-items:stretch;gap:10px}.logo{margin-right:0}.stat{flex-direction:column;align-items:flex-start;gap:0}.stat.heat{align-items:stretch;gap:4px}.meter{width:100%}#mute{align-self:flex-start}.floors{flex-direction:column}}@media (width>=900px){.app{grid-template-columns:clamp(190px,19vw,210px) minmax(0,1fr) clamp(160px,17vw,190px)}body{padding-block:16px}.colL{flex-direction:column;grid-area:1/1;align-items:stretch;max-height:calc(100vh - 80px);display:flex;position:sticky;top:16px;overflow-y:auto}.colC,.colR{grid-row:1}.hud{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.hud .stat{grid-column:1/-1}#mute{grid-area:1/2}#armorlist{grid-template-columns:repeat(4,minmax(0,1fr))}.colC{grid-column:2}.colR{grid-column:3}.gearlist{grid-template-columns:minmax(0,1fr)}.colR{max-height:calc(100vh - 80px);position:sticky;top:16px}#staffsec{flex-direction:column;flex:auto;min-height:0;display:flex}#stafflist{flex:auto;min-height:0;padding-right:2px;overflow-y:auto}}.modal{z-index:20;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#0a0705c7;place-items:center;display:grid;position:fixed;inset:0}.card{background:var(--char);border:2px solid var(--gold);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:min(340px,100%);padding:20px;display:flex}.card h2{font-family:var(--font-display);color:var(--gold);margin:0;font-size:26px;font-weight:400}.card svg{width:84px;height:84px}.card .nm{font-size:18px;font-weight:800}.card p{color:var(--rice-dim);margin:0;font-size:14px}.card .main{flex:none;width:100%;min-height:48px;font-size:18px}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.game-host{display:flow-root}
