@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#d7d8cb;font-synthesis:none;--yellow:#d9d482;--muted:#777d70;--line:#2c3026;--panel:#191c16;--mono:"IBM Plex Mono",monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10120f;font-family:Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 35% 10%,#292b1b30,#0000 50%),#10120f;min-width:340px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,border-color .18s,color .18s,transform .18s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:hover:not(:disabled){color:#eeeecf}input,select{color:#d8dbcd;background:#13160f;border:1px solid #373c2f;border-radius:5px;outline:none;width:100%;padding:11px 13px;font-size:12px}input::placeholder{color:#606758}input:focus,select:focus{border-color:#8b8c56}input[type=checkbox]{width:34px;height:18px;accent-color:var(--yellow);cursor:pointer}input[type=range]{accent-color:var(--yellow);cursor:pointer;border:0;padding:0}[hidden]{display:none!important}.header{background:#11140ff0;border-bottom:1px solid #282c23;align-items:center;gap:78px;height:90px;padding:0 4.6%;display:flex}.brand{font-family:var(--mono);letter-spacing:1px;color:#e1e1d0;white-space:nowrap;align-items:center;gap:12px;font-size:23px;font-weight:700;line-height:1.1;display:flex}.brand-icon{color:#dcd78c;border:1px solid #8e8c53;justify-content:center;align-items:center;width:39px;height:43px;display:flex;box-shadow:inset 0 0 15px #b2b56010}.brand small{font-family:var(--mono);letter-spacing:3.5px;color:#858a74;margin-top:7px;font-size:8px;font-weight:400;display:block}.header nav{gap:31px;height:100%;display:flex}.nav-item{color:#858b7d;height:100%;padding:0 2px;font-size:12px;position:relative}.nav-item.active{color:#dfdfc8}.nav-item.active:after{content:"";background:#d5d18a;height:2px;position:absolute;bottom:0;left:0;right:0}.nav-item span{color:#7d836e;margin-left:8px;font-size:15px}.header-right{align-items:center;gap:24px;margin-left:auto;display:flex}.version{font-family:var(--mono);color:#777e67;letter-spacing:1px;font-size:9px}.version b{color:#b0b596;border:1px solid #323829;border-radius:3px;margin-left:8px;padding:3px 5px;font-weight:400}.icon-button{color:#a3a995;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#aeb78412}.shell{max-width:1512px;margin:0 auto;padding:34px 4.6% 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:1.6px;color:#a5a98c;align-items:center;gap:7px;font-size:9px;display:flex}.eyebrow>span{background:var(--yellow);width:5px;height:5px;display:inline-block}h1{letter-spacing:-1.4px;color:#e2e3d7;margin:10px 0 9px;font-size:28px;font-weight:600}h1>span{color:var(--yellow)}.page-heading p{color:#818878;letter-spacing:-.2px;font-size:12px}.session-status{color:#a7ae94;white-space:nowrap;align-items:center;gap:10px;margin-top:18px;font-size:10px;display:flex}.status-dot,.live-dot{background:#b3bd81;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #aabc6550}.status-dot.offline{box-shadow:none;background:#939878}.session-status small{font-family:var(--mono);letter-spacing:1px;color:#5d6654;margin-top:6px;font-size:8px;display:block}.lobby-layout{grid-template-columns:minmax(0,1fr) 302px;gap:24px;display:grid}.game-frame{background:#11170e;border:1px solid #3d4330;border-radius:7px;overflow:hidden;box-shadow:0 8px 45px #0003}.game-top{background:#1a2016;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.map-label{align-items:center;gap:11px;display:flex}.map-symbol{color:#c0c18e;font-size:27px;line-height:1}.map-label>div{align-items:baseline;gap:11px;display:flex}.map-label b{font-family:var(--mono);color:#dddcb4;letter-spacing:1.2px;font-size:12px}.map-label div>span{color:#7e886f;border-left:1px solid #414735;padding-left:11px;font-size:10px}.map-badges{align-items:center;gap:10px;display:flex}.map-badges>span{color:#a0ae84;border:1px solid #3e4731;border-radius:4px;padding:4px 7px;font-size:9px}.map-badges .icon-button{border-left:1px solid #333c29;border-radius:0;width:33px;padding-left:10px}#stage{background:#1e2114;height:424px;position:relative;overflow:hidden}#game{width:100%;height:100%}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.vignette{pointer-events:none;background:linear-gradient(#0000 45%,#11180df0);position:absolute;inset:0;box-shadow:inset 0 0 125px 60px #050b0499}.stage-grain{pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0004 3px 4px);position:absolute;inset:0}.preview-caption{pointer-events:none;position:absolute;bottom:42px;left:38px}.tiny-rule{background:#b6b67b;width:24px;height:2px;margin-bottom:14px;display:block}.preview-caption>span:not(.tiny-rule){font-family:var(--mono);letter-spacing:2px;color:#a3a67c;font-size:8px}.preview-caption h2{letter-spacing:-1px;color:#e0e1c4;margin-top:8px;font-size:25px;font-weight:500}.preview-tip{color:#8f997e;align-items:center;gap:6px;margin-top:13px;font-size:9px;display:flex}.game-bottom{background:#171c13;border-top:1px solid #303b25;justify-content:space-between;align-items:center;height:39px;padding:0 17px;display:flex}.game-bottom>div{font-family:var(--mono);color:#899376;letter-spacing:.7px;align-items:center;gap:8px;font-size:8px;display:flex}.game-bottom i{background:#5b654c;width:2px;height:2px;margin:0 3px}.game-bottom button{font-family:var(--mono);letter-spacing:.7px;color:#939c7d;align-items:center;gap:7px;font-size:8px;display:flex}.section-heading{justify-content:space-between;align-items:center;margin:26px 0 13px;display:flex}.section-heading h2{letter-spacing:-.5px;color:#caccbc;font-size:14px;font-weight:500}.section-heading>span{color:#747c67;font-size:9px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-card{text-align:left;background:#181c14;border:1px solid #303629;border-radius:6px;align-items:flex-start;gap:12px;min-height:116px;padding:20px 14px;display:flex}.mode-card:hover{background:#1d2319;border-color:#6b7150}.mode-card.selected{background:linear-gradient(120deg,#33361f50,#24291b50);border-color:#8b8c55}.mode-icon{color:#929b79;background:#ffffff04;border:1px solid #414a32;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:39px;display:flex}.selected .mode-icon{color:#dbd58d;background:#d6d3700a;border-color:#777b45}.mode-copy{min-width:0;display:block}.mode-copy>b{color:#d6d9c6;font-size:12px;font-weight:500;display:block}.mode-copy em{color:#d4cf86;border:1px solid #6d7042;border-radius:3px;margin-left:5px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:400}.mode-copy small{color:#8b947e;white-space:nowrap;margin-top:7px;font-size:9px;line-height:1.7;display:block}.mode-copy>span{color:#737e64;margin-top:8px;font-size:8px;display:block}.mode-copy i{color:#4e5b40;margin:0 4px;font-style:normal}.radio{border:1px solid #525b44;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px;margin-left:auto}.selected .radio{background:#c2c17a;border-color:#c2c17a;box-shadow:inset 0 0 0 3px #303820}.field-notes{background:#181e1240;border:1px solid #2b3322;border-radius:5px;align-items:center;gap:16px;margin-top:17px;padding:15px 17px;display:flex}.field-notes>span:first-child{font-size:8px;font-family:var(--mono);letter-spacing:.5px;color:#838e6c;white-space:nowrap}.field-notes b{color:#b1b68a;margin-left:5px;font-weight:400}.field-notes p{color:#808c70;font-size:9px;line-height:1.7}.field-notes>span:last-child{color:#6b7959;margin-left:auto;font-size:19px}.sidebar{flex-direction:column;gap:16px;display:flex}.panel{background:linear-gradient(130deg,#1c2118,#191e15);border:1px solid #30382a;border-radius:7px;padding:18px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-heading h2{color:#d2d7c2;font-size:12px;font-weight:500}.text-button{color:#929e7c;align-items:center;gap:4px;padding:3px 0;font-size:9px;display:inline-flex}.text-button:hover{color:var(--yellow)}.character-preview{background:radial-gradient(at 50% 45%,#424b2e55,#0000 65%),repeating-linear-gradient(0deg,#0000 0 19px,#626f3b12 20px),repeating-linear-gradient(90deg,#141b10 0 19px,#62723f10 20px);border:1px solid #303a28;border-radius:4px;justify-content:center;align-items:center;height:147px;display:flex;position:relative;overflow:hidden}.character-preview>img{width:76px;height:86px;image-rendering:pixelated;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 8px #0006);transform:translateY(-9px)}.pixel-platform{background:#59633522;border:1px solid #72815130;width:64px;height:15px;position:absolute;top:92px;transform:skew(-35deg);box-shadow:0 10px 15px #0002}.character-tag{color:#7f8c64;font-family:var(--mono);letter-spacing:1px;font-size:7px;position:absolute;top:10px;left:10px}.char-preview-label{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.char-preview-label b{color:#c8d0b5;font-size:10px;font-weight:500}.char-preview-label>span{color:#6f7f5d;font-size:8px}.corner{opacity:.5;border-color:#6d8053;width:9px;height:9px;position:absolute}.corner-a{border-bottom:1px solid;border-left:1px solid;bottom:7px;left:7px}.corner-b{border-top:1px solid;border-right:1px solid;top:7px;right:7px}.character-slots{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px;display:grid}.character-slot{background:#141a10;border:1px solid #343e29;border-radius:4px;justify-content:center;align-items:center;height:45px;display:flex;position:relative}.character-slot img{width:32px;height:36px;image-rendering:pixelated}.character-slot.chosen{background:#484e2730;border-color:#d1cd7f}.character-slot>span{color:#272e1b;background:#d6d289;border-radius:4px 0 2px;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.character-slot:hover{background:#303b21}.add-slot{color:#7f8d68;border-style:dashed}.upload-button{color:#bac4a6;background:#20281a;border:1px solid #414d32;border-radius:4px;align-items:center;gap:9px;width:100%;margin-top:12px;padding:10px 11px;font-size:10px;display:flex}.upload-button span{color:#8a9a70;margin-left:auto}.upload-button:hover{background:#303d23;border-color:#8b9a68}.upload-help{font-family:var(--mono);color:#69785a;justify-content:space-between;margin-top:8px;font-size:7px;display:flex}.upload-help span{font-family:inherit;font-size:8px}.count-badge{color:#849672;border:1px solid #35412b;border-radius:3px;padding:3px 5px;font-size:8px}.input-label{color:#949f81;margin:15px 0 7px;font-size:9px;display:block}.room-panel .input-label{margin-top:0}.primary-button{background:#d3d084;border:1px solid #ddd998;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:13px;padding:12px 14px;font-size:11px;font-weight:600;display:flex;color:#2b301d!important}.primary-button svg:last-child:not(:first-child){margin-left:auto}.primary-button:hover:not(:disabled){background:#e3df99;transform:translateY(-1px);box-shadow:0 0 20px #c4c97618}.or-divider{color:#66795a;white-space:nowrap;align-items:center;gap:10px;margin:16px 0 13px;font-size:8px;display:flex}.or-divider span{background:#35412c;flex:1;height:1px}.join-row{gap:7px;display:flex}.join-row input{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;font-size:11px}.join-row button{color:#b5c297;background:#2a3621;border:1px solid #46543a;border-radius:4px;flex-shrink:0;place-items:center;width:41px;display:grid}.join-row button:hover{background:#455432}.room-note{color:#82926b;border-top:1px solid #303d27;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding-top:14px;font-size:8px;display:flex}.practice-button{color:#a0b087;justify-content:space-between;align-items:center;padding:2px 1px 0;display:flex}.practice-button span:first-child{align-items:center;gap:7px;font-size:10px;display:flex}.practice-button span:last-child{color:#667b53;align-items:center;gap:6px;font-size:8px;display:flex}footer{color:#536348;font-family:var(--mono);letter-spacing:.5px;border-top:1px solid #282f21;justify-content:space-between;align-items:center;margin-top:29px;padding:20px 0 23px;font-size:8px;display:flex}footer i{margin:0 8px;font-style:normal}.footer-links{align-items:center;gap:21px;display:flex}.footer-links button{color:#768666;align-items:center;gap:5px;font-family:Noto Sans KR,sans-serif;font-size:9px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#050805d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{scrollbar-width:thin;scrollbar-color:#4b5836 #1b2315;background:linear-gradient(145deg,#242a1e,#171e13);border:1px solid #4b563b;border-radius:9px;width:min(480px,100%);max-height:calc(100dvh - 48px);padding:26px;overflow:auto;box-shadow:0 30px 100px #000a}.modal.wide{width:min(800px,100%)}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-heading h2{letter-spacing:-.8px;color:#e2e5ce;margin-top:9px;font-size:21px;font-weight:500}.modal-heading .eyebrow{letter-spacing:1.2px;font-size:8px}.muted{color:#9aa78a;font-size:11px;line-height:1.9}.small-note{color:#7f9070;margin:15px 0;font-size:9px;line-height:1.9}.centered{text-align:center}.secondary-button{color:#bccaa7;background:#303c24;border:1px solid #566541;border-radius:4px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;font-size:10px;display:inline-flex}.secondary-button:hover{background:#425233}.dropzone{cursor:pointer;background:#182111;border:1px dashed #667649;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:19px 0 14px;padding:26px 14px;display:flex}.dropzone>span{color:#afbd88}.dropzone b{color:#c6d2b1;font-size:11px;font-weight:500}.dropzone small{font-family:var(--mono);color:#758b5d;font-size:8px}.dropzone:hover,.dropzone.dragging{background:#344425;border-color:#c4ce91}#upload-preview{align-items:center;gap:15px;margin:12px 0;display:flex}#upload-preview b{font-size:11px}#file-info{font-size:9px}.upload-preview-image{background:repeating-conic-gradient(#303c25 0% 25%,#28341f 0% 50%) 0 0/16px 16px;border:1px solid #4c5d36;border-radius:4px;width:96px;height:96px}.upload-preview-image canvas{width:96px;height:96px;image-rendering:pixelated}.sheet-info{color:#81946b;background:#172110;justify-content:space-between;margin-top:10px;padding:11px 12px;font-size:9px;line-height:1.9;display:flex}.sheet-info button{white-space:nowrap;color:#c4cd9c;align-self:flex-start;font-size:9px}.character-gallery{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.gallery-card{background:#192612;border:1px solid #405332;border-radius:5px;padding:8px;position:relative}.gallery-card.selected{background:#303e22;border-color:#d7d48b}.gallery-card>button{text-align:left;width:100%}.gallery-image{background:radial-gradient(#52603855,#0000 70%);justify-content:center;align-items:center;height:104px;display:flex}.gallery-image img{object-fit:contain;width:64px;height:72px;image-rendering:pixelated}.gallery-card b{margin-top:5px;font-size:10px;font-weight:500;display:block}.gallery-card small{color:#819c6c;margin-top:5px;font-size:8px;display:block}.gallery-actions{justify-content:flex-end;gap:10px;margin-top:9px;display:flex}.gallery-actions button{color:#a6b88c;padding:3px}.gallery-add{color:#a7bb89;border:1px dashed #52683c;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:166px;display:flex}.gallery-add b{font-size:11px;font-weight:400}.gallery-add small{color:#809e66;font-size:8px}.sheet-portrait{object-fit:none!important;object-position:32px 0!important;width:64px!important;height:64px!important}.setting-row{border-bottom:1px solid #36472a;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.setting-row b{color:#c8d7b4;font-size:12px;font-weight:500}.setting-row small{color:#8ca374;margin-top:6px;font-size:10px;display:block}.volume-label{color:#9bb484;align-items:center;gap:20px;margin-top:15px;font-size:11px;display:flex}.volume-label input{flex:1}.settings-server{padding-top:23px}.settings-server h3{margin-bottom:8px;font-size:13px;font-weight:500}.settings-server input{margin-top:12px}.settings-server small{color:#859e6d;margin-top:10px;font-size:9px;line-height:1.7;display:block}.guide-intro{color:#afc38b;background:#18260f;border:1px solid #3e542b;align-items:center;gap:18px;margin-bottom:22px;padding:22px;display:flex}.guide-intro p{font-size:14px;line-height:1.9}.guide-intro b{color:#dce3be;font-weight:500}.guide-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.guide-grid article>span{font-family:var(--mono);letter-spacing:1px;color:#8ea66c;font-size:8px}.guide-grid h3{color:#cbd9b6;margin:9px 0;font-size:13px;font-weight:500}.guide-grid p{color:#92a57e;font-size:10px;line-height:1.9}.controls-table{border-block:1px solid #3a4c2c;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;padding:18px 0;display:grid}.controls-table>div{color:#a9bb94;align-items:center;gap:9px;font-size:9px;display:flex}kbd{font-family:var(--mono);color:#d4ddba;white-space:nowrap;background:#24331a;border:1px solid #596947;border-radius:3px;padding:3px 5px;font-size:9px}.entity-card{border-bottom:1px solid #3d502d;align-items:center;gap:20px;padding:22px 0;display:flex}.entity-image{background:radial-gradient(#52633c55,#0000 70%),#1a2613;border:1px solid #415632;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.entity-image img{object-fit:contain;width:80px;height:80px;image-rendering:pixelated}.entity-card small{font-family:var(--mono);color:#9daf7e;letter-spacing:1px;font-size:8px}.entity-card h3{margin:5px 0;font-size:13px;font-weight:500}.entity-card p{color:#879e6d;font-size:9px}.entity-card button{margin-top:10px}.room-code{background:#1a2912;border:1px dashed #657b44;border-radius:4px;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.room-code>span{color:#8fa973;font-size:9px}.room-code button{color:#d4dda9;align-items:center;gap:10px;display:flex}.room-code b{font-family:var(--mono);letter-spacing:3px;font-size:20px;font-weight:500}.participant{border-bottom:1px solid #36482a;align-items:center;gap:9px;padding:11px 0;display:flex}.participant>img{object-fit:contain;width:29px;height:33px;image-rendering:pixelated}.participant b{color:#c4d6af;font-size:10px;font-weight:500;display:block}.participant b small{color:#92ab75;margin-left:3px;display:inline}.participant small{color:#7f9a65;margin-top:4px;font-size:8px;display:block}.ready-dot{background:#a9c887;border-radius:50%;width:4px;height:4px;margin-left:auto}.leave-room{justify-content:center;width:100%;margin-top:11px}.game-hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:16px;left:15px;right:15px}.hud-left,.hud-right{color:#bcc9a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111a10cc;border:1px solid #88945940;border-radius:4px;align-items:center;gap:10px;padding:7px 9px;font-size:10px;display:flex}#role-badge{color:#e1e9cb;background:#606f3f;border-radius:2px;padding:3px 5px;font-size:9px}#role-badge.hunter{background:#694a60}#timer{font-family:var(--mono);color:#e2e8c5;font-size:17px;font-weight:500;line-height:1}.danger{color:#de9b81!important}#threat{color:#a9b690;font-size:8px}.player-status{pointer-events:none;position:absolute;top:67px;left:17px}.player-status>span{color:#c0d0a7;background:#172513aa;border-radius:2px;padding:4px 7px;font-size:9px}.stamina{background:#1f3017;width:103px;height:3px;margin-top:10px}.stamina i{background:#c7d39a;width:100%;height:3px;display:block}.player-status>small{font-family:var(--mono);letter-spacing:1.5px;color:#8fa172;font-size:6px}.interaction{white-space:nowrap;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.interaction button{color:#d7e3b5;background:#1f2b17ee;border:1px solid #a5af7166;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;box-shadow:0 3px 15px #0006}.ingame-bottom{color:#9aae80;background:#101b0be3;border-top:1px solid #6d7e4833;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.ingame-bottom button{color:#c7d7a7;align-items:center;gap:4px;font-size:9px;display:flex}.repair-ui{background:#182511f5;border:1px solid #8b9f5e;border-radius:6px;width:260px;padding:15px;position:absolute;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.repair-ui>div:first-child{color:#d4e0b6;justify-content:space-between;align-items:center;font-size:11px;display:flex}.repair-ui b{font-weight:500}.repair-ui progress{accent-color:#b6cf85;width:100%;height:4px;margin:10px 0}.timing-bar{background:#101b0b;border:1px solid #455e2e;height:18px;margin:5px 0 10px;position:relative;overflow:hidden}.timing-bar>span{background:#b0c77b66;border-inline:1px solid #c7db91;width:36.4%;height:100%;position:absolute;left:34.5%}.timing-bar i{z-index:1;background:#f5efb3;width:3px;position:absolute;top:0;bottom:0;left:0}.timing-bar.inactive{opacity:.35}.repair-ui button{color:#d6e1b5;background:#354b22;border:1px solid #667e46;border-radius:3px;width:100%;padding:5px;font-size:9px}.repair-ui small{text-align:center;color:#7f9d65;margin-top:7px;font-size:8px;display:block}#spectator{text-align:center;background:#14210cf0;border:1px solid #536e37;border-radius:5px;min-width:270px;padding:14px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#spectator b{color:#d2deb4;font-size:13px;font-weight:500;display:block}#spectator>span{color:#97af7d;margin-top:5px;font-size:9px;display:block}#spectator button{color:#b9d09b;border:1px solid #566e3b;margin-top:9px;padding:5px;font-size:9px}.result-icon{text-align:center;color:#d2dd9e;padding:25px}#toasts{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:90%;max-width:500px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#d2e2b4;text-align:center;background:#27371def;border:1px solid #738c4d;border-radius:5px;padding:12px 18px;font-size:11px;line-height:1.7;animation:.2s ease-out toast;box-shadow:0 4px 22px #0009}@keyframes toast{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}#scare{z-index:250;background:#1c1220;flex-direction:column;justify-content:center;align-items:center;animation:90ms 5 alternate scare;display:flex;position:fixed;inset:0}#scare>img{object-fit:contain;max-width:95%;max-height:85%;image-rendering:pixelated}#scare>span{color:#d8bdc0;letter-spacing:8px;font-size:22px;position:absolute;bottom:12%}.scare-face{color:#c1b7c3;filter:drop-shadow(5px 3px #65405a);font-size:60px;transform:scale(2)}.scare-face b{text-align:center;color:#675266;font-size:90px;display:block}@keyframes scare{0%{transform:translate(-7px)}to{transform:translate(7px)}}.mobile-controls{pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:53px;left:25px;right:22px}.mobile-controls button,#joystick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#joystick{background:#151f0c55;border:1px solid #a9bc7c55;border-radius:50%;justify-content:center;align-items:center;width:106px;height:106px;display:flex}#joystick>div{background:#b3c77d44;border:1px solid #c4d29a99;border-radius:50%;width:42px;height:42px;box-shadow:0 0 10px #0003}.mobile-actions{grid-template-columns:repeat(2,52px);gap:8px;display:grid}.mobile-actions button{height:48px;font-family:var(--mono);color:#d3dfb6;background:#263b17aa;border:1px solid #a8b98066;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex}.mobile-actions button span{color:#a9bd8a;font-family:Noto Sans KR,sans-serif;font-size:7px}.mobile-actions button:active{background:#9bb65b77}.in-match .vignette{background:0 0;box-shadow:inset 0 0 100px 15px #050b0477}.game-frame:fullscreen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;display:flex}.game-frame:fullscreen #stage{flex:1;height:auto}.game-frame:fullscreen .game-bottom{display:none}.game-frame:fullscreen .game-top{flex-shrink:0;height:45px}@media (width>=1600px){#stage{height:490px}.shell{padding-top:42px}.character-preview{height:166px}.mode-card{padding-block:25px}.sidebar{gap:20px}.room-panel{padding-block:22px}.character-preview>img{transform:translateY(-4px)}.pixel-platform{top:107px}}@media (width<=1190px){.header{gap:45px;padding-inline:3.4%}.shell{padding-inline:3.4%}.lobby-layout{grid-template-columns:minmax(0,1fr) 274px;gap:18px}h1{font-size:25px}.mode-card{gap:8px;padding:15px 10px}.mode-copy small{white-space:normal;font-size:8px}.mode-icon{width:30px;height:33px}.mode-copy>span{font-size:7px}.radio{width:10px;height:10px}.field-notes{gap:12px}.field-notes p{font-size:8px}.panel{padding:15px}#stage{height:407px}.character-preview{height:139px}.page-heading{margin-bottom:25px}.session-status{font-size:9px}}@media (width<=920px){.version{display:none}.header{gap:40px;height:75px}.brand{font-size:20px}.brand small{font-size:7px}.brand-icon{width:33px;height:38px}.header nav{gap:23px}.session-status{display:none}.shell{padding-top:25px}.lobby-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:16px;display:grid}.practice-button{grid-column:1/-1;justify-content:center;gap:25px;padding:10px}.character-preview{height:155px}.room-panel{height:100%}.room-panel .panel-heading{margin-bottom:21px}.room-panel input{padding:13px}.room-panel .primary-button{margin-top:18px}.or-divider{margin-block:20px}.room-note{margin-top:20px}.mode-card{padding:20px}.mode-copy small{font-size:10px}.mode-copy>span{font-size:9px}.mode-copy b{font-size:13px}.mode-icon{width:38px;height:40px}#stage{height:440px}.in-match .sidebar,.in-match .mode-grid,.in-match .section-heading,.in-match .field-notes{display:none}.in-match #stage{height:calc(100dvh - 225px);min-height:310px}.in-match .page-heading{display:none}footer{margin-top:24px}.in-match footer{display:none}}@media (width<=600px){.header{gap:20px;height:70px;padding-inline:20px}.header nav{gap:18px;margin-left:auto}.nav-item{font-size:10px}.nav-item span{display:none}.header-right{gap:0;margin-left:0}.brand{gap:9px;font-size:17px}.brand small{letter-spacing:2px;font-size:6px}.brand-icon{width:29px;height:34px}.brand-icon svg{width:20px}.shell{padding:24px 18px 0}h1{letter-spacing:-1px;margin-top:9px;font-size:22px;line-height:1.5}.page-heading p{font-size:10px;line-height:1.8}.eyebrow{letter-spacing:1px;font-size:7px}.page-heading{margin-bottom:22px}#stage{height:337px}.game-top{height:50px;padding-inline:13px}.map-label b{font-size:10px}.map-label div>span{font-size:9px}.preview-caption{bottom:29px;left:24px}.preview-caption h2{font-size:22px}.preview-caption>span:not(.tiny-rule){letter-spacing:1.4px;font-size:6px}.preview-tip{font-size:8px}.game-bottom>div{letter-spacing:.3px;gap:5px;font-size:6px}.game-bottom{height:35px;padding-inline:12px}.game-bottom button{gap:5px;font-size:6px}.section-heading{margin-top:23px}.section-heading h2{font-size:13px}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-card{gap:14px;min-height:99px;padding:18px 15px}.mode-copy>b{font-size:12px}.mode-copy small{font-size:10px}.mode-copy>span{font-size:8px}.radio{width:12px;height:12px}.sidebar{grid-template-columns:1fr;gap:16px}.lobby-layout{gap:23px}.panel{padding:19px}.character-preview{height:170px}.character-preview>img{width:88px;height:99px}.pixel-platform{top:110px}.character-slots{gap:9px}.character-slot{height:49px}.character-slot img{width:37px;height:43px}.panel-heading h2{font-size:13px}.upload-button{padding:12px;font-size:11px}.upload-help{font-size:8px}.room-panel input{padding:13px}.room-panel .primary-button{padding:14px;font-size:12px}.input-label{font-size:10px}.join-row button{width:47px}.practice-button{grid-column:auto;justify-content:space-between;padding:5px}.field-notes{gap:10px;padding:13px}.field-notes>span:first-child{font-size:6px}.field-notes p{font-size:8px}.field-notes>span:last-child{display:none}footer{flex-direction:column;gap:18px;padding-block:20px 28px;font-size:6px}.footer-links{gap:24px}.footer-links button{font-size:9px}.modal-backdrop{padding:13px}.modal{max-height:calc(100dvh - 26px);padding:21px}.modal-heading h2{font-size:19px}.character-gallery{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-intro{padding:17px}.controls-table{grid-template-columns:1fr 1fr;gap:13px}.entity-card{gap:13px}.entity-image{width:78px;height:90px}.entity-card p{font-size:8px}.in-match .shell{padding:12px 8px 0}.in-match #stage{height:calc(100dvh - 145px);min-height:360px}.game-hud{inset:12px 9px auto}.hud-left,.hud-right{gap:6px;padding:6px;font-size:9px}#threat,.ingame-bottom>span{display:none}.ingame-bottom{padding:8px 12px}.player-status{top:61px;left:11px}.repair-ui{bottom:190px}.interaction{bottom:174px}#spectator{bottom:170px}}@media (pointer:coarse){.in-match .mobile-controls{display:flex}.ingame-bottom>span{display:none}.interaction{bottom:177px}.repair-ui{bottom:187px}}@media (height<=600px) and (orientation:landscape){.in-match .header,.in-match footer,.in-match .page-heading,.in-match .section-heading,.in-match .mode-grid,.in-match .field-notes,.in-match .sidebar{display:none}.in-match .shell{max-width:none;padding:0}.in-match .lobby-layout{display:block}.in-match .game-frame{border:0;border-radius:0}.in-match .game-top{height:33px}.in-match #stage{height:calc(100dvh - 33px);min-height:0}.in-match .game-bottom{display:none}.in-match .game-hud{top:9px}.in-match .mobile-controls{bottom:37px;left:28px;right:28px}#joystick{width:90px;height:90px}.mobile-actions{grid-template-columns:repeat(2,45px)}.mobile-actions button{height:42px}.interaction{bottom:56px}.repair-ui{bottom:46px}.ingame-bottom{padding-block:5px}.player-status{top:51px}#spectator{bottom:60px}.modal{max-height:95dvh}}.experience,.sidebar,.lobby-layout{min-width:0}#game canvas{max-width:100%}.mode-copy{overflow-wrap:anywhere}.minimap{z-index:12;aspect-ratio:52/36;width:min(220px,30vw);height:auto;image-rendering:pixelated;opacity:.94;pointer-events:none;background:#10140fdd;border:1px solid #b2b18a88;border-radius:5px;display:none;position:absolute;top:66px;right:12px;box-shadow:0 3px 16px #0009}.in-match .minimap{display:block}.rule-grid{grid-template-columns:1fr 1fr;gap:20px 16px;margin:22px 0;display:grid}.rule-grid label{color:#b5bc9f;gap:8px;font-size:11px;display:grid}.rule-grid label b{font-family:var(--mono);color:#e1dfa9;font-size:10px;font-weight:500}.rule-grid input[type=range]{width:100%}.rule-grid .rule-duration{grid-column:1/-1}.settings-server details{margin-top:10px}.settings-server summary{cursor:pointer;color:#a8ae97;margin:8px 0;font-size:10px}.settings-server details input,.settings-server details button,.settings-server details small{margin-top:8px}.sheet-portrait{object-fit:none!important;object-position:-32px 0!important;width:32px!important;height:32px!important;transform:scale(2)translateY(-3px)!important}@media (width<=920px){.in-match .mobile-controls{display:flex}.in-match .ingame-bottom>span{display:none}.interaction{bottom:175px}.repair-ui{bottom:186px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}#scare{animation:none}}.room-panel select{color:#cdd4bb;background:#171a13;border:1px solid #353a2b;border-radius:3px;outline:none;width:100%;margin:0 0 5px;padding:11px 12px;font:10px Noto Sans KR,sans-serif}.room-panel select:focus{border-color:#83925a}