@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}:root{--line:#9399b2;--ink:#f0f2fa;--ink2:#c6d1de;--muted:#abb2c9;--panel:#1b2034f5;--deep:#10121e;--green:#b6e488;--red:#f16b77;--blue:#88c6ff;--yellow:#ffe27b;--off:#354151;--c-tropical:#f39bb5;--c-dry:#f3d572;--c-temperate:#b5de7c;--c-cold:#9fd8f5;--c-polar:#c8b6f0;--pixel:"Pretendard", sans-serif;--title:"Paperlogy", "Pretendard", sans-serif;--hud:"Rajdhani", "Pretendard", sans-serif;--sans:"Pretendard", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--ink);font-family:var(--sans);background:#15181e}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.stage-wrap{position:relative;overflow:hidden}.stage{transform-origin:0 0;font-family:var(--pixel);color:var(--ink);position:absolute;top:0;left:0;overflow:hidden}.space{background-color:#10121e;background-repeat:repeat;position:absolute;inset:0}.box{background:var(--panel);border:2px solid var(--line);border-radius:2px;position:absolute}.box.static{position:relative}.tab{font-family:var(--title);color:var(--ink);z-index:2;font-size:17px;font-weight:800;position:absolute;top:7px;left:12px}.lbl{color:var(--muted);font-size:14px;font-weight:700}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.seg{gap:2px;display:flex}.seg i{background:var(--green);border-radius:1px;width:9px;height:16px;display:block}.seg i.off{background:var(--off)}.seg i.hit{background:var(--red)}.btnY{background:var(--yellow);color:#242336;font-family:var(--title);padding:7px 16px;font-weight:800}.btnY:disabled{opacity:.45;box-shadow:none;cursor:default}.btnB{color:var(--blue);background:#263e60;border:1.5px solid #90bfff;padding:6px 12px}.btnB:disabled{opacity:.45;cursor:default}.btnG{color:var(--ink2);background:#252b42;border:1px solid #596079;padding:6px 12px}.btnG:hover:not(:disabled){border-color:var(--line)}.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.glowG{font-family:var(--hud);font-weight:700}.glowR{font-family:var(--title);font-weight:800}.opt{text-align:left;background:#252b42;border:1px solid #596079;width:100%;margin:4px 0;padding:7px 10px;font-size:15px;line-height:1.45;display:block}.opt.sel{border-color:var(--yellow);color:var(--yellow);background:#f6d43b14}.opt.gone{opacity:.3;text-decoration:line-through}.opt.ok{border-color:var(--green);color:var(--green)}.opt.view{color:var(--muted);cursor:default}.chip{color:var(--ink2);background:#272e47;border:1px solid #505c7c;margin:0 4px 4px 0;padding:3px 7px;font-size:13px;display:inline-block}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#3a4352}@keyframes sprite{0%{background-position:0 0}to{background-position:calc(-1 * var(--w)) 0}}.spin-planet{animation:16s steps(77,end) infinite sprite}.pixel{image-rendering:pixelated}.pg{color:#f0f2fa;background:#0b0d16;flex-direction:column;font-family:Pretendard,sans-serif;display:flex;position:fixed;inset:0}.pg .fit{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.pg h1,.pg h2,.pg h3{font-family:Paperlogy,Pretendard,sans-serif;font-weight:800}.pg button{font:inherit;color:inherit;cursor:pointer}.pg button:disabled{opacity:.45;cursor:default}.pg input,.pg select,.pg textarea{font:inherit;color:#f0f2fa;background:#141a2c;border:1.5px solid #586f9c;border-radius:4px;padding:8px 10px}.pg textarea{resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.5}.pg-center{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex;overflow:auto}.pg-card{background:#1b2034;border:2px solid #9399b2;flex-direction:column;gap:16px;width:min(560px,100%);padding:28px 24px;display:flex}.pg-card h1{color:#ffe27b;font-size:30px}.pg-card p{color:#c6d1de;line-height:1.6}.pg-join .pg-center{align-items:flex-start;padding-top:max(24px,8vh)}.pg-join .pg-card p{font-size:18px}@media (height>=760px){.pg-join .pg-card{zoom:1.15}}@media (height>=860px){.pg-join .pg-card{zoom:1.25}}.pg-eyebrow{letter-spacing:2px;color:#c0b7ce;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}.pg-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-row>input{flex:1;min-width:0}.pg-btn{background:#ffe27b;border:none;border-radius:4px;padding:10px 18px;font-weight:800;color:#242336!important;font-family:Paperlogy,Pretendard,sans-serif!important}.pg-btn2{background:0 0;border:1.5px solid #586f9c;border-radius:4px;padding:8px 14px;color:#88c6ff!important}.pg-btn2.red{border-color:#f16b77;color:#f16b77!important}.pg-err{color:#f16b77;white-space:pre-line;line-height:1.5}.pg-ok{color:#b6e488}.pg-muted{color:#abb2c9;font-size:14px;line-height:1.6}.pg-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.pg-links a{color:#f0f2fa;background:#242b43;border:1.5px solid #505c7c;border-radius:4px;padding:18px 16px;text-decoration:none;display:block}.pg-links a b{color:#ffe27b;margin-bottom:4px;font-family:Paperlogy,Pretendard,sans-serif;font-size:20px;display:block}.pg-links a span{color:#abb2c9;font-size:14px;line-height:1.5}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pg-big{text-align:center;background:#242b43;border:2px solid #505c7c;border-radius:6px;padding:22px 12px;font-size:24px;font-weight:800;font-family:Paperlogy,Pretendard,sans-serif!important}.pg-big small{color:#abb2c9;margin-top:4px;font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;display:block}.pg-big:hover{border-color:#ffe27b}.pg-unseated{border-top:1px dashed #505c7c;flex-direction:column;gap:10px;padding-top:14px;display:flex}.pg-unseated h2{color:#9fe3ff;font-size:20px}.pg-big.pg-new{background:#1f2a3e;border-style:dashed;border-color:#5aa9c9}.pg-bar{background:#141827;border-bottom:1px solid #3e4661;flex-wrap:wrap;flex:none;align-items:center;gap:10px;min-height:40px;padding:6px 12px;font-size:14px;display:flex}.pg-bar .grow{flex:1}.pg-bar a{color:#88c6ff}.pg-dot{background:#b6e488;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.pg-dot.polling{background:#ffe27b}.pg-dot.offline,.pg-dot.connecting{background:#f16b77}.pg-corner{opacity:.55;align-items:center;gap:8px;font-size:13px;display:flex;position:fixed;bottom:10px;right:10px}.pg-corner:hover{opacity:1}.pg-corner button{color:#c6d1de;background:#1b2034;border:1px solid #586f9c;border-radius:4px;padding:4px 10px}.pg-toast{color:#f0f2fa;z-index:20;background:#3a1e2e;border:1.5px solid #f16b77;border-radius:6px;align-items:center;gap:12px;max-width:90vw;padding:10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pg-setup{flex:1;padding:18px 16px 40px;overflow:auto}.pg-setup-in{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:14px;max-width:1080px;margin:0 auto;display:grid}.pg-sec{background:#1b2034;border:1.5px solid #3e4661;border-radius:4px;flex-direction:column;gap:10px;padding:16px;display:flex}.pg-sec h3{color:#ffe27b;font-size:18px}.pg-sec.wide{grid-column:1/-1}.pg-code{letter-spacing:1px;color:#88c6ff;font-family:Rajdhani,Pretendard,sans-serif;font-size:26px;font-weight:700}.pg-wait{color:#f0f2fa;background:radial-gradient(at 75% 25%,#32274d99,#0000 60%),radial-gradient(at 10% 90%,#1d3a4a,#0000 60%),#10121e;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:1280px;height:720px;display:flex;position:relative}.pg-wait h1{color:#ffe27b;font-family:Paperlogy,Pretendard,sans-serif;font-size:64px}.pg-wait .line{color:#c6d1de;font-size:30px}.pg-wait .code{color:#88c6ff;letter-spacing:3px;font-family:Rajdhani,Pretendard,sans-serif;font-size:72px;font-weight:700}.bd-login{word-break:keep-all;gap:2.4vh;width:min(64vw,900px);padding:4.4vh 3.6vw}.bd-login h1{font-size:clamp(30px,6vh,56px)}.bd-login p{font-size:clamp(16px,2.6vh,26px)}.bd-login .pg-eyebrow{font-size:clamp(15px,2.2vh,22px)}.bd-login .pg-row{flex-wrap:nowrap;gap:1vw}.bd-login input{height:clamp(48px,8vh,72px);padding:0 1.2vw;font-size:clamp(18px,3.2vh,30px)}.bd-login .pg-btn{min-width:8vw;height:clamp(48px,8vh,72px);font-size:clamp(18px,3.2vh,30px)}.bd-login .pg-err{font-size:clamp(16px,2.6vh,26px)}.bd-login .bd-err{min-height:1.5em}.bd-login .bd-closed{color:#ffe27b}.scr{color:#eef1fb;background:#05060f;font-family:Pretendard,sans-serif;position:fixed;inset:0;overflow:hidden}.scr-stage{transform-origin:50% 0;background:#05060f;width:1506px;height:848px;position:absolute;top:0;left:50%;overflow:hidden}.scr-l{object-fit:cover;mix-blend-mode:screen;pointer-events:none;width:1506px;height:848px;position:absolute;top:0;left:0}.scr-stars{width:1546px;height:872px;animation:40s ease-in-out infinite scrStar;top:-12px;left:-20px}.scr-neb{animation:70s ease-in-out infinite scrNeb}.scr-route{animation:5s ease-in-out infinite scrRoute}.scr-planet{width:186px;height:185px;animation:12s ease-in-out infinite scrPlanet;position:absolute;top:128px;left:829px}@keyframes scrNeb{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(-16px,8px)scale(1.07)}}@keyframes scrStar{0%,to{opacity:.8;transform:translate(0)}50%{opacity:1;transform:translate(-8px,3px)}}@keyframes scrRoute{0%,to{opacity:.82}50%{opacity:1}}@keyframes scrPlanet{0%,to{filter:drop-shadow(0 0 10px #96dcff59);transform:translateY(0)}50%{filter:drop-shadow(0 0 22px #96dcff99);transform:translateY(-5px)}}@keyframes scrShip{0%,to{transform:translateY(0)rotate(-14deg)}50%{transform:translateY(-4px)rotate(-14deg)}}@keyframes scrRing{0%,to{box-shadow:0 0 8px #beaaffb3}50%{box-shadow:0 0 18px #beaaff}}@keyframes scrGlow{50%{box-shadow:0 0 18px #6fe0a0}}@media (prefers-reduced-motion:reduce){.scr-stage,.scr-stage *{animation:none!important}}.scr-head{box-sizing:border-box;background:#05060f8c;align-items:center;gap:22px;width:1506px;height:62px;padding:0 26px 0 28px;display:flex;position:absolute;top:14px;left:0}.scr-head h1{margin:0;font:800 34px Paperlogy,Pretendard,sans-serif}.scr-class{color:#a9adc8;font-size:20px;font-weight:700}.scr-head .grow{flex:1}.scr-url,.scr-code{color:#c9cde6;font-size:22px;font-weight:600}.scr-code b{color:#ffd76a;font-size:28px}.scr-clock{font:700 34px Rajdhani,Pretendard,sans-serif}.scr-err{color:#ff8d99;margin:0;font-size:20px;position:absolute;top:84px;left:28px}.scr-ring{border:2px solid #ffffffd9;border-radius:50%;width:10px;height:10px;animation:3s ease-in-out infinite scrRing;position:absolute}.scr-st{color:#d9d6ff;white-space:nowrap;background:#05060fb3;border-radius:8px;padding:0 8px;font-size:18px;font-weight:700;line-height:24px;position:absolute;transform:translate(-50%)}.scr-st.below{margin-top:14px}.scr-st.above{margin-top:-38px}.scr-group{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute}.scr-group.up{flex-direction:column-reverse}.scr-group.fin{gap:4px;width:340px;top:440px;left:720px}.scr-group.fin .scr-ship span{text-overflow:ellipsis;max-width:270px;overflow:hidden}.scr-group.dock{flex-flow:wrap;gap:6px 14px;width:1040px}.scr-group.dock .scr-ship img{width:46px;height:26px}.scr-ship{align-items:center;gap:6px;display:flex}.scr-ship img{object-fit:contain;flex:none;width:60px;height:32px;animation:3.2s ease-in-out infinite scrShip}.scr-ship span{white-space:nowrap;background:#0a0c1ec7;border:1px solid #ffd76ab3;border-radius:999px;padding:2px 12px;font-size:22px;font-weight:600}.scr-ship b{color:#ffd76a;font-size:24px}.scr-ship.off{opacity:.55}.scr-ship.glow span{color:#9df0bd;border-color:#6fe0a0;animation:1.2s ease-in-out infinite scrGlow}.scr-ship.won span{color:#9fd9b3;border-color:#9fd9b3}.scr-ship.paused span{color:#ffd76a;border-color:#ffd76a}.scr-empty{color:#c9cde6;margin:0;font-size:26px;position:absolute;top:300px;left:60px}.scr-rank{box-sizing:border-box;background:#080a1ab8;border:1px solid #968cff59;border-radius:16px;flex-direction:column;gap:12px;width:396px;height:604px;padding:22px;display:flex;position:absolute;top:96px;left:1080px;overflow:hidden}.scr-rank-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.scr-rank h2{margin:0;font:800 28px Paperlogy,Pretendard,sans-serif}.scr-seg{border:1px solid #968cff73;border-radius:999px;font-size:18px;display:flex;overflow:hidden}.scr-seg i{color:#a9adc8;padding:2px 12px;font-style:normal}.scr-seg i.on{color:#ffd76a;background:#ffd76a33;font-weight:700}.scr-sub{color:#a9adc8;margin:-6px 0 2px;font-size:20px}.scr-r .row{align-items:baseline;gap:14px;font-size:26px;display:flex}.scr-r .row i{color:#a9adc8;width:28px;font-style:normal;font-weight:700}.scr-r.r0 .row i{color:#ffd76a}.scr-r.r1 .row i{color:#cfd6e6}.scr-r.r2 .row i{color:#e0a173}.scr-r .row b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.scr-r .pts{font-variant-numeric:tabular-nums}.scr-r .pts small{color:#a9adc8;margin-left:4px;font-size:18px}.scr-r .bar{background:#ffffff1f;height:4px;margin:6px 0 0 42px}.scr-r .bar span{background:#b9a8ff;height:4px;display:block}.scr-r.r0 .bar span{background:#ffd76a}.scr-r>small{color:#a9adc8;margin:6px 0 0 42px;font-size:18px;display:block}.scr-r .dots{align-items:center;gap:6px;margin:6px 0 0 42px;display:flex}.scr-r .dots em{border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px}.scr-r .dots small{color:#a9adc8;margin-left:8px;font-size:18px}.scr-none{color:#a9adc8;word-break:keep-all;margin:0;font-size:20px;line-height:1.6}.scr-none.small{margin-top:auto;font-size:18px}.scr-corner{color:#8a92ad;z-index:5;font-size:14px;position:fixed;bottom:8px;right:16px}