:root{--bg: #0d0f1a;--panel: #1b1e2e;--line: #34384f;--text: #e8e9f3;--muted: #9aa0bd;--accent: #ffd54f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0}#menu{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#cfe0ff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 35% 64%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 58%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 55% 88%,#cfe0ff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 82%,#fff 50%,transparent 51%),radial-gradient(ellipse at 75% 20%,#2b4aa8 0%,transparent 55%),radial-gradient(ellipse at 20% 90%,#1a2d74 0%,transparent 50%),linear-gradient(160deg,#0a1440,#050a24 60%,#0b1638)}.home{position:absolute;top:50%;left:50%;width:440px;height:640px;transform:translate(-50%,-50%);transform-origin:center;overflow:hidden;padding:24px;background:#141a3aeb;border:2px solid #8fa3d6;border-radius:12px;box-shadow:0 0 0 4px #2a3a78,0 10px 40px #0009}#menu.hidden{display:none}.sub{margin:4px 0 16px;color:var(--muted);text-align:center}.row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}label{display:flex;align-items:center;gap:6px}select,input[type=text]{padding:4px 6px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;font:inherit}#slots{display:grid;gap:6px;margin:8px 0}.slot{display:grid;grid-template-columns:18px 1fr auto auto 112px;gap:8px;align-items:center}.slot .swatch{width:18px;height:18px;border-radius:50%}.slot .kind{color:var(--muted);font-size:.85em}#error{min-height:1.2em;margin:4px 0;color:#ff6e6e}button{width:100%;padding:10px;color:#1b1e2e;background:var(--accent);border:0;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.help{margin-top:16px;color:var(--muted);font-size:.85em;line-height:1.6}#players-row{margin:0}[hidden]{display:none!important}.tabs{display:flex;gap:6px;margin:16px 0}.tabs .tab{flex:1;color:var(--muted);background:var(--bg);border:1px solid var(--line)}.tabs .tab.active{color:#1b1e2e;background:var(--accent);border-color:var(--accent)}h2{margin:16px 0 8px;font-size:1em;color:var(--accent)}.list{display:grid;gap:6px;margin-bottom:12px}.list-row{display:grid;grid-template-columns:1fr auto 76px;gap:8px;align-items:center;padding:6px 8px;background:var(--bg);border:1px solid var(--line);border-radius:6px}.list-row .name,.slot .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta,.muted,.empty{color:var(--muted);font-size:.9em}button.small{padding:4px 8px}button.secondary{margin-top:6px;color:var(--text);background:transparent;border:1px solid var(--line)}button:disabled{opacity:.45;cursor:default}.status{margin:0 0 12px;color:var(--muted);font-size:.9em}.status.warn,.error{color:#ff6e6e}.error{min-height:1.2em;margin:8px 0 0}.me-card{margin:0 0 12px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:.92em}.gold{color:var(--accent)}.subtabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}.subtabs .subtab{width:auto;flex:1;padding:6px 4px;color:var(--muted);background:transparent;border-radius:6px 6px 0 0}.subtabs .subtab.active{color:var(--text);background:var(--line)}.badge{display:inline-block;min-width:1.4em;padding:0 4px;color:#fff;background:#ff5252;border-radius:8px;font-size:.8em}.inline-form{flex-wrap:nowrap}.inline-form input{flex:1}.inline-form button{width:auto}.hint{margin:6px 0;color:var(--muted);font-size:.82em}input.pin{width:5em;letter-spacing:.2em}.list-row .buttons{display:flex;gap:4px}.list-row .buttons button{width:auto}.has-menu{cursor:context-menu}.rank{font-size:.85em;letter-spacing:-.1em}.guild-tag{color:#b39ddb}.mark{margin:0 1px}.mark-preview{font-size:1.4em}.presence{font-size:.85em}.presence:before{content:"●";margin-right:3px}.p-lobby{color:#69f0ae}.p-playing{color:#ffab40}.p-offline{color:#6b7090}.p-row-offline .player-name{opacity:.55}.role-leader{color:var(--accent)}.role-officer{color:#80d8ff}.role{font-size:.85em}.slot .kind.ready{color:#69f0ae}.slot .kind.host{color:var(--accent)}button.toggle{width:auto;color:var(--muted);background:var(--bg);border:1px solid var(--line)}button.toggle.active{color:#1b1e2e;background:var(--accent)}.row>button.small{width:auto}table.ranking{width:100%;border-collapse:collapse;font-size:.88em}table.ranking th,table.ranking td{padding:4px 6px;border-bottom:1px solid var(--line);text-align:left}table.ranking th{color:var(--muted);font-weight:400}table.ranking tr.mine td{background:#ffd54f1f}.chat{position:fixed;z-index:20;right:12px;bottom:12px;display:flex;flex-direction:column;width:min(340px,calc(100vw - 24px));height:200px;background:#0d0f1ab8;border:1px solid var(--line);border-radius:8px;font-size:12.5px}.chat-log{flex:1;overflow-y:auto;padding:6px 8px;line-height:1.45;word-break:break-all}.chat-bar{display:flex;gap:4px;padding:4px;border-top:1px solid var(--line)}.chat-bar input{flex:1;min-width:0;font-size:12.5px}.chat-bar .chat-channel{width:48px;padding:2px;font-size:12px}.chat-name{font-weight:700}.chat-tag{opacity:.8}.ch-world{color:#e8e9f3}.ch-room{color:#80d8ff}.ch-whisper{color:#ff80ff}.ch-system{color:var(--accent)}button.chat-channel.ch-world{color:#1b1e2e;background:#e8e9f3}button.chat-channel.ch-room{color:#1b1e2e;background:#80d8ff}.context-menu{position:fixed;z-index:50;min-width:140px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #00000080}.context-title{padding:4px 8px;color:var(--muted);font-size:.82em}.context-menu button{display:block;padding:6px 10px;color:var(--text);background:transparent;text-align:left;font-weight:400}.context-menu button:hover{background:var(--line)}.context-menu button.danger{color:#ff6e6e}.modal-back{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080}.modal{width:min(380px,calc(100vw - 32px));padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.modal h3{margin:0 0 12px;color:var(--accent)}.modal-body{margin-bottom:14px;line-height:1.5}.modal-body label{display:block;margin-bottom:6px}.modal-body input{width:100%}.modal-hint{min-height:1.2em;margin:6px 0 0;color:var(--muted);font-size:.85em}.modal-hint.error{color:#ff6e6e}.modal-buttons{display:flex;gap:8px}.profile-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.1em}.profile dl{display:grid;grid-template-columns:56px 1fr;gap:4px 8px;margin:0}.profile dt{color:var(--muted)}.profile dd{margin:0}.chat.docked{right:auto;bottom:auto;border-radius:0 0 4px;background:#0d0f1ae6}.logo{justify-self:end;align-self:center;padding:0 8px;color:#ffcf3a;background:linear-gradient(180deg,#fff27a,#ffb21e 45%,#ff5a1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font:italic 900 52px/1 Arial Black,Impact,sans-serif;letter-spacing:-2px;transform:rotate(-8deg);filter:drop-shadow(2px 0 0 #1b2f8a) drop-shadow(-2px 0 0 #1b2f8a) drop-shadow(0 2px 0 #1b2f8a) drop-shadow(0 -2px 0 #1b2f8a) drop-shadow(0 0 6px #6fb4ff)}.logo.big{display:block;margin:0 auto 4px;font-size:64px;text-align:center}#stage{position:absolute;top:0;right:0;bottom:0;left:0}.frame{position:absolute;top:50%;left:50%;width:960px;height:720px;transform-origin:center;font-size:13px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:92px 1fr;gap:10px;padding:14px 16px 26px}.screen .top{display:grid;grid-template-columns:170px 1fr 210px;gap:14px;align-items:center}.screen .body{display:grid;grid-template-columns:1fr 236px;gap:14px;min-height:0}.screen .main,.screen .side{display:grid;gap:10px;min-height:0}#online-lobby .main{grid-template-rows:1fr 40px 168px}#online-lobby .side{grid-template-rows:1fr 34px auto}#online-room .main{grid-template-rows:1fr 168px}#online-room .side{grid-template-rows:1fr auto}.metal{position:relative;min-height:0;padding:10px;background:linear-gradient(180deg,#dfe6f3,#a9b5cf 48%,#c4cee2);border:2px solid #56668f;border-radius:10px;box-shadow:inset 0 0 0 2px #eef2fa,inset 0 0 0 5px #7f8db0,0 4px 14px #0000008c}.metal:before,.metal:after{content:"";position:absolute;top:4px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#6f7d9e 60%,#2f3a58)}.metal:before{left:4px}.metal:after{right:4px}.plate{display:grid;place-items:center;height:70px;padding:4px;background:linear-gradient(180deg,#23336b,#0f1940);border:3px solid #c79a2c;border-radius:6px;box-shadow:inset 0 0 0 2px #6b5214,0 0 10px #ffbe3c59}.plate b{color:#ff6a2a;font:italic 900 22px/1 Arial Black,Impact,sans-serif;letter-spacing:1px;text-shadow:-1px -1px 0 #ffe27a,1px 1px 0 #6a1600}.plate span{color:#ffe9a6;font-size:12px}.banner{display:flex;align-items:center;gap:10px;height:52px;padding:0 10px;background:linear-gradient(180deg,#23408f,#0f1f5c);border:3px solid #9fb7ff;border-radius:26px;box-shadow:inset 0 0 12px #78aaff80,0 0 12px #508cff66}.banner-text{flex:1;overflow:hidden;color:#fff;font-size:19px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:0 2px 0 #0a1440}.banner-face{flex:none;width:40px;height:40px;border:2px solid #fff;border-radius:50%}.banner-face.blue{background:radial-gradient(circle at 50% 70%,#ffe0c4 0 32%,transparent 33%),radial-gradient(circle at 50% 40%,#2b66ff,#0d2a8f)}.banner-face.pink{background:radial-gradient(circle at 50% 70%,#ffe0c4 0 32%,transparent 33%),radial-gradient(circle at 50% 40%,#ff7fc0,#c12a7a)}.titlebar{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;background:linear-gradient(180deg,#23408f,#0f1f5c);border:3px solid #9fb7ff;border-radius:23px;color:#fff;font-size:16px;font-weight:700}.room-no{color:#ffe94a;font-family:Consolas,monospace}.room-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-format{color:#9fe0ff}.board{display:flex;flex-direction:column;padding-top:8px}.board .subtabs{margin:0 10px 8px;border-bottom:2px solid #56668f}.board .subtabs .subtab{color:#24315a;font-weight:700}.board .subtabs .subtab.active{color:#fff;background:linear-gradient(180deg,#4d6fd1,#253f94)}.board .pane{flex:1;min-height:0;overflow-y:auto}.board .pane.dark{padding:8px;color:var(--text);background:#0e1a4a;border:2px solid #3d4f86;border-radius:6px}.room-list{display:grid;grid-template-rows:repeat(8,1fr);gap:4px;height:100%;padding:6px;background:#2a3769;border:2px solid #56668f;border-radius:6px;box-shadow:inset 0 0 8px #0a1030}button.room-row{display:grid;grid-template-columns:46px 1fr 56px 96px 46px 108px;gap:8px;align-items:center;width:100%;min-height:0;padding:3px 8px;color:#1b1405;background:linear-gradient(180deg,#fff1b0,#f7c948,#e09b16);border:2px solid #7a5200;border-radius:7px;box-shadow:inset 0 1px #fff8d6;font-weight:700;text-align:left}button.room-row:hover:not(:disabled){filter:brightness(1.1)}button.room-row:disabled{opacity:1;filter:saturate(.55) brightness(.92)}.room-row.empty{display:grid;place-items:center;color:#9fb0e0;background:#ffffff0a;border:2px dashed rgba(159,176,224,.25);border-radius:7px}.r-no,.r-name{overflow:hidden;padding:2px 6px;color:#fff;background:#1c1d38;border-radius:4px;white-space:nowrap;text-overflow:ellipsis}.r-no{color:#ffd84a;font-family:Consolas,monospace;text-align:center}.r-icons{display:flex;gap:4px;align-items:center}.mode-icon{width:22px;height:22px;border:1px solid #42320a;border-radius:4px}.mode-icon.solo{background:radial-gradient(circle at 50% 35%,#ff5a5a 0 28%,transparent 30%),radial-gradient(ellipse at 50% 95%,#ff5a5a 0 45%,transparent 47%),#fff3c4}.mode-icon.team{background:radial-gradient(circle at 30% 35%,#ff5a5a 0 18%,transparent 20%),radial-gradient(circle at 70% 35%,#4f7dff 0 18%,transparent 20%),radial-gradient(ellipse at 30% 95%,#ff5a5a 0 30%,transparent 32%),radial-gradient(ellipse at 70% 95%,#4f7dff 0 30%,transparent 32%),#fff3c4}.lock-icon{font-size:15px}.r-format{padding:2px 8px;overflow:hidden;background:linear-gradient(180deg,#ffe58a,#f2b432);border:1px solid #8a5d00;border-radius:10px;text-align:center;white-space:nowrap;font-size:12px}.r-count{font-family:Consolas,monospace;text-align:center}.r-state{color:#ffe94a;font:italic 900 17px/1 Arial Black,Impact,sans-serif;text-align:right;text-shadow:-1px -1px 0 #c40000,1px -1px 0 #c40000,-1px 1px 0 #c40000,1px 1px 0 #c40000,0 2px 0 #4a0000}.playing .r-state{color:#9fe0ff;text-shadow:-1px -1px 0 #0b3fa8,1px -1px 0 #0b3fa8,-1px 1px 0 #0b3fa8,1px 1px 0 #0b3fa8,0 2px 0 #02123a}.full .r-state{color:#ddd;text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444}.button-row{display:grid;grid-template-columns:1fr 52px 52px 1fr;gap:10px}button.metal-btn{width:100%;padding:0 10px;color:#fff;background:linear-gradient(180deg,#8fb2ff,#3c62d6 45%,#1f3a99);border:2px solid #dce6ff;border-radius:20px;box-shadow:0 0 0 2px #1d2c66,0 3px 6px #00000080;font:italic 900 17px/1 Arial Black,Impact,sans-serif;letter-spacing:1px;text-shadow:0 2px 0 #0d1d5a}button.metal-btn.arrow{font-size:16px;font-style:normal}button.metal-btn:hover:not(:disabled){filter:brightness(1.15)}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.page-no{min-width:44px;color:#cfe0ff;text-align:center}.side-panel{display:flex;flex-direction:column;gap:8px;padding-top:16px}.me-card{margin:0;padding:6px 8px;color:#fff;background:#142661;border:2px solid #c79a2c;border-radius:6px;font-size:12.5px}.me-stats{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:3px;color:#b9c7f0;font-size:11.5px}.user-list{flex:1;display:grid;grid-auto-rows:24px;align-content:start;gap:3px;min-height:0;overflow:hidden;padding:5px;background:#0e1a4a;border:2px solid #3d4f86;border-radius:6px}.user-row{display:flex;align-items:center;gap:5px;overflow:hidden;padding:0 6px;color:#fff;background:linear-gradient(180deg,#2c4fb8,#1a3383);border:1px solid #ffd54f;border-radius:4px;white-space:nowrap;cursor:context-menu}.user-row.mine{background:linear-gradient(180deg,#b8861b,#7a5408)}.user-row .presence:before{margin:0}.side-buttons{display:grid;gap:7px;padding:15px 22px 10px}button.pill-btn{padding:7px;color:#fff;background:linear-gradient(180deg,#7ea4ff,#2f55c9,#1c3488);border:2px solid #e1e9ff;border-radius:18px;box-shadow:0 0 0 2px #1d2c66,0 2px 4px #00000080;font-size:15px;font-weight:900;text-shadow:0 2px 0 #0d1d5a}button.pill-btn.start{padding:10px;font:italic 900 22px/1 Arial Black,Impact,sans-serif;letter-spacing:2px}button.pill-btn:hover:not(:disabled){filter:brightness(1.15)}.chat-slot{padding:14px 10px 10px}.chat.embedded{position:static;width:100%;height:100%;background:#0b1438;border:2px solid #3d4f86;border-radius:6px}.frame-status{position:absolute;bottom:6px;left:18px;right:120px;margin:0;overflow:hidden;color:#cfe0ff;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.frame-status.warn{color:#ff8a8a;font-weight:700}.ver{position:absolute;right:18px;bottom:6px;color:#9fb0e0;font:italic 900 12px Arial Black,sans-serif}.dialog-back{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03081e99}.dialog{display:grid;gap:10px;width:360px;padding:18px 24px 20px;color:#1b2547;font-weight:700}.dialog-title{margin-bottom:4px;color:#ffe94a;font:italic 900 22px/1 Arial Black,Impact,sans-serif;text-align:center;text-shadow:-1px -1px 0 #1b2f8a,1px -1px 0 #1b2f8a,-1px 1px 0 #1b2f8a,1px 1px 0 #1b2f8a,0 2px 0 #0a1440}.dialog label{justify-content:space-between}.dialog input[type=text],.dialog select{width:170px}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.cards-panel{padding:16px 12px 12px}.cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px;height:100%}.card{position:relative;display:grid;grid-template-columns:92px 1fr;gap:8px;min-height:0;padding:6px;background:linear-gradient(180deg,#eef1f8,#b8c1d6);border:2px solid #6b7894;border-radius:12px;box-shadow:inset 0 0 0 2px #fff,0 2px 4px #00000059;cursor:context-menu}.card.me{border-color:#c79a2c;box-shadow:inset 0 0 0 2px #ffe9a6,0 0 10px #ffc83c99}.card.open,.card.closed{display:grid;grid-template-columns:1fr;place-items:center;align-content:center;color:#c9d0de;font:900 40px/1 Arial Black,Impact,sans-serif;letter-spacing:3px;text-shadow:-1px -1px 0 #fff,1px 1px 0 #7d889f,2px 2px 0 #9aa4b8;cursor:default}.card.closed{color:#8d96aa;background:repeating-linear-gradient(135deg,#a7b0c4 0,#a7b0c4 10px,#9aa3b8 10px,#9aa3b8 20px);font-size:30px}.card-note{margin-top:4px;color:#6b7590;font:600 11px Malgun Gothic,sans-serif;letter-spacing:0;text-shadow:none}.card-face{display:grid;place-items:end center;overflow:hidden;border:2px solid #46536f;border-radius:8px;box-shadow:inset 0 0 14px #00000073}.portrait{display:block;background-repeat:no-repeat;animation-name:portrait-idle;animation-iteration-count:infinite}@keyframes portrait-idle{0%{background-position-x:0}to{background-position-x:var(--strip)}}.card-info{display:grid;grid-template-rows:auto auto 1fr;gap:5px;min-width:0;padding-right:16px}.card-name{overflow:hidden;padding:3px 6px;color:#fff;background:linear-gradient(180deg,#2c4fb8,#1a3383);border:1px solid #ffd54f;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:1px 7px;color:#fff;border-radius:8px;font-size:11.5px;font-weight:700}.tag.host{background:#c7861a}.tag.ready{background:#1f9d55}.tag.wait{background:#6b7590}.tag.off{background:#c43a3a}.card-bottom{display:flex;align-items:end;justify-content:space-between;color:#2a3557;font-size:12px;font-weight:700}.card-seat{position:absolute;top:6px;right:8px;color:#4f5c7c;font:italic 900 16px Arial Black,sans-serif}.settings{display:flex;flex-direction:column;gap:4px;padding:16px 14px 10px}.settings>*{flex-shrink:0}.set-label{margin-top:2px;padding:2px 0;color:#fff;background:linear-gradient(180deg,#4d6fd1,#253f94);border:2px solid #dce6ff;border-radius:12px;font:italic 900 12px/1.2 Arial Black,Impact,sans-serif;text-align:center;letter-spacing:1px}.map-preview{height:64px;border:2px solid #46536f;border-radius:6px;background:radial-gradient(circle at 18% 30%,#4fc3ff 0 7px,transparent 8px),radial-gradient(circle at 82% 70%,#ff6fb5 0 7px,transparent 8px),linear-gradient(90deg,transparent 0 46%,#6b4b2a 46% 54%,transparent 54%) 0 0 / 24px 24px,repeating-linear-gradient(0deg,#4f8f3a 0,#4f8f3a 12px,#5aa043 12px,#5aa043 24px)}.set-value{color:#1b2547;font-weight:700;text-align:center}select.set-select{width:100%;font-weight:700}.set-check{justify-content:center;color:#1b2547;font-weight:700}.team-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:26px}.team-picker .set-value{grid-column:1 / -1}button.team-btn{padding:4px;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:6px;opacity:.55;text-shadow:0 1px 0 #000}button.team-btn.active{border-color:#fff;box-shadow:0 0 0 2px #1b2547;opacity:1}.screen.servers{display:block;padding:0;background:radial-gradient(circle at 52% 52%,#ffc46ef2 0,#ffc46ef2 150px,#d68c3ce6 210px,#78461e00 290px),linear-gradient(-18deg,transparent 47%,rgba(255,220,160,.55) 48% 49.5%,transparent 50.5%),linear-gradient(rgba(120,150,255,.12) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,rgba(120,150,255,.12) 1px,transparent 1px) 0 0 / 32px 32px;border-radius:6px}.server-plate{position:absolute;top:0;left:50%;width:230px;height:64px;transform:translate(-50%);display:grid;place-items:center;color:#eef2fa;background:linear-gradient(180deg,#c6cfe0,#7d89a6);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);font:italic 900 30px/1 Arial Black,Impact,sans-serif;letter-spacing:2px;text-shadow:0 2px 0 #3d4766,0 -1px 0 #fff}.arms .arm{position:absolute;left:480px;top:372px;height:22px;transform-origin:0 50%;background:linear-gradient(180deg,#e3e8f2,#8d98b3 55%,#5e6987);border:2px solid #3d4766;border-radius:11px;box-shadow:0 3px 8px #00000080}.arm.a-tl{width:300px;transform:rotate(-145deg)}.arm.a-tr{width:300px;transform:rotate(-35deg)}.arm.a-bl{width:300px;transform:rotate(150deg)}.arm.a-br{width:300px;transform:rotate(30deg)}.arm.a-down{width:230px;transform:rotate(90deg)}.hub{position:absolute;left:480px;top:372px;width:270px;height:270px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,#9aa5bf,#e6ebf4,#8a95af,#d4dbe8,#9aa5bf,#e6ebf4,#8a95af,#d4dbe8,#9aa5bf);border:4px solid #3d4766;box-shadow:0 8px 24px #0009,inset 0 0 0 10px #ffffff40}.hub:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 40deg,rgba(40,50,80,.55) 40deg 45deg)}.hub-ring{position:relative;width:170px;height:170px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#4b5677,#262e47);border:4px solid #c9d0e0}.hub-core{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff7e8,#ffc98a 55%,#f08a3a);border:3px solid #6b4520;overflow:hidden}.hub-core .logo{justify-self:center;padding:0;font-size:34px;letter-spacing:-1px}.server-box{position:absolute;width:264px;height:262px;padding:40px 12px 12px;background:linear-gradient(180deg,#dfe6f3,#a9b5cf 48%,#c4cee2);border:2px solid #56668f;border-radius:12px;box-shadow:inset 0 0 0 2px #eef2fa,inset 0 0 0 5px #7f8db0,0 6px 16px #0009}.server-box.tl{left:36px;top:64px}.server-box.tr{right:36px;top:64px}.server-box.bl{left:36px;bottom:40px}.server-box.br{right:36px;bottom:40px}.server-head{position:absolute;top:-22px;left:50%;width:176px;min-height:52px;transform:translate(-50%);display:grid;place-content:center;justify-items:center;padding:4px 8px;color:#fff;background:linear-gradient(180deg,#7fb0ff,#2d63d8 55%,#1b3e9a);border:3px solid #dfe6f3;border-radius:8px;box-shadow:0 0 0 2px #3d4766,0 3px 6px #00000073;text-shadow:0 2px 0 #0d1d5a}.server-head b{font-size:19px}.server-head span{font-size:12px;font-weight:700}.server-list{height:100%;padding:10px 8px;background:linear-gradient(180deg,#2f6fe0,#1640a8 70%,#0f2f86);border:2px solid #3d4766;border-radius:6px;box-shadow:inset 0 0 12px #00001e99}button.server-row{display:grid;grid-template-columns:1fr auto 46px;gap:8px;align-items:center;padding:6px 8px;color:#fff;background:transparent;border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:700;text-align:left}button.server-row:hover:not(:disabled){background:#ffe94a2e;border-color:#ffe94a}button.server-row:disabled{opacity:.5}.server-users{color:#bcd2ff;font-size:12px}.server-load{text-align:right}.server-note{margin:8px 4px 0;color:#ffd0d0;font-size:12px}button.exit-btn{position:absolute;left:50%;bottom:22px;width:150px;padding:8px;transform:translate(-50%);color:#c9ced9;background:linear-gradient(180deg,#5c6475,#2b303b);border:3px solid #b8bfcd;border-radius:8px;box-shadow:0 0 0 3px #3d4766,0 4px 10px #0009;font:900 26px/1 Arial Black,Impact,sans-serif;letter-spacing:3px;text-shadow:0 2px 0 #11141b}button.exit-btn:hover{color:#fff}.login-card{display:flex;flex-direction:column;padding:24px 32px 16px;text-align:center}.login-card>section{flex:1;min-height:0}.chat-log,.board .pane,#slots{scrollbar-width:none}.chat-log::-webkit-scrollbar,.board .pane::-webkit-scrollbar,#slots::-webkit-scrollbar{display:none}#slots{max-height:268px;overflow-y:auto}.login-card .logo.big{font-size:64px;margin-bottom:0}.tagline{margin:0 0 18px;color:#9fb0e0;letter-spacing:.3em;font-size:12px}.auth-form{display:grid;gap:10px;text-align:left}.auth-form .field{display:grid;gap:4px;color:#cfe0ff;font-size:13px}.auth-form .field input{width:100%;padding:9px 10px;font-size:15px;background:#0b1438;border:2px solid #3d4f86;border-radius:8px}.auth-form .field input:focus{outline:none;border-color:#ffd54f}.hint-inline{color:#6f7fb0;font-size:11px;margin-left:4px}.auth-form .remember{color:#9fb0e0;font-size:12.5px}button.big-btn{width:100%;margin-top:4px;padding:11px;font-size:17px;letter-spacing:1px}.switch{margin:4px 0 0;color:#9fb0e0;font-size:12.5px;text-align:center}.switch a,.offline-link a{color:#ffd54f;text-decoration:none}.switch a:hover,.offline-link a:hover{text-decoration:underline}.offline-link{margin:16px 0 0;font-size:12.5px}.offline-title{margin:0 0 12px;color:#ffd54f;font-size:16px;text-align:center}#local-panel{text-align:left}.login-card .help{margin-top:10px;text-align:left;font-size:.74em;line-height:1.5}.offline-link{margin:10px 0 0}.sound-toggle{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;background:#ffffff14;border:1px solid #3d4f86;border-radius:50%;font-size:16px;line-height:1}.sound-toggle.muted{opacity:.5}