:root{--gold:#f3d299;--dark:#101e29;--surface:rgba(12,23,29,.84);font-family:Pretendard,'Noto Sans KR',system-ui,-apple-system,sans-serif;color:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101e29;touch-action:none}#stage{display:block;width:100vw;height:100dvh;touch-action:none}#wait{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;color:#fff;background:rgba(0,0,0,.6);border-radius:18px;font-weight:700}button{color:#fff;font:inherit;border:1px solid rgba(244,222,180,.45);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}button:active{filter:brightness(1.2)}header{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-shadow:0 1px 3px #000}.brand .star{font-size:32px;color:var(--gold)}.brand b{letter-spacing:1.2px;font-size:16px}.brand em{font-style:normal;color:var(--gold)}.brand small{display:block;color:#dbe4e9;font-size:11px;margin-top:3px}.soft{height:43px;width:43px;border-radius:50%;background:var(--surface);font-size:24px}.identity{position:absolute;top:77px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.identity>*{pointer-events:auto}.identity-main{background:var(--surface);border:1px solid rgba(240,210,151,.4);border-radius:18px;display:flex;align-items:center;gap:10px;padding:9px 13px;min-width:0}.p-dot{width:12px;height:12px;background:#66e8ad;border-radius:50%;box-shadow:0 0 10px #66e8ad;flex:none}.identity small{font-size:10px;color:#c6d0d0;display:block}.identity strong{font-size:14px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mini{padding:11px 13px;background:var(--surface);border-radius:15px;white-space:nowrap;font-size:12px}.label{position:absolute;top:141px;left:50%;transform:translateX(-50%);border-radius:18px;background:rgba(17,29,36,.82);padding:8px 12px;font-size:11px;max-width:90vw;text-align:center;white-space:normal;color:#fff;pointer-events:none}.cam-actions{position:absolute;right:11px;top:190px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:126px}.cam-actions button{min-height:38px;font-size:12px;background:var(--surface);border-radius:11px}.bottom{position:absolute;left:8px;right:8px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;gap:10px}#pad{width:138px;flex-shrink:0;text-align:center;touch-action:none}#pad .pad-bg{width:132px;height:132px;border:2px solid rgba(245,216,152,.6);background:rgba(20,34,41,.45);box-shadow:inset 0 0 28px #0005;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:none}#thumb{height:62px;width:62px;background:radial-gradient(circle at 40% 25%,#fff0c5,#dfb66b 66%,#9b7743);border:3px solid #ffecba;border-radius:50%;box-shadow:0 4px 22px #0007;transform:translate(0px,0px);pointer-events:none}#pad small{display:block;color:#edf4f1;font-size:12px;text-shadow:0 2px 3px black;margin-top:7px}.actions{min-width:0;max-width:280px;flex:1;display:flex;flex-direction:column;gap:6px}.actions button{min-height:49px;background:rgba(19,33,42,.91);border-radius:15px;box-shadow:0 3px 12px #0006;font-weight:700;font-size:12px}.actions button.on{background:linear-gradient(120deg,#be9958,#f0ca89);color:#182126;border-color:#fff2d1}.toprow{display:grid;grid-template-columns:1fr 1fr;gap:5px}.moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.footnote{font-size:10px;color:#e2edec;text-align:center;text-shadow:0 2px 3px #000;margin-top:3px}#modal{position:absolute;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:25px}#modal.hidden{display:none}.dialog{max-width:430px;background:#172d36;border:1px solid #d5b677;border-radius:22px;padding:22px;line-height:1.75;font-size:14px;max-height:75vh;overflow-y:auto}.dialog h2{color:#f5d48e;margin-top:0}.dialog button{background:#b79460;border:0;border-radius:12px;padding:10px 24px;color:#171e26;font-weight:800;float:right}@media(max-width:380px){.brand b{font-size:13px}.bottom{gap:3px}#pad{width:113px}#pad .pad-bg{width:106px;height:106px}#thumb{width:54px;height:54px}.actions button{font-size:11px;min-height:46px}.cam-actions{top:180px}.footnote{font-size:9px}}
.header-r{display:flex;gap:8px}#world{font-size:19px}.scene-nav{position:absolute;right:12px;top:135px;width:min(260px,calc(100vw - 24px));padding:13px;border-radius:19px;background:rgba(12,27,34,.94);border:1px solid rgba(244,216,160,.45);box-shadow:0 10px 35px #0009;display:grid;gap:6px;max-height:calc(100dvh - 320px);overflow-y:auto;z-index:8}.scene-nav.hidden{display:none}.scene-nav strong{font-size:14px;color:#f3d299;margin-bottom:3px}.scene-nav button{background:rgba(241,216,164,.11);border-radius:11px;padding:12px 10px;text-align:left;font-size:13px}.scene-nav button.current{background:#cfb17c;color:#11252c}.scene-nav small{font-size:10px;color:#bbcbd0;line-height:1.5}#fade{position:fixed;inset:0;background:#07151a;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#f5dca6;opacity:0;transition:opacity .32s ease}#fade.show{opacity:1}#fadeText{font-size:24px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 20px #e9c27888}.cam-actions{top:175px}#modal{z-index:35}.label{top:138px;max-width:75vw}.bottom{z-index:9}.identity{z-index:9}#status{transition:opacity .25s ease}@media(max-height:670px){.cam-actions{top:155px}.scene-nav{top:108px;max-height:calc(100dvh - 245px)}.label{display:none}}

body.minimal .identity,body.minimal .label,body.minimal .cam-actions,body.minimal .bottom .actions{opacity:0;pointer-events:none}body.minimal .identity,body.minimal .label,body.minimal .cam-actions,body.minimal .bottom .actions{transition:opacity .24s ease}