.arena-glow{position:absolute;width:260px;height:260px;border-radius:50%;right:12%;top:-55%;background:#bc9cff55;filter:blur(35px)}.arena-status{display:flex;gap:10px;margin-top:22px}.arena-status>span{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;min-width:95px;padding:9px 12px;border:1px solid #ffffff22;border-radius:14px;background:#ffffff12;backdrop-filter:blur(8px)}.arena-status i{grid-row:1/3;font-style:normal;font-size:18px}.arena-status b{font-size:15px;line-height:1}.arena-status small{font-size:7px;letter-spacing:.1em;color:#cfc8f0}.mobile-section-label{display:none}.player-slot{overflow:hidden}.player-slot:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;right:-24px;bottom:-28px;background:#6d4aff0b}.ready-button,.btn.start{min-height:54px;transition:transform .15s,filter .15s}.ready-button:active,.btn.start:active{transform:scale(.97);filter:brightness(.95)}
@media(max-width:650px){body{background:linear-gradient(160deg,#ede7ff 0,#fff9eb 52%,#eafff7 100%)}.shell{width:100%;padding:14px 14px calc(30px + env(safe-area-inset-bottom))}.brand{margin:0 2px 18px}.brand-mark{width:45px;height:45px;border-radius:14px}.brand p{display:none}.brand h1{font-size:21px}.brand .icon-btn{width:42px;height:42px}.lobby-topbar{position:relative;grid-template-columns:46px 1fr;margin:0 2px 12px;gap:12px}.lobby-back{width:44px;height:44px;border-radius:14px}.lobby-room-title h2{font-size:23px;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-pill{font-size:8px}.lobby-code{grid-column:1/3;height:46px;padding:8px 13px;border-radius:14px}.lobby-code small{font-size:7px}.lobby-code strong{font-size:18px}.arena-banner{min-height:186px;margin:0 2px 18px;padding:25px 22px;border-radius:25px;align-items:flex-start}.arena-copy{width:100%}.arena-copy .eyebrow{font-size:8px}.arena-copy h2{font-size:31px;max-width:270px;margin:10px 0 8px}.arena-copy p{font-size:11px;line-height:1.4;max-width:260px}.arena-letters{right:-91px;top:4px;opacity:.22;transform:scale(.72)}.arena-status{gap:6px;margin-top:16px}.arena-status>span{min-width:0;flex:1;padding:7px 8px;border-radius:11px}.arena-status i{font-size:14px}.arena-status b{font-size:12px}.arena-status small{font-size:6px}.mobile-section-label{display:flex;align-items:center;justify-content:space-between;padding:0 8px 9px;font-size:9px;font-weight:950;letter-spacing:.11em;color:var(--muted)}.mobile-section-label b{color:#a16a00;background:#fff0c8;padding:5px 8px;border-radius:12px}.mobile-section-label b.ready{color:#08754d;background:#dff8ed}.game-lobby-grid{display:flex;flex-direction:column;gap:14px}.roster-card{order:1;width:100%}.game-rules{order:2;width:100%}.roster-card,.game-rules{padding:18px!important;border-radius:23px}.panel-heading{margin-bottom:14px}.panel-heading .eyebrow{display:none}.panel-heading h3{font-size:19px}.online-label{font-size:7px}.player-slots{grid-template-columns:1fr;gap:9px}.player-slot{min-height:72px;grid-template-columns:50px 1fr;padding:10px;border-radius:17px}.player-avatar{width:50px;height:50px;border-radius:15px;font-size:28px}.player-name{font-size:13px}.player-role,.player-state{font-size:8px}.rules-title{margin-bottom:13px}.rules-title .eyebrow{display:none}.rules-title h3{font-size:19px}.configure-button{font-size:9px}.rule-grid{grid-template-columns:repeat(2,1fr);gap:7px}.rule-grid .rules-line{padding:10px;border-radius:12px}.rule-grid .rules-line span{font-size:7px}.rule-grid .rules-line b{font-size:12px}.lobby-actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.lobby-actions .btn{margin:0;min-height:55px;padding:12px 8px;border-radius:15px;font-size:11px}.lobby-actions .btn:only-of-type{grid-column:1/3}.lobby-actions .start-hint{grid-column:1/3;margin-top:2px}.ready-button.is-ready{border-width:1px}}
@media(max-width:370px){.arena-status>span:nth-child(3){display:none}.arena-copy h2{font-size:28px}.lobby-room-title h2{max-width:210px}.rule-grid{grid-template-columns:1fr 1fr}}

body:has(#lobby:not(.hidden)){background:#150d3a;overflow-x:hidden}
body:has(#lobby:not(.hidden)) .orb{display:none}
body:has(#lobby:not(.hidden)) .shell{width:min(1180px,calc(100% - 30px));padding:20px 0 45px}
body:has(#lobby:not(.hidden)) .brand{display:none}
.lobby-console-screen{position:relative;min-height:calc(100vh - 40px);display:grid;place-items:center}
.lobby-console-screen:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 5%,#6144d755,transparent 34%),linear-gradient(145deg,#1b1045,#11092f 62%,#24115a);z-index:-2}
.lobby-console-screen:after{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 80%);z-index:-1}
.lobby-bg-letters{position:fixed;inset:0;pointer-events:none;overflow:hidden}.lobby-bg-letters i{position:absolute;width:76px;height:76px;border:1px solid #ffffff0d;border-radius:24px;display:grid;place-items:center;background:#765cef20;color:#b9aaff2e;font-size:36px;font-style:normal;font-weight:950}.lobby-bg-letters i:nth-child(1){left:4%;top:12%;transform:rotate(-18deg)}.lobby-bg-letters i:nth-child(2){right:5%;top:16%;transform:rotate(15deg)}.lobby-bg-letters i:nth-child(3){left:7%;bottom:9%;transform:rotate(11deg)}.lobby-bg-letters i:nth-child(4){right:8%;bottom:8%;transform:rotate(-12deg)}
.lobby-control-shell{width:min(1060px,100%);min-height:650px;border-radius:34px}
.control-header{height:112px;display:grid;grid-template-columns:1fr 1.15fr 86px 150px 90px;align-items:center;gap:12px;padding:12px 22px;background:linear-gradient(#7166f2,#5d52df);border-bottom:2px solid #8f83ff;color:#fff}.control-logo{font-size:22px;font-weight:950}.control-logo>span{display:block;font-size:17px;line-height:.7}.control-logo b{font-size:24px}.control-logo em{color:#ffd158;font-style:normal}.control-room{padding:10px 16px;border:2px solid #3d32aa;border-radius:15px;background:#4438bd;text-align:center}.control-room small{display:block;color:#55e2c0;font-size:7px;font-weight:950;letter-spacing:.13em}.control-room h2{max-width:210px;margin:2px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-transform:uppercase}.control-gear{width:82px;height:82px;display:grid;place-items:center;border:7px solid #a9a2ff;border-radius:25px;background:#292183;box-shadow:0 6px #312691;color:#55e2c0;font-size:40px}.control-code{height:52px;border:2px solid #4437b4;border-radius:14px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:6px 10px;background:#9488fa;color:#312785;text-align:left;cursor:pointer}.control-code small{grid-column:1/3;font-size:7px;letter-spacing:.12em}.control-code strong{font-size:15px;letter-spacing:.13em}.control-leave{height:43px;border:2px solid #4337ae;border-radius:13px;background:#9a90f8;color:#332a88;font-size:10px;font-weight:950;cursor:pointer}.control-leave b{font-size:17px;margin-left:5px}
.lobby-control-shell .lobby-state-strip{min-height:70px;margin:0;padding:10px 20px;border-radius:0;display:flex;justify-content:space-between;align-items:center;background:#332a9d;box-shadow:none}.lobby-control-shell .lobby-state-strip:before{display:none}.lobby-state-strip>div:first-child{position:relative;z-index:1}.lobby-state-strip p{margin:4px 0 0;color:#aaa4e5;font-size:9px}.lobby-state-strip .arena-status{position:relative;z-index:1;margin:0}.lobby-state-strip .arena-status>span{padding:7px 9px;min-width:82px}.lobby-state-strip .arena-status i{font-size:14px}.lobby-state-strip .arena-status b{font-size:12px}
.lobby-console{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(420px,1.35fr) minmax(220px,.7fr);gap:12px;padding:13px 15px;background:#5145d4}.console-panel{min-height:395px;border:2px solid #33299d;border-radius:17px;background:linear-gradient(145deg,#4136b8,#3930a4);box-shadow:inset 0 1px #776cf0;padding:13px;color:#fff}.console-heading{min-height:42px;display:flex;align-items:center;gap:8px;margin-bottom:11px;border-bottom:1px solid #766be1;padding-bottom:10px}.console-heading>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#28d8af;color:#252072;font-size:13px}.console-heading small{display:block;color:#aaa4e2;font-size:6px;letter-spacing:.12em}.console-heading h3{margin:1px 0 0;font-size:13px}.console-heading h3 b{color:#55e1bf}.console-heading .online-label{margin-left:auto;color:#54dfbd;font-size:7px}.players-console .player-slots{display:grid;grid-template-columns:1fr;gap:7px;max-height:302px;overflow:auto}.players-console .player-slot{min-height:58px;grid-template-columns:45px 1fr;padding:7px;border:2px solid #786de0;border-radius:12px;background:#dcd8ff;color:#2d2670}.players-console .player-slot.ready{border-color:#54dfbd;background:#d8fff4}.players-console .player-slot.admin{border-color:#ffd158;background:#fff0be}.players-console .player-avatar{width:43px;height:43px;border-radius:11px;background:#5649ca;box-shadow:none}.players-console .player-name{font-size:11px}.players-console .player-role,.players-console .player-state{font-size:7px}.players-console .presence-dot{width:7px;height:7px}.invite-hint{margin-top:10px;padding:9px;border-radius:9px;background:#2e278a;color:#aaa4df;font-size:7px;text-align:center}
.settings-console{position:relative}.settings-console .configure-button{margin-left:auto;padding:8px 11px;border:2px solid #f4a72c;background:linear-gradient(#ffdd63,#ffb83b);box-shadow:0 3px #d67526;color:#35236d}.settings-locked{margin-left:auto;color:#aaa4df;font-size:7px;font-weight:950}.control-rules{grid-template-columns:repeat(3,1fr);gap:7px}.control-rules .rules-line{padding:9px;border:1px solid #7165d8;border-radius:10px;background:#30288d;color:#fff}.control-rules .rules-line span{color:#9e97da;font-size:6px}.control-rules .rules-line b{font-size:10px}.categories-heading,.letters-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 7px;color:#55e0bd;font-size:8px}.categories-heading>div,.letters-heading{gap:6px}.categories-heading small{color:#9e98dc;font-size:7px}.lobby-category-list{min-height:90px;max-height:106px;overflow:auto;padding:8px;border:2px solid #29217e;border-radius:11px;background:#30288e;display:flex;align-content:flex-start;flex-wrap:wrap;gap:5px}.lobby-category-list span{padding:5px 8px;border-radius:12px;background:#e4e0ff;color:#3a3186;font-size:7px;font-weight:800}.letters-heading{justify-content:center;margin-top:12px}.letters-heading span{font-size:13px}.lobby-letters{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.lobby-letters span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e7e4ff;color:#40368e;font-size:8px;font-weight:950}.role-console{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.role-icon{width:75px;height:75px;border:5px solid #7569df;border-radius:50%;display:grid;place-items:center;color:#897ff0;font-size:29px}.role-console>span{margin-top:15px;color:#55e1bf;font-size:7px;font-weight:950;letter-spacing:.13em}.role-console h3{margin:5px 0 8px;text-transform:uppercase;font-size:15px}.role-console p{margin:0;color:#aaa4e0;font-size:8px;line-height:1.45}.role-guide{width:100%;display:grid;gap:6px;margin-top:19px;text-align:left}.role-guide span{padding:7px;border-radius:9px;background:#30288e;color:#b7b1ea;font-size:7px}.role-guide i{width:18px;height:18px;margin-right:5px;border-radius:6px;display:inline-grid;place-items:center;background:#6559d4;color:#fff;font-style:normal}.lobby-console-screen.is-admin .role-console{background:linear-gradient(145deg,#3b35a5,#276e75)}.lobby-console-screen.is-admin .role-icon{border-color:#55e1bf;color:#55e1bf}.lobby-console-screen.is-admin .role-guide i{background:#25b98f}
.lobby-control-shell .control-actions{min-height:76px;margin:0;padding:10px 15px 13px;border:0;background:#2f2699;display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-actions .btn{min-height:50px;margin:0;border-radius:14px}.control-actions .ready-button{background:#4b40bc;color:#d1cdfa;border:2px solid #776ae0;box-shadow:0 4px #251d78}.control-actions .ready-button.is-ready{background:#dff9ee;color:#157450;border-color:#54d9af}.control-actions .start{background:linear-gradient(#ffdd63,#ffb83b);color:#38246d;border:2px solid #f4a72c;box-shadow:0 5px #dc6f27}.control-actions .start-hint{grid-column:1/3;text-align:center;color:#aaa4df;font-size:7px}.lobby-console-screen:not(.is-admin) .control-actions{grid-template-columns:1fr}.lobby-console-screen:not(.is-admin) .ready-button{max-width:420px;justify-self:center}
@media(max-width:900px){body:has(#lobby:not(.hidden)) .shell{width:100%;padding:0}.lobby-bg-letters{display:none}.lobby-console-screen{min-height:100vh;place-items:start center}.lobby-control-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none}.control-header{grid-template-columns:1fr 1.2fr 62px 72px;height:92px;padding:9px 12px}.control-logo b{font-size:19px}.control-logo>span{font-size:12px}.control-gear{width:58px;height:58px;border-width:5px;border-radius:18px;font-size:26px}.control-code{height:46px}.control-code small{display:none}.control-code strong{font-size:10px}.control-leave{grid-column:4;grid-row:1;width:45px;justify-self:end;font-size:0}.control-leave b{font-size:20px;margin:0}.control-room h2{max-width:160px}.lobby-console{grid-template-columns:1fr 1.5fr}.role-console{grid-column:1/3;min-height:140px;display:grid;grid-template-columns:65px 1fr;column-gap:14px;text-align:left}.role-icon{grid-row:1/4;width:60px;height:60px}.role-console>span{margin:0}.role-console h3{margin:3px 0}.role-guide{grid-column:1/3;grid-template-columns:repeat(3,1fr);margin-top:10px}}
@media(max-width:620px){body:has(#lobby:not(.hidden)) .shell{padding-bottom:78px}.control-header{grid-template-columns:48px 1fr 64px 44px}.control-logo b{display:none}.control-logo>span{font-size:22px}.control-room{padding:7px}.control-room small{font-size:6px}.control-room h2{font-size:10px}.control-gear{width:50px;height:50px;font-size:23px}.control-code{position:absolute;top:98px;right:11px;width:92px;z-index:2}.lobby-control-shell .lobby-state-strip{min-height:104px;padding:10px 108px 10px 12px;align-items:flex-start}.lobby-state-strip p{font-size:8px}.lobby-state-strip .arena-status{position:absolute;left:10px;right:10px;bottom:7px}.lobby-state-strip .arena-status>span{flex:1;min-width:0}.mobile-section-label{display:flex;background:#5145d4;color:#b9b3ed;padding:8px 13px}.lobby-console{grid-template-columns:1fr;padding:0 9px 9px}.console-panel{min-height:auto}.players-console .player-slots{max-height:230px}.settings-console,.role-console{grid-column:1}.control-rules{grid-template-columns:repeat(2,1fr)}.role-console{display:none}.lobby-control-shell .control-actions{position:fixed;left:0;right:0;bottom:0;z-index:4;grid-template-columns:1fr 1fr;box-shadow:0 -12px 30px #17105b77}.lobby-console-screen:not(.is-admin) .control-actions{grid-template-columns:1fr}.control-actions .btn{font-size:10px}.control-actions .start-hint{display:none}.lobby-category-list{max-height:92px}.lobby-letters span{width:20px;height:20px}}
@media(max-width:370px){.control-header{grid-template-columns:38px 1fr 52px 38px}.control-gear{width:45px;height:45px}.control-rules{grid-template-columns:1fr 1fr}.settings-locked{font-size:6px}.lobby-control-shell .control-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}