@font-face{font-family:Galmuri11;src:url(./Galmuri11-DfQIlyDK.woff2)format("woff2");font-display:swap}@font-face{font-family:Galmuri11;font-weight:700;src:url(./Galmuri11-Bold-QdFGsJ3v.woff2)format("woff2");font-display:swap}@font-face{font-family:Pen;src:url(./pen-Dx4tmsQP.woff2)format("woff2");font-display:swap}@font-face{font-family:Sign;src:url(./sign-ChAPcg5k.woff2)format("woff2");font-display:swap}:root{--night:#0b0d0c;--glass:#0c0e0d9e;--glass2:#0c0e0dd6;--line:#e8e2d047;--line2:#e8e2d08c;--cream:#ebe5d3;--paper:#ddd5c0;--paper-dark:#c9c0a8;--paper-edge:#8f8670;--ink:#1d1b17;--ink2:#57513f;--tape:#decda0d1;--sign:#2d4637;--sign-hi:#3b5a47;--mint:#8fd0a6;--amber:#e8b33e;--danger:#e2452e;--stamp:#c32a1f;--blue-ink:#2a55a6;--gold-ink:#a37a12;--pix:"Galmuri11", "Apple SD Gothic Neo", sans-serif;--pen:"Pen", "Galmuri11", cursive;--signf:"Sign", "Galmuri11", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--cream);font-family:var(--pix);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#050606;margin:0;font-size:14px;overflow:hidden}#app{--safe-top:8px;--safe-bottom:8px;--safe-left:10px;--safe-right:10px;position:fixed;inset:0}canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.touch-layer{z-index:1;touch-action:none;position:absolute;inset:0}.hud-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.hud-layer button,.hud-layer input,.hud-layer .paint-panel,.hud-layer .preview,.hud-layer .goal{pointer-events:auto}.screens{z-index:3;pointer-events:none;position:absolute;inset:0}.screens>*{pointer-events:auto}#app.portrait:after{content:"가로로 돌려 주세요";z-index:10;color:var(--paper);font-family:var(--signf);background:#050606;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.sign{font-family:var(--signf);letter-spacing:.5px;font-weight:400}.pen-note{font-family:var(--pen);color:#efe8d6;text-shadow:0 2px #0009;font-size:21px;line-height:1.05}.note{color:#b9b29e;font-size:12px;line-height:1.5}.center{text-align:center}.ico{place-items:center;line-height:0;display:inline-grid}.ico svg{display:block}.ico.s svg{width:14px;height:14px}.ico.big svg{width:72px;height:72px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;transition:transform 60ms,filter .1s,background .15s}button.down{filter:brightness(1.2);transform:scale(.94)}button:disabled{opacity:.4}.primary{background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge), 0 8px 16px #00000073;letter-spacing:.5px;background-image:linear-gradient(#ffffff2e,#0000 45%);border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex}.primary.go .ico{color:var(--stamp)}.ghost{color:var(--cream);border:1px solid var(--line);background:#1214128c;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;display:inline-flex}.small{padding:6px 11px;font-size:13px}.icon{background:var(--glass);border:1px solid var(--line);width:42px;height:42px;color:var(--cream);border-radius:8px;place-items:center;display:grid}.chip{border:1px solid var(--line);color:var(--cream);background:#0000004d;border-radius:14px;padding:6px 10px;font-size:12px}.chip.on{background:var(--cream);color:var(--ink);border-color:var(--cream)}.chips{flex-wrap:wrap;gap:5px;margin:4px 0;display:flex}.seg{border:1px solid var(--line);border-radius:3px;display:flex;overflow:hidden}.seg button{border-right:1px solid var(--line);flex:1;padding:6px 4px;font-size:12px}.seg button:last-child{border-right:0}.seg button.on{background:var(--cream);color:var(--ink)}.sticker{vertical-align:-3px;background:radial-gradient(circle at 35% 35%,#ffe28a,#e8b33e 60%,#a8761a);border-radius:50%;flex:none;width:16px;height:16px;display:inline-block;box-shadow:inset 0 0 0 1.5px #ffffff80,0 1px 2px #00000080}.shard-badge{color:#ffd877;background:#00000073;border:1px solid #e8b33e80;border-radius:14px;align-items:center;gap:5px;padding:4px 10px 4px 6px;font-size:13px;font-weight:700;display:inline-flex}.paper{background:var(--paper);color:var(--ink);background-image:radial-gradient(#0000000b 1px,#0000 1px),linear-gradient(160deg,#ffffff40,#0000 40%,#785a2814);background-size:3px 3px,100% 100%;border-radius:2px;position:relative;box-shadow:0 2px #9b927c,0 14px 30px #0000008c}.taped:before,.taped:after{content:"";background:var(--tape);z-index:2;pointer-events:none;width:72px;height:20px;position:absolute;box-shadow:0 1px 2px #00000040}.taped:before{top:-3px;left:22px;transform:rotate(-4deg)}.taped:after{width:56px;top:-2px;right:26px;transform:rotate(5deg)}.joy-base{pointer-events:none;z-index:2;background:radial-gradient(circle,#0a0c0c0d,#0a0c0c59);border:2px solid #ebe5d380;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.joy-knob{background:radial-gradient(circle at 40% 35%,#fff,#cfc8b4);border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0000008c}.hud{position:absolute;inset:0}.hud-top{top:var(--safe-top);left:var(--safe-left);max-width:calc(100% - var(--safe-left) - var(--safe-right) - 150px);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute}.stage-tag{background:var(--glass);border:1px solid var(--line);color:#d8d1bc;border-radius:3px;padding:5px 10px;font-size:12px}.phase{font-family:var(--signf);color:var(--ink);background:var(--paper);box-shadow:0 2px 0 var(--paper-edge);border-radius:2px;padding:4px 10px;font-size:15px;transform:rotate(-1.5deg)}.phase.hot{background:var(--danger);color:#fff;box-shadow:0 2px #7a1b10}.timer{background:var(--glass);border:1px solid var(--line);text-align:center;letter-spacing:1px;border-radius:3px;min-width:70px;padding:3px 10px;font-size:20px;font-weight:700}.timer.low{color:#ff7a5c;border-color:#ff7a5c99}.tension{background:var(--glass);border:1px solid var(--line);border-radius:3px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:none}.tension.show{display:flex}.tension-bar{background:#ffffff1a;border:1px solid #ffffff59;width:140px;height:10px;position:relative}.tension-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 calc(34% - 1px),#ffffff80 34%,#0000 calc(34% + 1px) calc(62% - 1px),#ffffff80 62%,#0000 calc(62% + 1px));position:absolute;inset:0}.tension-fill{background:linear-gradient(90deg,#d8c45a,#e2452e);width:0;height:100%;transition:width .15s}.tension-fill.hot{background:#ff3b24;animation:.45s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.7)}}.npc-row{background:var(--glass);border:1px solid var(--line);color:#cfc8b4;border-radius:3px;align-items:center;gap:2px;padding:3px 8px 3px 6px;font-size:11px;display:flex}.npc-row:empty{display:none}.npc-row .ico svg{width:18px;height:18px}.npc-row .ico.gone{color:#e2452e99;position:relative}.npc-row .ico.gone:after{content:"✕";color:var(--danger);place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.npc-row .ico.held{color:var(--amber);animation:.3s infinite alternate pulse}.npc-row .lbl{margin-right:4px}.goal{top:calc(var(--safe-top) + 52px);left:var(--safe-left);background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--amber);color:#d8d1bc;max-width:46vw;padding:6px 10px;font-size:11px;line-height:1.7;position:absolute}.goal div:before{content:"★ ";color:var(--amber)}.goal.small{opacity:.6;padding:3px 8px}.goal.small div{display:none}.goal.small:after{content:"★ 목표"}.hide-hud.editing .hud-top,.hide-hud.editing .goal{display:none}.act-btns,.prep-btns{right:var(--safe-right);align-items:flex-end;gap:10px;display:flex;position:absolute}.act-btns{bottom:var(--safe-bottom)}.prep-btns{bottom:calc(var(--safe-bottom) + 134px);align-items:center}.act{width:76px;height:76px;color:var(--cream);background:radial-gradient(circle,#0e100f59,#0e100f9e);border:2px solid #ebe5d3b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;box-shadow:0 4px 14px #00000080,inset 0 0 0 4px #00000026}.act .ico svg{width:26px;height:26px}.act .lbl{white-space:nowrap;font-size:11px}.act.on{background:var(--cream);color:var(--ink)}.prep-btns .act{width:64px;height:64px}.prep-btns .act .ico svg{width:22px;height:22px}.prep-btns .act .lbl{font-size:10px}.ready{font-family:var(--signf);padding:15px 18px;font-size:17px;font-weight:400;transform:rotate(-1deg)}.run-ind{left:50%;bottom:calc(var(--safe-bottom) + 70px);font-family:var(--pen);color:#ffb36b;opacity:0;text-shadow:0 2px #000;font-size:24px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.run-ind.on{opacity:1}.insp-marker{font-family:var(--pen);color:#f6e27a;text-shadow:0 0 10px #000000e6,0 2px #000;pointer-events:none;font-size:40px;line-height:1;position:absolute;top:0;left:0}.insp-marker.qq{color:#ffaa3c;font-size:44px}.insp-marker.ex{color:#ff3b2f;font-size:56px;animation:.25s infinite alternate pulse}.insp-marker.edge{background:var(--glass2);border:1px solid var(--line);width:40px;height:40px;font-family:var(--signf);letter-spacing:-1px;border-radius:50%;place-items:center;font-size:24px;line-height:1;display:grid}.insp-marker.edge.ex{border-color:#ff3b2fb3;font-size:26px}.banner{pointer-events:none;white-space:nowrap;font-family:var(--signf);color:var(--stamp);border:5px solid var(--stamp);text-shadow:0 2px #0006;background:#ddd5c01f;padding:2px 18px;font-size:46px;animation:1.8s forwards banner;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.countnum{pointer-events:none;font-family:var(--signf);color:var(--cream);text-shadow:0 4px #000,0 0 30px #000c;font-size:96px;animation:1s forwards countPop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.banner.calm{color:var(--cream);border-color:var(--cream)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)rotate(-5deg)scale(2.2)}14%{opacity:1;transform:translate(-50%,-50%)rotate(-5deg)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(-5deg)scale(1.02)}}.flash{pointer-events:none;opacity:0;position:absolute;inset:0}.flash.catch{background:radial-gradient(circle,#fff0,#c8140abf);animation:1.4s forwards flashOut}.flash.wrong.go{background:radial-gradient(circle,#0000 50%,#d228148c);animation:.5s forwards flashOut}.flash.scare.go{background:#1a0000;animation:1.2s forwards scareFlash}@keyframes flashOut{0%{opacity:1}to{opacity:0}}@keyframes scareFlash{0%{opacity:.95}8%{opacity:0}14%{opacity:.8;background:#5a0400}22%{opacity:0}to{opacity:0}}.reticle{width:56px;height:56px;transition:width .12s,height .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle i{border:0 solid #f0ebdccc;width:14px;height:14px;position:absolute}.reticle .tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.reticle .tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.reticle .bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.reticle .br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.reticle .dot{width:12px;height:12px;margin:-6px;position:absolute;top:50%;left:50%}.reticle .dot:before,.reticle .dot:after{content:"";background:#f0ebdcd9;position:absolute}.reticle .dot:before{width:2px;height:12px;top:0;left:5px}.reticle .dot:after{width:12px;height:2px;top:5px;left:0}.reticle.near{width:38px;height:38px}.reticle.holding{width:calc(38px - var(--hold,0) * 12px);height:calc(38px - var(--hold,0) * 12px);transition:none}.reticle.holding i{border-color:#fff}.hold-arc{pointer-events:none;width:64px;height:64px;margin:-32px;position:absolute;top:50%;left:50%;overflow:visible;transform:rotate(-90deg)}.hold-arc circle{fill:none;stroke:#f2ecd9;stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:100px;opacity:.9;filter:drop-shadow(0 0 2px #000000e6)}.reticle.nope{animation:.32s nope}@keyframes nope{20%{margin-left:-6px}45%{margin-left:5px}70%{margin-left:-3px}to{margin-left:0}}.found-count.pop{animation:.35s hudPop}.wrongs.pop{animation:.35s hudPop,.35s wrongShake}@keyframes hudPop{30%{filter:brightness(1.6);transform:scale(1.18)}}@keyframes wrongShake{25%{translate:-4px}55%{translate:4px}}.reticle.near i{filter:drop-shadow(0 0 3px #fff9);border-color:#fff}.reticle.floor{opacity:.4}.seek-right{top:var(--safe-top);right:var(--safe-right);flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.found-count{background:var(--glass2);border:1px solid var(--line2);border-radius:4px;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:6px 12px 6px 8px;display:grid}.found-count .ico{grid-row:span 2}.found-count .ico svg{width:30px;height:30px}.found-count small{color:#bdb6a1;font-size:10px}.found-count b{letter-spacing:1px;font-size:22px}.wrongs{background:var(--glass);border:1px solid var(--line);color:#cfc8b4;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.wrongs i{color:#ff6a50;border:1.5px solid #ff8a7080;border-radius:2px;place-items:center;width:16px;height:16px;font-size:12px;font-style:normal;display:grid}.wrongs i.on{background:#e2452e40;border-color:#ff6a50}.confirm{right:var(--safe-right);bottom:var(--safe-bottom);width:108px;height:108px;color:var(--cream);pointer-events:auto;background:radial-gradient(circle,#0e100f59,#0e100fa6);border:3px solid #ebe5d3d9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px #0000008c}.confirm .ico{z-index:1}.confirm small{z-index:1;font-size:12px}.confirm.down{background:#3c3a32bf}.hold-ring{opacity:.65;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 57%,#000 59%);mask:radial-gradient(circle,#0000 57%,#000 59%)}.crouch{right:calc(var(--safe-right) + 20px);bottom:calc(var(--safe-bottom) + 122px);width:66px;height:66px;position:absolute}.toasts{z-index:4;left:50%;top:calc(var(--safe-top) + 54px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(560px,62vw);display:flex;position:absolute;transform:translate(-50%)}.subs{z-index:2;left:50%;bottom:calc(var(--safe-bottom) + 14px);pointer-events:none;flex-direction:column;align-items:center;gap:2px;width:min(600px,56vw);display:flex;position:absolute;transform:translate(-50%)}.screens:has(.dialog-wrap)~.toasts{display:none}#app:has(.dialog-wrap) .subs{display:none}.toast{background:var(--glass2);border:1px solid var(--line);text-align:center;border-radius:3px;align-items:center;gap:8px;max-width:100%;padding:7px 14px;font-size:13px;line-height:1.45;transition:opacity .4s;animation:.25s toastIn;display:inline-flex}.toast.warn{color:#ffd27a;border-color:#e8b33e8c}.toast.info{color:#d9d2bf}.toast.sub{font-family:var(--pen);color:#f4eedc;text-shadow:0 2px #000,0 0 12px #000000e6;background:0 0;border:0;padding:2px 16px;font-size:27px;line-height:1.1}.warn-dot{background:var(--amber);width:8px;height:8px;box-shadow:0 0 8px var(--amber);border-radius:50%;flex:none;animation:.5s infinite alternate pulse}.toast.out{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.paint{position:absolute;inset:0}.paint-top{top:var(--safe-top);left:var(--safe-left);align-items:center;gap:10px;display:flex;position:absolute}.paint-title{font-family:var(--signf);text-shadow:0 2px #000;font-size:22px}.paint-panel{top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);background:var(--glass2);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:7px;width:min(340px,41vw);padding:8px;display:flex;position:absolute;overflow-y:auto}.paint-tools{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tool{color:#d8d1bc;background:#ffffff0d;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 5px;font-size:11px;display:flex}.tool .ico svg{width:22px;height:22px}.tool.on{background:var(--cream);color:var(--ink)}.swatches{background:#00000040;border-radius:4px;flex-wrap:wrap;align-items:center;gap:5px;padding:6px;display:flex}.swatch{border:1px solid #0009;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px 2px #00000080}.swatch.current{border:2px solid var(--cream);border-radius:4px 4px 50% 50%;width:38px;height:34px;margin:6px 4px 0 2px;position:relative}.swatch.current:after{content:"";border:2px solid var(--cream);border-bottom:0;border-radius:10px 10px 0 0;width:20px;height:7px;margin-left:-10px;position:absolute;top:-9px;left:50%}.paint-options{flex-direction:column;gap:6px;display:flex}.paint-row{gap:6px;margin-top:auto;display:flex}.paint-row button{flex:1}.opt-label{color:#a9a28d;margin-top:2px;font-size:11px}.stamp-go{font-family:var(--signf);margin-top:4px;font-size:16px;font-weight:400}.taken{align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.taken-thumb{width:52px;height:52px;image-rendering:pixelated;border:2px solid var(--cream);background-size:cover;border-radius:3px;flex:none}.body-map{align-items:center;gap:10px;display:flex}.body-map svg{flex:none;width:84px;height:104px}.body-map .rg{fill:#ebe5d31f;stroke:#ebe5d399;stroke-width:1.5px;cursor:pointer;transition:fill .1s}.body-map .rg.on{fill:var(--cream);stroke:#fff}.body-map .side{color:#bdb6a1;flex-direction:column;flex:1;gap:5px;font-size:11px;display:flex}.paint-views{left:var(--safe-left);bottom:var(--safe-bottom);pointer-events:auto;position:absolute}.paint-views .seg{background:var(--glass2)}.paint-views button{pointer-events:auto;white-space:nowrap;padding:8px 12px}.paint-hint{left:var(--safe-left);bottom:calc(var(--safe-bottom) + 48px);max-width:calc(56vw - 20px);font-family:var(--pen);color:#f1ead8;text-shadow:0 2px #000,0 0 10px #000c;font-size:22px;line-height:1.1;position:absolute}.done{padding:8px 16px}.pick-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin:-12px;animation:.6s forwards pickPop;position:absolute}@keyframes pickPop{0%{transform:scale(.4)}30%{transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.preview{left:50%;bottom:var(--safe-bottom);background:var(--glass2);border:1px solid var(--line2);white-space:nowrap;border-radius:6px;align-items:center;gap:14px;width:max-content;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%)}.preview-title{flex-direction:column;gap:2px;display:flex}.preview-title b{font-family:var(--signf);font-size:17px;font-weight:400}.preview-title small{color:#a9a28d;font-size:11px}.preview-risk{flex-direction:column;gap:4px;min-width:120px;font-size:12px;display:flex}.risk-meter{gap:3px;display:flex}.risk-meter i{background:#ffffff1f;border-radius:1px;flex:1;height:8px}.preview-risk.ok .risk-meter i:first-child{background:var(--mint)}.preview-risk.mid .risk-meter i:nth-child(-n+2){background:var(--amber)}.preview-risk.bad .risk-meter i{background:var(--danger)}.preview-risk.ok b{color:var(--mint)}.preview-risk.mid b{color:var(--amber)}.preview-risk.bad b{color:#ff6b4f}.preview-nav{align-items:center;gap:6px;display:flex}.preview-nav .ghost{min-width:40px}.preview-idx{color:#cfc8b4;text-align:center;min-width:34px;font-size:12px}.preview-dots{pointer-events:none;position:fixed;inset:0}.judge-dot{border:2px solid #ffb02e;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;box-shadow:0 0 6px #000c}.judge-dot.bad{border-color:#ff3b2f;width:16px;height:16px;margin:-8px}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:linear-gradient(90deg,#050606db,#0506066b 55%,#050606b3);flex-direction:column;gap:10px;display:flex;position:absolute;inset:0;overflow-y:auto}.loading,.fatal{text-align:center;background:radial-gradient(#141716,#050606 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.loading .bar{border:1px solid var(--line);background:#1d1f1d;width:min(320px,60vw);height:8px;padding:1px}.loading .bar i{background:var(--cream);width:0;height:100%;transition:width .2s;display:block}.load-msg{font-family:var(--pen);color:#bdb6a1;font-size:22px}.logo{image-rendering:auto;filter:drop-shadow(0 4px #0009)}.loading .logo{width:min(300px,50vw)}.stage-loading{z-index:60;text-align:center;background:radial-gradient(#141716,#050606 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .28s;display:flex;position:absolute;inset:0}.stage-loading.out{opacity:0;pointer-events:none}.stage-loading .sl-where{color:var(--cream);font-size:clamp(30px,6vh,46px)}.stage-loading .sl-what{font-family:var(--pen);color:#bdb6a1;font-size:22px}.stage-loading .sl-bar{border:1px solid var(--line);background:#1d1f1d;width:min(320px,60vw);height:8px;margin-top:6px;position:relative;overflow:hidden}.stage-loading .sl-bar i{background:var(--cream);will-change:transform;width:34%;animation:1.15s ease-in-out infinite sl-slide;position:absolute;top:1px;bottom:1px;left:0}@keyframes sl-slide{0%{transform:translate(-105%)}to{transform:translate(300%)}}.title{background:linear-gradient(90deg,#0506064d,#050606c7);justify-content:center;align-items:center;padding-left:34vw}.title .keyart{object-fit:contain;object-position:left bottom;opacity:.88;width:auto;max-width:40vw;height:100%;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000);mask-image:linear-gradient(90deg,#000 60%,#0000)}.title-main{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.title .logo.big{width:min(420px,46vw);animation:1.1s logoIn}@keyframes logoIn{0%{opacity:0;filter:blur(5px);transform:scale(1.06)}}.subtitle{color:#e0d9c6;font-size:15px}.subtitle em{color:var(--mint);font-style:normal}.tap{font-family:var(--signf);color:var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--paper-edge);margin-top:14px;padding:6px 18px;font-size:18px;animation:1.6s infinite tapBlink;transform:rotate(-1.5deg)}@keyframes tapBlink{50%{opacity:.55}}.title .pen-note{position:absolute;transform:rotate(-6deg)}.title .n1{left:calc(var(--safe-left) + 8px);top:calc(var(--safe-top) + 4px);color:#9fd8b4;font-size:22px}.title .n2{right:calc(var(--safe-right) + 140px);top:calc(var(--safe-top) + 10px);font-size:24px;transform:rotate(5deg)}.quote{bottom:calc(var(--safe-bottom) + 6px);right:var(--safe-right);font-family:var(--pen);color:#d6cfbb;font-size:25px;position:absolute}.credit{bottom:calc(var(--safe-bottom) + 10px);color:#8d8673;letter-spacing:1px;font-size:11px;position:absolute;left:36vw}.home{justify-content:center;align-items:center;gap:14px}.home-head{top:var(--safe-top);left:var(--safe-left);align-items:center;gap:16px;display:flex;position:absolute}.logo.small{width:140px}.home-note{color:#d9d2bf;font-size:22px;transform:rotate(-3deg)}.home-tag{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.home-credit{font-family:var(--pix);color:#8d8673;letter-spacing:.5px;align-items:center;gap:8px;margin-left:4px;font-size:10px;display:flex}.home-credit b{color:#b9b29d;letter-spacing:1px;font-weight:400}.home-credit span{border:1px solid #8d867380;padding:1px 6px}.mode-row{justify-content:center;align-items:stretch;gap:22px;margin-top:30px;display:flex}.mode-card{background:#121413;border:3px solid #2c2f2c;flex-direction:column;width:min(340px,40vw);display:flex;position:relative;transform:rotate(-.8deg);box-shadow:0 14px 30px #0009}.mode-card.seek{transform:rotate(.9deg)}.mode-art{cursor:pointer;height:clamp(64px,20vh,130px);position:relative;overflow:hidden}.mode-art img{object-fit:cover;filter:saturate(.9)contrast(1.05);width:100%;height:100%;display:block}.mode-shade{background:linear-gradient(#0000 45%,#121413f2);position:absolute;inset:0}.mode-label{font-family:var(--signf);color:var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--paper-edge), 0 6px 14px #00000080;padding:3px 14px 4px;font-size:22px;position:absolute;top:-12px;left:14px;transform:rotate(-3deg)}.mode-card.seek .mode-label{transform:rotate(2deg)}.mode-body{flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.mode-desc{color:#e2dbc7;font-size:13px}.mode-meta{color:#bdb6a1;align-items:center;gap:8px;font-size:12px;display:flex}.meter{background:#ffffff1a;flex:1;height:6px}.meter i{background:var(--mint);height:100%;display:block}.mstars{color:var(--amber);align-items:center;gap:3px;display:inline-flex}.mode-actions{justify-content:space-between;gap:8px;display:flex}.mode-actions .go{flex:1}.home-bar{justify-content:center;gap:10px;margin-top:10px;display:flex}.bar-btn{gap:8px;padding:9px 14px}.screen-head{align-items:center;gap:12px;padding-right:130px;display:flex}.screen-head h2{text-shadow:0 2px #000;margin:0;font-size:24px}.head-sub{color:#a9a28d;flex:1;font-size:12px}.back{gap:4px;padding:7px 12px 7px 8px}.stage-body{flex:1;grid-template-columns:150px 1fr min(280px,30vw);gap:14px;min-height:0;display:grid}.sections{flex-direction:column;gap:8px;display:flex}.section-sign{background:var(--sign);color:#e9e4cf;text-align:left;border:1px solid #1a2a20;border-radius:2px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 2px #ffffff14,0 3px #16251c}.section-sign b{font-family:var(--signf);font-size:15px;font-weight:400}.section-sign small{color:#a9c2b0;font-size:11px}.section-sign.on{background:var(--sign-hi);box-shadow:inset 0 0 0 2px var(--mint), 0 3px 0 #16251c}.section-sign.locked{filter:grayscale(.7)brightness(.6)}.section-sign.small{padding:7px 12px}.tag-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;display:grid}.price-tag{text-align:left;color:var(--ink);background:var(--paper);clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);background-image:linear-gradient(160deg,#ffffff40,#0000 45%);flex-direction:column;gap:3px;min-height:94px;padding:12px 12px 10px 26px;display:flex;position:relative}.price-tag .hole{background:#2a2c2a;border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:10px;box-shadow:inset 0 1px 2px #000}.tag-id{color:var(--ink2);letter-spacing:1px;font-size:11px}.tag-title{font-family:var(--signf);font-size:17px;line-height:1.15}.tag-stars{color:#0000002e;gap:2px;margin-top:auto;display:flex}.tag-stars .got{color:var(--gold-ink)}.price-tag.on{box-shadow:inset 0 0 0 3px var(--mint);background-color:#f6f0dd}.price-tag.locked{color:#2c2a25;background:#6e695b}.tag-lock{color:#2a2722;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;bottom:8px;right:8px}.tag-stamp{color:var(--stamp);border:2px solid var(--stamp);font-family:var(--signf);opacity:.8;padding:0 5px;font-size:12px;position:absolute;top:8px;right:8px;transform:rotate(10deg)}.stage-detail{flex-direction:column;align-self:start;gap:7px;padding:16px 16px 12px;display:flex}.stage-detail h3{margin:0;font-size:24px}.stage-detail p{margin:0;font-size:13px;line-height:1.55}.sid{color:var(--ink2);letter-spacing:.5px;font-size:11px}.meta-chips{flex-wrap:wrap;gap:4px;display:flex}.meta-chips span{color:var(--ink2);border:1px solid #9d957f;border-radius:10px;padding:2px 7px;font-size:11px}.star-conds{color:#6c6552;flex-direction:column;gap:3px;margin:2px 0;padding:0;font-size:12px;list-style:none;display:flex}.star-conds li{align-items:center;gap:6px;display:flex}.star-conds li .ico{color:#0003}.star-conds li.got{color:#7a5508;font-weight:700}.star-conds li.got .ico{color:var(--gold-ink)}.stage-detail .row{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.stage-detail .ghost,.dialog .ghost{color:var(--ink);background:0 0;border-color:#8d8572}.stage-detail .go{font-family:var(--signf);flex:1;font-size:17px;font-weight:400}.dialog-wrap{padding:calc(var(--safe-top) + 10px) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#0000008c;place-items:center;animation:.2s fadeIn;display:grid;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}}.dialog{flex-direction:column;gap:8px;width:min(480px,92vw);max-height:100%;padding:18px 20px;animation:.25s cardIn;display:flex;overflow:hidden auto}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.dialog h3{margin:0;font-size:23px}.dialog p{margin:0;font-size:13px;line-height:1.55}.dialog .row{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.dialog .col{flex-direction:column;gap:8px;margin-top:6px;display:flex}.dialog .row2{gap:8px;display:flex}.dialog .row2>*{flex:1}.dialog .note{color:var(--ink2)}.pause-card{width:min(360px,90vw)}.pause-card .go{font-family:var(--signf);padding:12px;font-size:18px;font-weight:400}.resume-count{font-family:var(--signf);text-align:center;color:var(--stamp);font-size:56px;display:none}.pause.counting .resume-count{display:block}.tutorial{flex-direction:row;align-items:center;gap:18px;width:min(560px,92vw)}.tut-art{background:var(--sign);color:#e9e4cf;border-radius:4px;flex:none;place-items:center;width:120px;height:120px;display:grid;box-shadow:inset 0 0 0 3px #ffffff14}.tut-text{flex-direction:column;flex:1;gap:8px;display:flex}.tutorial .row{justify-content:space-between;align-items:center}.dots{gap:6px;display:flex}.dots i{background:#b0a78f;border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--ink)}.result-card{gap:6px;width:min(470px,94vw);padding:14px 18px}.result-card.two{width:min(760px,95vw)}.result-cols{grid-template-columns:1fr;gap:8px 22px;display:grid}.result-card.two .result-cols{grid-template-columns:1fr 1fr}.result-left,.result-right{flex-direction:column;gap:7px;min-width:0;display:flex}.result-stamp{font-family:var(--signf);opacity:.92;border:5px solid;align-self:flex-start;margin:2px 0 0 6px;padding:0 16px;font-size:36px;animation:.4s cubic-bezier(.2,1.6,.5,1) stampIn;transform:rotate(-7deg)}.result-stamp.red{color:var(--stamp)}.result-stamp.blue{color:var(--blue-ink)}.result-stamp.gold{color:var(--gold-ink)}.result-stamp.fail{color:#3a3630;border-style:dashed}@keyframes stampIn{0%{opacity:0;transform:rotate(-7deg)scale(2.4)}}.result-stars{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.rstar{text-align:center;color:#7a735f;flex-direction:column;align-items:center;gap:3px;font-size:11px;animation:.4s backwards starIn;display:flex}.rstar .ico svg{width:30px;height:30px}.rstar .ico{color:#00000026}.rstar.got .ico{color:var(--amber);filter:drop-shadow(0 2px #8a5d0c)}.rstar.got{color:#6e4c08;font-weight:700}.rstar.ever .ico{color:#c9b27a}@keyframes starIn{0%{opacity:0;transform:scale(.2)}}.receipt{background:#f0ebdc;border-top:2px dashed #a99f86;border-bottom:2px dashed #a99f86;flex-direction:column;gap:3px;padding:8px 10px;font-size:12px;display:flex}.receipt div{align-items:baseline;gap:6px;display:flex}.receipt i{border-bottom:1px dotted #9d957f;flex:1}.ad-box{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;font-size:12px;display:flex}.ad-box:empty{display:none}.reward{color:#7a5508;align-items:center;gap:6px;font-weight:700;display:inline-flex}.dialog .ad-box .ghost{color:var(--ink);background:#0000000f;border-color:#8d8572}.polaroid{background:#f4f0e4;margin:4px 0 0;padding:8px 8px 6px;position:relative;transform:rotate(1.5deg);box-shadow:0 6px 14px #00000059}.polaroid:before{content:"";background:var(--tape);width:70px;height:18px;margin-left:-35px;position:absolute;top:-9px;left:50%;transform:rotate(-3deg)}.polaroid img{object-fit:cover;width:100%;max-height:34vh;image-rendering:pixelated;display:block}.polaroid figcaption{font-family:var(--pen);color:#3a362d;margin-top:4px;font-size:18px}.pen-note.reasons{color:#2a2620;text-shadow:none;font-size:23px;transform:rotate(-1deg)}.dialog .pen-note.reasons p{margin:2px 0;font-size:24px;line-height:1.1}.tip{border-left:3px solid var(--amber);background:#0000000f;align-items:flex-start;gap:8px;padding:7px 9px;font-size:12px;line-height:1.5;display:flex}.result-card .row{justify-content:flex-end}.result-card .go{font-family:var(--signf);font-size:17px;font-weight:400}.collection .tabs{gap:8px;display:flex}.shelf{background:linear-gradient(#0000 calc(100% - 14px),#4a3423 calc(100% - 14px),#2c1f15);grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;max-width:860px;padding:8px 6px 0;display:grid}.shelf-item{flex-direction:column;align-items:stretch;gap:0;padding-bottom:14px;display:flex}.item-art{height:74px;font-family:var(--signf);place-items:center;display:grid}.item-tag{flex-direction:column;gap:3px;margin-bottom:4px;padding:7px 9px;font-size:12px;display:flex}.item-tag small{color:var(--ink2);min-height:30px;font-size:11px}.item-tag .ghost{color:var(--ink);background:0 0;border-color:#8d8572}.shelf-item.on .item-tag{box-shadow:inset 0 0 0 3px var(--amber), 0 2px 0 #9b927c}.shelf-item.unowned .item-art{filter:grayscale(.6)brightness(.7)}.tag.using{color:#7a5508;font-size:12px;font-weight:700}.item-art [class^=preview-]{place-items:center;display:grid}.preview-stamp_basic:after{content:"통과";color:var(--stamp);border:3px solid;padding:0 6px;font-size:20px;transform:rotate(-6deg)}.preview-stamp_smile:after{content:"☺ 통과";color:var(--stamp);border:3px solid;padding:0 6px;font-size:20px;transform:rotate(-6deg)}.preview-stamp_check:after{content:"검수 완료";color:#6f97e0;border:3px solid;padding:0 6px;font-size:18px;transform:rotate(-6deg)}.preview-stamp_star:after{content:"★ 정상 진열";color:#e8c54e;border:3px solid;padding:0 6px;font-size:16px;transform:rotate(-6deg)}.preview-frame_basic:after{content:"";border:2px solid var(--line2);width:64px;height:44px}.preview-frame_tape:after{content:"";background:var(--tape);width:66px;height:16px;transform:rotate(-8deg)}.preview-frame_receipt:after{content:"- - 영수증 - -";color:var(--ink);background:#ece6d6;padding:4px 6px;font-size:12px}.preview-frame_stickers:after{content:"☺ ★ ☺";color:#e8c54e;font-size:22px}.preview-marker_basic:after{content:"회수";background:var(--stamp);color:#f4ecd8;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;display:grid}.preview-marker_star:after{content:"★";color:#e8c23a;font-size:40px}.preview-marker_tag:after{content:"반품";color:var(--stamp);background:#f0ead8;border:1px solid #999;padding:4px 8px}.preview-marker_smile:after{content:"☺";color:#e8c23a;font-size:40px}.settings{flex-direction:column;gap:7px;display:flex}.set-group{font-family:var(--signf);color:var(--sign);border-bottom:2px solid #2d463759;margin-top:4px;padding-bottom:2px;font-size:14px}.set-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.set-row input[type=range]{width:52%;accent-color:var(--sign)}.switch{color:var(--ink2);justify-content:flex-end;align-items:center;gap:8px;min-width:86px;font-size:12px;display:inline-flex}.switch i{background:#a8a08a;border-radius:10px;width:38px;height:20px;transition:background .15s;position:relative}.switch i:after{content:"";background:#f4efe0;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.switch.on i{background:var(--sign)}.switch.on i:after{left:20px}.settings-card{padding:18px}.settings-screen .settings-card{align-self:center;width:min(520px,90vw)}.frame_tape .stage-detail:after{content:"";background:var(--tape);width:44px;height:15px;position:absolute;bottom:14px;right:-6px;transform:rotate(-38deg)}.frame_receipt:after{content:"영수증 · 폐점 후 회수 대상 없음 · 감사합니다 ☺";text-align:center;color:#3a3630;background:repeating-linear-gradient(90deg,#e9e3d2 0 8px,#ddd6c3 8px 16px);padding:3px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.frame_stickers:before{content:"☺   ★        ☺      ★   ☺";left:30%;top:calc(var(--safe-top) + 4px);color:#e9c446b3;white-space:pre;font-size:22px;position:absolute}@media (max-height:420px){.mode-art{height:104px}.mode-row{margin-top:40px}.price-tag{min-height:74px;padding:9px 10px 8px 24px}.tag-title{font-size:15px}.act{width:66px;height:66px}.prep-btns{bottom:calc(var(--safe-bottom) + 104px)}.prep-btns .act{width:58px;height:58px}.confirm{width:94px;height:94px}.crouch{bottom:calc(var(--safe-bottom) + 106px)}.goal{font-size:10px}.dialog{padding:12px 14px}.stage-detail h3{font-size:20px}.result-stamp{font-size:30px}}.screen,.dialog,.paint-panel,.stage-detail,.tag-grid,.sections,.shelf{touch-action:pan-y;-webkit-overflow-scrolling:touch}.home{justify-content:space-between}.home-head{align-self:stretch;position:static}.mode-row,.home-bar{margin-top:0}.stage-body{overflow:hidden}.tag-grid{min-height:0;padding:2px;overflow-y:auto}.stage-detail{max-height:100%;overflow-y:auto}.stage-detail .row,.result-card .row{background:var(--paper);z-index:1;margin:4px -16px -12px;padding:8px 16px 12px;position:sticky;bottom:-12px;box-shadow:0 -8px 12px -10px #00000059}.result-card .row{margin:4px -18px -14px;padding:8px 18px 14px;bottom:-14px}@media (max-width:820px){.stage-body{grid-template-columns:112px 1fr min(240px,34vw);gap:8px}.section-sign{padding:6px 8px}.section-sign b{font-size:13px}.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.price-tag{min-height:66px;padding:8px 8px 7px 22px}.tag-title{font-size:14px}.stage-detail{padding:12px 12px 10px}.stage-detail .row{margin:4px -12px -10px;padding:8px 12px 10px;bottom:-10px}.stage-detail h3{font-size:19px}.stage-detail p{font-size:12px}.logo.small{width:110px}.home-note{font-size:18px}.mode-card{width:min(320px,44vw)}}@media (max-height:380px){.mode-art{height:86px}.mode-body{gap:6px;padding:6px 10px 8px}.polaroid img{max-height:24vh}.result-stamp{border-width:4px;font-size:26px}.rstar .ico svg{width:22px;height:22px}.receipt{gap:1px;padding:5px 8px}.settings{gap:4px}}.blood{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.blackout{pointer-events:none;opacity:0;z-index:6;background:#000;transition:opacity .5s;position:absolute;inset:0}.blackout.on{opacity:1}.flash.astral{background:radial-gradient(circle,#f6e8ff,#7828a099);animation:1.1s forwards flashOut}.hide-hud.astral .hud-top,.hide-hud.astral .insp-marker,.hide-hud.astral .run-ind{display:none}.photo{background:var(--cream);padding:6px 6px 24px;position:relative;box-shadow:0 8px 18px #0000008c}.photo .tape{background:var(--tape);z-index:4;width:46%;height:16px;position:absolute;top:-8px;left:27%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000040}.photo .img{aspect-ratio:1;background:#222;position:relative;overflow:hidden}.photo .img img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.photo .img:after{content:"";background:linear-gradient(#0000 50%,#0009);position:absolute;inset:0}.photo .no{z-index:2;background:var(--ink);color:var(--cream);letter-spacing:1px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.photo .pname{z-index:2;font-family:var(--signf);color:#fff;text-align:left;text-shadow:0 2px #000000b3,0 0 12px #0009;font-size:1em;line-height:.95;position:absolute;bottom:7%;left:8%;right:8%}.photo .pstamp{z-index:3;color:var(--stamp);border:2px solid var(--stamp);font-family:var(--signf);background:#ebe5d3d9;padding:1px 6px;font-size:15px;animation:.35s .25s both stampIn;position:absolute;top:8%;right:6%;transform:rotate(8deg)}.photo .cap{color:var(--ink);font-family:var(--pen);white-space:nowrap;text-align:left;font-size:17px;line-height:1;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}.photo .cap small{font-family:var(--pix);color:var(--ink2);margin-left:5px;font-size:10px}.photo.locked .img img{filter:grayscale()brightness(.4)}.photo.locked .pname{opacity:.5}.caution{z-index:3;background:repeating-linear-gradient(45deg, var(--amber) 0 12px, var(--ink) 12px 24px);place-items:center;height:20px;display:grid;position:absolute;top:44%;left:-20%;right:-20%;transform:rotate(-14deg);box-shadow:0 2px 4px #00000080}.caution span{background:var(--amber);color:var(--ink);letter-spacing:2px;padding:1px 8px;font-size:10px;font-weight:700}.mode-tabs{display:flex}.mode-tabs .tab{border:1px solid var(--line2);color:#a9a28d;padding:5px 12px;font-size:12px}.mode-tabs .tab.on{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:700}.star-total{border:1px solid var(--line2);color:var(--cream);align-items:center;gap:4px;padding:4px 9px;font-size:12px;display:inline-flex}.star-total .ico,.store-meta .ico,.store .by .ico,.store-left .by .ico{color:var(--amber)}.store-shelf{flex:1;align-items:flex-start;gap:clamp(14px,3vw,28px);min-height:0;padding:14px 4px 0;display:flex}.store{text-align:left;width:min(47vh,20vw);animation:.42s cubic-bezier(.2,.9,.3,1.25) both photoDrop;animation-delay:calc(var(--d,60ms) + var(--i) * 70ms);flex-direction:column;flex:none;gap:9px;display:flex}.store .photo{font-size:min(7vh,3vw)}.store:first-child .photo{transform:rotate(-1.5deg)}.store:nth-child(2) .photo{transform:rotate(1.2deg)}.store:nth-child(3) .photo{transform:rotate(-.8deg)}.store:nth-child(4) .photo{transform:rotate(1.6deg)}.store.cur .photo{outline:2px solid var(--mint);outline-offset:4px}.store-meta{color:#a9a28d;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.store-meta b{color:var(--cream)}@keyframes photoDrop{0%{opacity:0;transform:translateY(-26px)rotate(-5deg)}}.cont-tag{right:calc(var(--safe-right) + 4px);bottom:calc(var(--safe-bottom) + 4px);background:var(--paper);color:var(--ink);clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);pointer-events:auto;cursor:pointer;animation:tagSwing .5s calc(var(--d,60ms) + .24s) both;align-items:center;gap:12px;padding:6px 6px 6px 28px;display:flex;position:absolute;box-shadow:0 6px 14px #00000080}.cont-tag:before{content:"";background:#2a2c2a;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:10px}.cont-txt{flex-direction:column;gap:2px;display:flex}.cont-txt small{color:var(--ink2);font-size:10px}.cont-txt b{font-family:var(--signf);align-items:baseline;gap:6px;font-size:16px;font-weight:400;display:flex}.cont-txt .cid{font-family:var(--pix);color:var(--ink2);font-size:12px;font-weight:700}.cont-tag .primary{background:var(--ink);color:var(--cream);box-shadow:none;padding:8px 14px}@keyframes tagSwing{0%{opacity:0;transform:translate(30px)rotate(4deg)}}.screen.store-screen,.screen.stage-screen{grid-template-rows:auto 1fr;grid-template-columns:min(56vh,26vw) 1fr;gap:14px clamp(18px,4vw,36px);display:grid;overflow:hidden}.screen.store-screen .back.float,.screen.stage-screen .back.float{grid-area:1/1;justify-self:start}.store-left,.stage-left{animation:.42s cubic-bezier(.2,.9,.3,1.25) both photoDrop;animation-delay:var(--d,60ms);grid-area:2/1;align-self:start}.store-left .photo,.stage-left .photo{font-size:min(8.5vh,3.6vw);transform:rotate(-1.5deg)}.store-left .kind,.stage-info .kind{letter-spacing:1.5px;color:#a9a28d;font-size:10px}.store-left .kind{margin-top:14px}.store-left .by{color:#a9a28d;align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.store-right,.stage-info{flex-direction:column;grid-area:1/2/span 2;min-width:0;min-height:0;display:flex}.store-ctl{align-items:center;gap:10px;min-height:44px;display:flex}.store-ctl h2{text-shadow:0 2px #000;flex:1;margin:0;font-size:26px}.srows{border-top:1px solid var(--line);min-height:0;margin-top:6px;overflow-y:auto}.srow{text-align:left;border-bottom:1px solid var(--line);width:100%;min-height:42px;animation:.32s ease-out both rowIn;animation-delay:calc(var(--d,60ms) + 80ms + var(--i) * 45ms);grid-template-columns:42px minmax(0,1fr) 58px 46px;align-items:center;gap:10px;padding:0 10px;display:grid;position:relative}@keyframes rowIn{0%{opacity:0;transform:translate(22px)}}.srow .rid{color:#a9a28d;font-size:11px}.srow .stt b{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.srow .stt span{color:#a9a28d;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.srow .pass{color:var(--stamp);font-family:var(--pen);border:1.5px solid var(--stamp);background:#ebe5d3e6;padding:0 3px;font-size:14px;font-style:normal;line-height:1.1;transform:rotate(-4deg)}.srow .next{color:var(--ink);background:var(--mint);padding:1px 5px;font-size:10px;font-style:normal;font-weight:700}.srow .sstars{color:#ebe5d333;gap:1px;display:flex}.srow .sstars .got{color:var(--amber)}.srow .stime{color:#a9a28d;text-align:right;font-size:11px}.srow.cur{background:#8fd0a61a}.srow.cur:before{content:"";background:var(--mint);width:3px;position:absolute;top:6px;bottom:6px;left:0}.srow.cur .rid,.srow.cur .stt b{color:var(--mint)}.srow.locked{opacity:.4}.stage-info{animation:.34s ease-out both rowIn;animation-delay:calc(var(--d,60ms) + 60ms);gap:0}.stage-info h2{text-shadow:0 2px #000;margin:3px 0 0;font-size:32px;line-height:1}.stage-info .meta-chips{margin-top:8px}.stage-info .meta-chips span{color:#cfc8b4;border-color:var(--line2);border-radius:0}.stage-info .memo{background:var(--paper);max-width:100%;color:var(--ink);font-family:var(--pen);align-self:flex-start;margin-top:12px;padding:8px 12px 7px;font-size:19px;line-height:1.1;position:relative;transform:rotate(-1deg);box-shadow:0 4px 10px #0006}.stage-info .memo:before{content:"";background:var(--tape);width:54px;height:13px;position:absolute;top:-7px;left:18px;transform:rotate(-4deg)}.stage-info .star-conds{color:#a9a28d;margin-top:10px}.stage-info .star-conds li .ico{color:#ebe5d333}.stage-info .star-conds li.got{color:var(--cream);font-weight:400}.stage-info .star-conds li.got .ico{color:var(--amber)}.rec{border-top:1px solid var(--line);gap:22px;margin-top:auto;padding:8px 0 10px;display:flex}.rec small{color:#a9a28d;font-size:10px;display:block}.rec b{font-size:13px}.stage-ctrls{align-items:center;gap:8px;display:flex}.stage-ctrls .grow{flex:1}.stage-ctrls .off{opacity:.35}.stage-ctrls .flip{display:inline-grid;transform:scaleX(-1)}.stage-ctrls .lg{font-family:var(--signf);padding:12px 26px;font-size:18px;font-weight:400}.screen.leaving{z-index:2;pointer-events:none}.screen.leaving.fx-fade{animation:.22s ease-in both scrFade}.screen.fx-fade:not(.leaving){animation:.24s ease-out both fadeIn}@keyframes scrFade{to{opacity:0}}.screen.fx-fwd:not(.leaving){animation:.34s cubic-bezier(.2,.8,.2,1) both scrInR}.screen.leaving.fx-fwd{animation:.28s ease-in both scrOutL}.screen.fx-back:not(.leaving){animation:.34s cubic-bezier(.2,.8,.2,1) both scrInL}.screen.leaving.fx-back{animation:.28s ease-in both scrOutR}@keyframes scrInR{0%{opacity:0;transform:translate(48px)}}@keyframes scrInL{0%{opacity:0;transform:translate(-48px)}}@keyframes scrOutL{to{opacity:0;filter:blur(2px);transform:translate(-70px)}}@keyframes scrOutR{to{opacity:0;filter:blur(2px);transform:translate(70px)}}.screen.fx-shutter{--d:.33s}.shutter{z-index:30;pointer-events:auto;background:linear-gradient(90deg,#00000059,#0000 12% 88%,#00000059),repeating-linear-gradient(#54584f 0 3px,#474a43 3px 15px,#2a2c28 15px 17px,#3c3f39 17px 22px);animation:.68s both shutterRoll;position:absolute;inset:0;box-shadow:0 6px #1b1c1a,0 14px 24px #000000b3}.shutter:after{content:"";background:linear-gradient(#6a6d63,#33352f);border-top:2px solid #23241f;height:14px;position:absolute;bottom:0;left:0;right:0}.shutter .handle{z-index:1;background:#1d1e1b;border-radius:2px;width:46px;height:7px;margin-left:-23px;position:absolute;bottom:3px;left:50%}@keyframes shutterRoll{0%{animation-timing-function:cubic-bezier(.55,0,.9,.5);transform:translateY(-102%)}30%{animation-timing-function:ease-out;transform:translateY(0)}36%{animation-timing-function:ease-in;transform:translateY(-2.5%)}42%{transform:translateY(0)}52%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translateY(0)}to{transform:translateY(-104%)}}@media (prefers-reduced-motion:reduce){.store,.srow,.store-left,.stage-left,.stage-info,.cont-tag{animation:none}}.act.hold{background:var(--cream);width:92px;height:92px;color:var(--ink);box-shadow:0 4px 0 var(--paper-edge), 0 8px 18px #00000080;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.act.hold .breath-ring{pointer-events:none;background:conic-gradient(var(--mint) calc(var(--b,1) * 360deg), #1e201ed9 0);border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(circle,#0000 52px,#000 53px);mask:radial-gradient(circle,#0000 52px,#000 53px)}.act.hold.low .breath-ring{background:conic-gradient(var(--danger) calc(var(--b,1) * 360deg), #1e201ed9 0)}.act.hold .hold-lbl{font-family:var(--signf);font-size:19px;line-height:1}.act.hold .hold-sub{color:var(--ink2);margin-top:3px;font-size:10px}.act.hold.on{background:#d6ecdc;transform:scale(.95)}.act.hold.on .hold-sub{color:var(--sign)}@media (max-height:380px){.act.hold{width:80px;height:80px}.act.hold .breath-ring{-webkit-mask:radial-gradient(circle,#0000 46px,#000 47px);mask:radial-gradient(circle,#0000 46px,#000 47px)}}.online-screen,.room-screen{gap:14px}.on-body{flex:1;grid-template-columns:min(280px,34vw) 1fr;align-items:start;gap:18px;min-height:0;display:grid}.on-side{flex-direction:column;gap:10px;padding:16px;display:flex}.on-side label{color:var(--ink2);flex-direction:column;gap:4px;font-size:11px;display:flex}.on-side input{font:inherit;border:2px solid var(--paper-edge);color:var(--ink);background:#f3eedf;border-radius:2px;width:100%;padding:9px 10px;font-size:16px}.on-side .go{font-family:var(--signf);font-size:18px;font-weight:400}.on-side .on-adv{width:100%;color:var(--ink2)}.on-side .on-adv input{color:var(--ink);border-color:var(--paper-edge);background:#f3eedf;font-size:12px}.on-list{flex-direction:column;gap:8px;min-height:0;display:flex}.on-list .kind{letter-spacing:1.5px;color:#a9a28d;font-size:11px}.on-rooms{flex-direction:column;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.on-rooms li{border:1px solid var(--line);background:#0c0e0db3;align-items:center;gap:12px;padding:6px 8px 6px 6px;animation:.25s ease-out both rowIn;display:flex}.on-rooms li img,.on-rooms li .noimg{object-fit:cover;width:46px;height:46px;image-rendering:pixelated;background:#222;flex:none}.on-rooms li .rt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.on-rooms li .rt b{font-family:var(--signf);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:400;overflow:hidden}.on-rooms li .rt span{color:#a9a28d;font-size:11px}.on-rooms li .state{color:#a9a28d;border:1px solid var(--line2);padding:3px 8px;font-size:11px;font-style:normal}.on-rooms li.busy{opacity:.55}.on-rooms li.empty{font-family:var(--pen);color:#bdb6a1;background:0 0;border-style:dashed;justify-content:center;padding:22px 10px;font-size:19px}.on-rooms li.empty.err{color:#ff9c86}.on-card{flex-direction:column;gap:10px;width:min(380px,80vw);padding:18px 18px 16px;display:flex}.on-card label{color:var(--ink2);flex-direction:column;gap:4px;font-size:11px;display:flex}.on-card input,.on-adv input{font:inherit;border:2px solid var(--paper-edge);color:var(--ink);background:#f3eedf;border-radius:2px;width:100%;padding:9px 10px;font-size:16px}.on-card .go{font-family:var(--signf);font-size:18px;font-weight:400}.on-or{text-align:center;color:var(--ink2);font-size:11px}.on-join{gap:8px;display:flex}.on-join input{font-family:var(--signf);letter-spacing:6px;text-align:center;text-transform:uppercase;flex:1;font-size:22px}.on-join .ghost{color:var(--ink);background:0 0;border-color:#8d8572}.on-adv{color:#8d8673;width:min(380px,80vw);font-size:11px}.on-adv summary{cursor:pointer}.on-adv input{color:var(--cream);border-color:var(--line);background:#00000059;margin-top:6px;font-size:12px}.room-code{background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge);flex-direction:column;align-items:center;padding:5px 12px;line-height:1;display:flex;transform:rotate(-2deg)}.room-code small{color:var(--ink2);font-size:9px}.room-code b{font-family:var(--signf);font-size:20px;font-weight:400}.room-body{flex:1;grid-template-columns:min(260px,32vw) 1fr;gap:18px;min-height:0;display:grid}.room-left{flex-direction:column;align-self:start;gap:8px;padding:14px;display:flex}.on-players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.on-players li{color:var(--ink);background:#0000000f;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.on-players li.me{box-shadow:inset 3px 0 0 var(--sign)}.on-players li b{flex:1}.on-players li i{border:1px solid var(--paper-edge);color:var(--ink2);padding:1px 5px;font-size:10px;font-style:normal}.on-players li i.host{background:var(--ink);color:var(--cream);border-color:var(--ink)}.on-last{font-family:var(--pen);color:var(--stamp);font-size:18px}.room-right{flex-direction:column;gap:10px;min-width:0;display:flex}.room-right .kind{letter-spacing:1.5px;color:#a9a28d;font-size:11px}.on-stores{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.on-store{background:var(--cream);color:var(--ink);text-align:left;padding:5px 5px 22px;position:relative;box-shadow:0 6px 14px #00000080}.on-store img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;filter:brightness(.75);display:block}.on-store b{font-family:var(--pen);font-size:16px;font-weight:400;position:absolute;bottom:4px;left:7px}.on-store.on{outline:3px solid var(--mint);outline-offset:3px}.on-store.on img{filter:none}.on-store.ro{cursor:default}.room-go{justify-content:flex-end;margin-top:auto;padding-bottom:6px;display:flex}.room-go .lg{font-family:var(--signf);padding:13px 28px;font-size:19px;font-weight:400}.room-go .wait{font-family:var(--pen);color:#d6cfbb;font-size:20px}.online-hud{pointer-events:none;position:absolute;inset:0}.online-hud>*{pointer-events:auto}.online-hud.editing .hud-top,.online-hud.editing .act-btns,.online-hud.editing .prep-btns{display:none}.on-left{background:var(--glass);border:1px solid var(--line);color:var(--cream);align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.on-left .ico svg{width:16px;height:16px}.seek-act{right:var(--safe-right);bottom:var(--safe-bottom);align-items:flex-end;gap:12px;display:flex;position:absolute}.seek-act>*{position:relative!important;bottom:auto!important;right:auto!important}.blindfold{z-index:5;pointer-events:none;background:#050606;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}.blindfold.on{display:flex}.blindfold b{font-family:var(--signf);color:var(--cream);font-size:30px;font-weight:400}.blindfold span{font-family:var(--pen);color:#9d967f;font-size:22px}.online-hud.showing-result>:not(.online-result){visibility:hidden}.online-result{z-index:6;pointer-events:auto;-webkit-backdrop-filter:brightness(.34)saturate(.4)blur(2px);backdrop-filter:brightness(.34)saturate(.4)blur(2px);padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 6px) var(--safe-bottom) calc(var(--safe-left) + 6px);background:#05060640;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:40% minmax(0,1fr);gap:6px 26px;animation:.3s fadeIn;display:grid;position:absolute;inset:0}.online-result.lose{background:#3c04002e}.on-cast{flex-direction:column;grid-area:1/2;align-self:start;gap:6px;min-width:0;animation:.35s ease-out .15s both rowIn;display:flex}.on-cast-head{font-family:var(--signf);color:#cfc8b4;align-items:center;gap:10px;margin-bottom:2px;font-size:20px;display:flex}.on-cast-head i{font-style:normal;font-family:var(--pix);background:var(--cream);color:var(--ink);padding:2px 7px;font-size:11px}.on-cast .c{border:1px solid var(--line);background:#0b0d0cb8;align-items:center;gap:10px;padding:6px 10px;display:flex}.on-cast .c b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.on-cast .c .tag{border:1px solid var(--line2);color:#cfc8b4;white-space:nowrap;padding:2px 6px;font-size:10px;font-style:normal}.on-cast .c span{color:#a9a28d;white-space:nowrap;font-size:11px}.on-cast .c.eaten b{color:#8d8673;text-decoration:line-through}.on-cast .c.eaten .tag{color:#ff8c75;border-color:#ff8c7580}.on-cast .c.live .tag{color:var(--mint);border-color:#8fd0a699}.on-cast .c.mgr{border-color:#e8b33e80}.on-cast .c.mgr .tag{color:var(--amber);border-color:#e8b33e99}.on-next{font-family:var(--pen);color:#bdb6a1;margin-right:8px;font-size:20px}.hud-layer.under-result>*>:not(.blood):not(canvas){visibility:hidden}.result-screen{pointer-events:auto;-webkit-backdrop-filter:brightness(.34)saturate(.4)blur(2px);backdrop-filter:brightness(.34)saturate(.4)blur(2px);padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 6px) var(--safe-bottom) calc(var(--safe-left) + 6px);background:#05060640;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:38% 31% minmax(0,1fr);gap:6px 22px;animation:.3s fadeIn;display:grid;position:absolute;inset:0}.result-screen.lose{background:#3c04002e}.res-left{grid-row:1;align-self:start;animation:.45s cubic-bezier(.2,.9,.3,1.25) both photoDrop;position:relative}.res-photo{background:var(--cream);margin:0;padding:7px 7px 30px;position:relative;transform:rotate(-2.5deg);box-shadow:0 10px 24px #0009}.res-photo .tape{background:var(--tape);z-index:2;width:40%;height:17px;position:absolute;top:-9px;left:30%;transform:rotate(-3deg)}.res-photo .img{aspect-ratio:16/9;background:#1b1d1b;place-items:center;display:grid;position:relative;overflow:hidden}.res-photo .img img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.res-photo .img>span{font-family:var(--pen);color:#8d8673;font-size:20px}.res-photo .res-nothing{font-family:var(--pen);text-shadow:0 1px #000c;font-size:22px;position:absolute;top:60%;left:44%;transform:rotate(-5deg);color:#ffe7a8!important}.res-photo figcaption{color:var(--ink);font-family:var(--pen);white-space:nowrap;font-size:19px;line-height:1;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}.res-photo figcaption small{font-family:var(--pix);color:var(--ink2);margin-left:6px;font-size:10px}.res-stamp{font-family:var(--signf);color:var(--stamp);border:4px solid var(--stamp);white-space:nowrap;background:#ebe5d3eb;padding:2px 14px 0;font-size:44px;line-height:1.05;animation:.35s .25s both stampIn;position:absolute;bottom:-14%;right:-6%;transform:rotate(-8deg);box-shadow:0 4px 14px #0006}.res-stamp.blue{color:var(--blue-ink);border-color:var(--blue-ink)}.res-stamp.gold{color:var(--gold-ink);border-color:var(--gold-ink)}.res-stamp small{font-family:var(--pix);letter-spacing:2px;text-align:center;margin-top:-2px;padding-bottom:4px;font-size:11px;display:block}.res-sheet{background:var(--paper);color:var(--ink);grid-row:1;align-self:start;padding:14px 16px 12px;animation:.35s ease-out .1s both rowIn;position:relative;transform:rotate(1deg);box-shadow:0 10px 26px #0000008c}.res-sheet:before{content:"";background:#3a3d38;border-radius:4px 4px 2px 2px;width:90px;height:22px;margin-left:-45px;position:absolute;top:-12px;left:50%;box-shadow:inset 0 -4px #232521}.res-sheet .sid{color:var(--ink2);letter-spacing:1px;font-size:10px}.res-sheet h3{margin:2px 0 6px;font-size:22px;line-height:1}.res-sheet{max-height:100%;overflow:hidden}.res-stars{flex-direction:column;gap:4px;margin:2px 0 6px;display:flex}.res-stars>div{color:var(--ink2);align-items:center;gap:8px;font-size:12px;animation:.3s both starIn;display:flex}.res-stars .s{color:#1d1b172e;text-align:center;flex:none;width:20px;font-size:18px}.res-stars .got{color:var(--ink);font-weight:700}.res-stars .got .s{color:var(--gold-ink)}.res-stars .ever .s{color:#a37a1273}.res-stars .new{color:var(--stamp);border:1px solid var(--stamp);flex:none;padding:0 3px;font-size:10px;font-style:normal;transform:rotate(-4deg)}.res-row{border-bottom:1px dashed #1d1b1740;align-items:baseline;gap:6px;padding:3px 0;font-size:12px;display:flex}.res-row span{color:var(--ink2);flex:1}.res-row b{font-size:13px}.res-row .best{background:var(--amber);color:var(--ink);padding:0 4px;font-size:10px;font-style:normal;font-weight:700;animation:.3s .6s both stampIn;transform:rotate(-3deg)}.res-notes{flex-direction:column;grid-area:1/3;align-self:stretch;gap:12px;min-width:0;padding-top:6px;display:flex}.res-note{color:var(--ink);background:#f2e27a;padding:9px 11px 8px;animation:.4s .3s both tagSwing;transform:rotate(2deg);box-shadow:0 6px 14px #00000073}.res-note.hint{background:#cfe8d6;animation-delay:.45s;transform:rotate(-1.5deg)}.res-note b{color:#6b5d12;letter-spacing:1px;margin-bottom:3px;font-size:10px;display:block}.res-note.hint b{color:#2d4637}.res-note p{font-family:var(--pen);margin:0;font-size:18px;line-height:1.12}.res-reward{flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;display:flex}.res-reward .reward{border:1px solid var(--line2);color:var(--cream);background:#0b0d0ccc;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.res-bar{grid-area:2/1/auto/-1;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:6px;display:flex}.res-bar .lg{font-family:var(--signf);padding:12px 22px;font-size:18px;font-weight:400}.res-bar .ghost{background:#0b0d0c99}.online-strip{text-align:left;background:var(--sign);color:#e9e4cf;border:1px solid #1a2a20;align-items:center;gap:16px;width:min(702px,80vw + 22px);min-height:56px;margin-top:18px;padding:8px 10px 8px 18px;animation:.35s .12s both cardIn;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff14,0 4px #16251c,0 12px 22px #0000008c}.online-strip .chain{background:#6b6f68;width:2px;height:18px;position:absolute;top:-19px}.online-strip .chain.l{left:60px}.online-strip .chain.r{right:60px}.online-strip .t b{font-family:var(--signf);font-size:22px;font-weight:400;line-height:1;display:block}.online-strip .t span{color:#a9c2b0;font-size:11px}.online-strip .vs{color:#cfe3d6;align-items:center;gap:8px;font-size:11px;display:flex}.online-strip .vs em{white-space:nowrap;border:1px solid #e9e4cf59;padding:3px 8px;font-style:normal}.online-strip .vs em.mgr{color:var(--amber);border-color:#e8b33e99}.online-strip .rooms{text-align:right;color:#a9c2b0;white-space:nowrap;margin-left:auto;font-size:11px}.online-strip .rooms b{font-family:var(--signf);color:var(--mint);font-size:20px;font-weight:400;line-height:1;display:block}.online-strip .go{background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge);align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.online-strip .go .ico{color:var(--stamp)}.online-strip.soon{cursor:default;filter:saturate(.35)brightness(.82)}.online-strip.soon .rooms b{color:var(--amber)}.online-strip.soon .go{opacity:.72}.home .home-bar{gap:6px;margin:0 0 0 4px}.home .bar-btn{padding:6px 11px;font-size:12px}@media (max-width:720px){.online-strip .vs{display:none}}.act.trans{color:var(--ink);background:#a07a4c;border:2px dashed #5e4426;position:relative}.act.trans .pico svg{width:30px;height:30px;display:block}.act.trans b{font-family:var(--signf);font-size:14px;font-weight:400;line-height:1}.act.trans.open{box-shadow:0 0 0 4px #e8b33e99,0 4px 14px #00000080}.form-fan{pointer-events:none;grid-template-columns:repeat(3,70px);gap:8px;display:grid;position:absolute;bottom:calc(100% + 14px);right:-6px}.form-card{pointer-events:none;background:var(--paper);width:70px;height:80px;color:var(--ink);font-family:var(--pix);box-shadow:0 3px 0 var(--paper-edge), 0 8px 16px #00000080;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);opacity:0;transform:translate(calc(30px + var(--i) * -6px), 40px) rotate(calc(var(--a) * .4)) scale(.5);transform-origin:100% 100%;transition:transform .24s cubic-bezier(.2,.9,.3,1.3),opacity .15s;transition-delay:calc(var(--i) * 28ms);border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;padding:0 0 6px;display:flex;position:relative}.form-card svg{width:38px;height:36px}.form-card b{font-size:11px}.form-card small{color:var(--ink2);white-space:nowrap;min-height:10px;font-size:8px}.act.trans.open .form-fan,.act.trans.open .form-card{pointer-events:auto}.act.trans:not(.open) .form-card{pointer-events:none}.act.trans.open .form-card{opacity:1;transform:rotate(calc((var(--i) - 2.5) * 1.3deg))}.act-btns:has(.act.trans.open)>.act:not(.trans):not(.hold){opacity:0;pointer-events:none}:is(.hud-layer:has(.act.trans.open) .prep-btns,.online-hud:has(.act.trans.open) .prep-btns){visibility:hidden}.form-card.dim{background:#b7ae97}.form-card.dim svg{opacity:.5}.form-card.cur{outline:3px solid var(--amber);outline-offset:-3px}.form-card.down{filter:brightness(1.15)}.form-paint{left:50%;bottom:calc(var(--safe-bottom) + 8px);background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--paper-edge), 0 10px 20px #00000080;align-items:center;gap:10px;padding:8px 10px;animation:.25s cardIn;display:flex;position:absolute;transform:translate(-50%)}.form-paint .fp-swatch{border:2px solid var(--ink);flex:none;width:34px;height:34px}.form-paint .fp-swatch.kraft{background-image:repeating-linear-gradient(90deg,#3c240e40 0 1px,#0000 1px 3px)!important}.form-paint .fp-text{flex-direction:column;gap:2px;display:flex}.form-paint .fp-text b{font-family:var(--signf);font-size:16px;font-weight:400}.form-paint .fp-text span{color:var(--ink2);font-size:11px}.form-paint .ghost{color:var(--ink);background:0 0;border-color:#8d8572}.ping-badge{font-family:var(--pix);letter-spacing:0;border:1px solid var(--line2);color:#cfc8b4;white-space:nowrap;vertical-align:middle;background:#0b0d0c99;align-items:center;gap:5px;margin-left:8px;padding:3px 8px;font-size:11px;display:inline-flex}.ping-badge:before{content:"";background:#8d8673;border-radius:50%;width:7px;height:7px}.ping-badge[data-q=good]:before{background:#3fbf6a}.ping-badge[data-q=ok]:before{background:var(--amber)}.ping-badge[data-q=bad]:before{background:var(--danger)}.ping-badge[data-q=off]{color:#ff9c86;border-color:#ff9c8680}.ping-badge[data-q=off]:before{background:var(--danger)}.hud-top .ping-badge{margin-left:0;padding:6px 9px}.on-rooms li.empty.maint{flex-direction:column;gap:4px}.on-rooms li.empty.maint b{font-family:var(--signf);color:#ff9c86;font-size:22px;font-weight:400}.on-rooms li.empty.maint span{font-family:var(--pix);color:#bdb6a1;font-size:12px}.online-strip.maint{filter:saturate(.3)brightness(.8)}.online-strip.maint .rooms b{color:#ff9c86}