@font-face{font-family:system-korean;src:local("Pretendard"),local("Noto Sans KR"),local("Malgun Gothic");font-display:swap}
:root{font-family:system-korean,"Segoe UI",system-ui,sans-serif;color:#e4e9e5;background:#101613;font-synthesis:none;--surface:#19211c;--border:#303b33;--muted:#a3afa6;--green:#c8ed81;--red:#f2a297;--mono:ui-monospace,"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}h1,h2,p{margin:0}a{color:inherit}h1,h2{line-height:1.3;letter-spacing:-.045em}.topbar{height:100px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#111914}.brand{display:flex;align-items:center;gap:14px;font-size:1rem;letter-spacing:.13em;text-decoration:none;line-height:1.15}.brand b{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:.625rem;letter-spacing:.24em;margin-top:9px;color:var(--muted)}.mark{font-size:2.1rem;font-weight:800;width:43px;height:43px;position:relative;line-height:42px;color:var(--green);border-left:3px solid var(--green);padding-left:7px}.mark span{position:absolute;right:-4px;top:-8px;font-size:1.1rem}.top-meta{display:flex;align-items:center;gap:26px}.build{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;border:1px solid var(--border);padding:6px 10px;color:#b6c2b8}.text-button{border:0;background:none;color:var(--muted);font-size:.875rem;padding:5px 0;text-decoration:underline;text-underline-offset:5px}main{max-width:1450px;margin:0 auto;padding:48px max(4.5vw,24px) 0}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;color:var(--muted);display:block;font-weight:500}h1{font-size:2.4rem;margin-top:10px;font-weight:650}.title-dot{color:var(--green)}.sync{display:flex;align-items:center;gap:9px;font-size:.8125rem;color:var(--muted);padding-bottom:6px}.sync i{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #b9e97055}.sync i.offline{background:var(--red)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px}.main-column,.side-column{min-width:0}.server-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--green);padding:28px 30px 0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid #465247;padding:3px 10px;font-size:.8125rem;border-radius:3px;color:#bec9c1;white-space:nowrap}.status:before{content:"";display:block;width:6px;height:6px;background:currentColor;border-radius:50%}.status.running{color:var(--green);background:#c8ed810b;border-color:#74875b}.status.starting,.status.installing,.status.stopping{color:#e6c98c;border-color:#776749}.server-card h2{font-size:1.9rem;margin-top:28px;word-break:break-word}.server-address{font-family:var(--mono);color:var(--muted);font-size:.875rem;display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:7px}.state-description{font-size:.875rem;color:#bec8c0;margin:23px 0 19px;min-height:24px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.button{min-height:45px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:.875rem;font-weight:600;border-radius:3px;border:1px solid transparent}.button.primary{color:#17210d;background:var(--green);border-color:var(--green)}.button.secondary{background:#ffffff03;border-color:#425044;color:#d8e0da}.button.danger{background:#f2a29707;color:var(--red);border-color:#67433f}.button.full{width:100%;justify-content:space-between}.server-foot{border-top:1px solid var(--border);padding:16px 0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.75rem}.server-foot span:last-child{font-family:var(--mono);white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin:20px 0 24px}.metric{background:#151d18;padding:22px 24px;min-width:0}.metric strong{display:block;font-family:var(--mono);font-size:1.9rem;font-weight:500;color:#e9eee6;margin:7px 0 1px;line-height:1.4}.metric>span:last-child{font-size:.8125rem;color:var(--muted)}.console-card{border:1px solid var(--border);background:#0a100c}.console-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border);background:#151d18}.console-head>div{display:flex;gap:10px;align-items:center}.console-head h2{font-size:.9375rem;letter-spacing:-.02em}.terminal-icon{font-family:var(--mono);color:var(--green)}.follow{font-size:.75rem;color:var(--muted);display:flex;gap:7px;align-items:center;white-space:nowrap}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px}.logs{height:300px;padding:18px 20px;overflow:auto;font-family:var(--mono),system-korean;font-size:.75rem;line-height:1.9;scrollbar-color:#465648 #0a100c}.log-line{margin:0;display:flex;gap:12px;overflow-wrap:anywhere}.log-time{color:#75877a;flex-shrink:0}.log-text{white-space:pre-wrap;color:#afc1b3}.log-manager .log-text{color:var(--green)}.log-steam .log-text{color:#d0c39d}.log-empty{color:#7f9486;margin-top:8px}.console-foot{padding:11px 20px;border-top:1px solid #243027;display:flex;justify-content:space-between;gap:8px;font-size:.6875rem;color:#84948a}.console-foot span:first-child{font-family:var(--mono)}.side-card{background:#151d18;border:1px solid var(--border);padding:24px;margin-bottom:18px}.side-card h2,.connection-card h2{font-size:1.125rem;margin:11px 0 13px;font-weight:600}.side-card p,.connection-card li{font-size:.875rem;color:var(--muted);line-height:1.85}.side-card .button{margin:21px 0 17px}.detail{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;border-top:1px solid #2a352d;padding-top:11px;margin-top:10px;color:var(--muted)}.detail b{font-family:var(--mono);font-size:.75rem;color:#d3ded5;font-weight:400}.side-card p.small{font-size:.75rem;margin-top:16px;line-height:1.8}.connection-card{padding:14px 10px 0}.connection-card h2{font-size:1rem}.connection-card ol{padding-left:21px;margin:15px 0}.connection-card li{padding-left:4px;margin-bottom:6px;font-size:.8125rem}.connection-card b{color:#d3ded5;font-weight:500}.muted{color:var(--muted)}.small{font-size:.75rem}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:24px 0;margin-top:38px;font-size:.75rem;color:#86988a}footer span:first-child{font-family:var(--mono);letter-spacing:.14em}.notice{background:#363922;border:1px solid #737743;padding:13px 18px;font-size:.875rem;margin-bottom:20px;border-radius:3px}.notice.error{background:#2d1e1a;border-color:#795347;color:#f2b4a1;margin-top:18px}.loading{padding:15vh 0;text-align:center;color:var(--muted)}.login-screen{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:center;max-width:1020px;min-height:70vh;margin:0 auto}.login-art{border-left:1px solid #465443;padding:16px 0 15px 32px}.login-art h1{font-size:2.7rem;margin:28px 0 16px;line-height:1.45}.login-art p{color:var(--muted)}.coordinate{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;color:#798f7d;margin-top:70px}.login-card{border:1px solid var(--border);border-top:3px solid var(--green);background:var(--surface);padding:32px}.login-card h2{margin:12px 0 24px;font-size:1.5rem}.login-card label{display:block;font-size:.875rem;margin:18px 0 7px}.login-card input{display:block;width:100%;padding:11px 12px;background:#101813;border:1px solid #455346;border-radius:3px;color:#eaf0e7}.login-card button{width:100%;justify-content:space-between;margin:16px 0}.error-text{color:var(--red);font-size:.8125rem;margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#16210f;border:1px solid #def6b5;box-shadow:0 10px 40px #0006;padding:14px 22px;border-radius:4px;max-width:calc(100vw - 32px);z-index:20;font-size:.875rem}dialog{color:#e5ebe6;background:var(--surface);border:1px solid #53654e;border-radius:5px;padding:30px;max-width:460px;width:calc(100vw - 32px)}dialog::backdrop{background:#000a}dialog h2{margin:14px 0;font-size:1.35rem}dialog p{color:#b8c4ba;font-size:.9375rem;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.server-card{padding:24px 22px 0}.side-card{padding:20px}.metric{padding:18px 16px}.metric strong{font-size:1.5rem}.button{padding:10px 13px;gap:9px}.login-screen{gap:30px;grid-template-columns:1fr 360px}.login-art h1{font-size:2.1rem}.eyebrow{font-size:.6875rem}.server-foot{flex-direction:column;gap:3px}}
@media(max-width:760px){.topbar{height:80px;padding:0 20px}.brand{font-size:.875rem}.top-meta{gap:14px}.build{font-size:.6875rem;padding:5px 7px}main{padding:30px 20px 0}.workspace{grid-template-columns:1fr}.page-title{margin-bottom:25px}h1{font-size:2rem}.sync{font-size:.75rem}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-card{margin:0}.connection-card{grid-column:1/-1}.server-foot{flex-direction:row}.login-screen{display:block;min-height:auto;max-width:450px}.login-art{padding:0 0 0 20px;margin-bottom:30px}.login-art h1{font-size:1.8rem;margin:15px 0}.login-art .coordinate{display:none}.login-card{padding:26px}.logs{height:300px}footer{font-size:.6875rem}}
@media(max-width:480px){.topbar{padding:0 16px}.brand{gap:10px}.brand small{font-size:.5625rem}.mark{font-size:1.8rem;width:36px;height:36px;line-height:35px}.top-meta{gap:12px}.build{display:none}main{padding:26px 16px 0}.server-card{padding:20px 18px 0}.server-card h2{font-size:1.7rem;margin-top:24px}.actions{gap:8px}.actions .button{flex:1;padding:10px 9px;gap:6px}.actions .button.primary{flex-basis:100%}.server-foot{flex-direction:column}.metrics{margin-top:16px;gap:1px}.metric{padding:15px 10px}.metric .eyebrow{font-size:.625rem;letter-spacing:.025em}.metric strong{font-size:1.25rem}.metric>span:last-child{font-size:.6875rem}.side-column{grid-template-columns:1fr}.console-head,.console-foot{padding-left:14px;padding-right:14px}.logs{padding:14px}.log-line{gap:8px}.console-foot{font-size:.625rem}footer{flex-direction:column;gap:5px}.sync{font-size:.6875rem}.side-card .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.mods-panel{margin-top:28px;border:1px solid var(--border);background:#111914;padding:28px}.mods-heading,.section-head,.recommend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.mods-heading h2{font-size:1.8rem;margin:8px 0 6px}.mods-heading p,.recommend-head p,.mods-add>p{color:var(--muted);font-size:.8125rem;line-height:1.7}.mod-count{text-align:right;min-width:150px}.mod-count strong{display:block;color:var(--green);font:500 2.5rem/1 var(--mono)}.mod-count span{display:block;color:var(--muted);font-size:.6875rem;margin-top:8px}.mods-notice{margin:20px 0 0}.mods-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:24px;margin-top:24px}.mods-current,.mods-add{border:1px solid #303d33;background:#0c130f;padding:22px}.section-head h3,.mods-add h3,.recommend-head h3{font-size:1.15rem;margin:7px 0 12px}.mod-list{display:grid;gap:10px;max-height:560px;overflow:auto;padding-right:5px}.mod-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #2c392f;background:#151e18;padding:10px}.mod-thumb{width:64px;height:64px;object-fit:cover;background:#263129}.mod-card h4{font-size:.875rem;line-height:1.35;margin-bottom:5px}.mod-card h4 a{color:#e6ede7;text-decoration:none}.mod-meta{font:400 .6875rem/1.6 var(--mono);color:#8ea092}.mod-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.mod-tags span{font-size:.625rem;color:#b6c5b9;border:1px solid #3a493d;padding:2px 5px}.icon-button{border:1px solid #63413c;background:#261b18;color:var(--red);padding:7px 9px;border-radius:3px;font-size:.75rem}.mod-empty{color:var(--muted);font-size:.8125rem;padding:22px 4px}.mods-add label{display:block;font-size:.75rem;margin:16px 0 7px}.mods-add input,.mods-add textarea{display:block;width:100%;padding:11px 12px;background:#101813;border:1px solid #455346;border-radius:3px;color:#eaf0e7;resize:vertical}.mods-add .button{margin-top:15px}.mod-ids-box{margin-top:15px;border-top:1px solid #2a362d;padding-top:13px}.mod-ids-box summary{cursor:pointer;color:#aebcb1;font-size:.75rem}.mod-id-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mod-id{display:inline-flex;align-items:center;gap:6px;border:1px solid #344238;padding:5px 7px;color:#bac8bd;font:400 .6875rem var(--mono)}.mod-id button{border:0;background:transparent;color:#db8e82;padding:0;line-height:1}.recommend-head{margin-top:30px;padding-top:25px;border-top:1px solid var(--border);align-items:center}.recommendations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.recommend-card{position:relative;border:1px solid #303d33;background:#151e18;min-width:0;overflow:hidden}.recommend-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#263129}.recommend-body{padding:12px}.recommend-rank{position:absolute;top:8px;left:8px;background:#0a100ddd;color:var(--green);font:600 .75rem var(--mono);padding:4px 7px}.recommend-card h4{font-size:.8125rem;line-height:1.35;height:2.7em;overflow:hidden;margin-bottom:7px}.recommend-card h4 a{color:#e4ebe5;text-decoration:none}.recommend-card .button{width:100%;min-height:34px;margin-top:9px;padding:6px;font-size:.75rem}.recommend-card.applied{border-color:#65804f}.recommend-card.applied .button{color:#91a18f;border-color:#3b493d}.recommend-error{color:var(--red);padding:18px 0;font-size:.8125rem}
@media(max-width:1000px){.recommendations{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mods-panel{padding:20px}.mods-grid{grid-template-columns:1fr}.recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.mods-heading{align-items:flex-start}.mod-count{min-width:90px}.mod-count strong{font-size:2rem}.recommendations{grid-template-columns:1fr}.mod-card{grid-template-columns:52px minmax(0,1fr) auto}.mod-thumb{width:52px;height:52px}}