.lobby{margin:auto}.briefing{position:sticky;top:0;align-self:start}.setup-section{border:1px solid #85724866;background:#101d23;margin:12px 0}.setup-section summary{cursor:pointer;padding:13px;font-size:10px;letter-spacing:1px;font-weight:700;color:#ead29c}.setup-section summary span{float:right;color:#93b5a6;font-size:9px}.setup-note{font-size:10px;color:#aebdb4;line-height:1.6;margin:10px 12px}.ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px}.ability-option{display:flex;align-items:start;gap:8px;padding:12px 9px;background:#203034;border:1px solid #65716966;cursor:pointer}.ability-option:has(input:checked){border-color:#c3a767;background:#344035}.ability-option input{accent-color:#cfb575;margin:2px 0}.ability-option b{display:block;color:#ecd7a7;font-size:11px}.ability-option small{display:block;color:#adbbb6;font-size:10px;line-height:1.5;margin:5px 0}.ability-option em{font-style:normal;font-size:8px;color:#a7c8b8}.party-list{padding:0 12px}.party-row{display:grid;grid-template-columns:20px 1fr 1fr;gap:10px;align-items:center;margin:8px 0}.party-row>span{color:var(--gold);font:18px Cinzel}.party-row label small{display:block;font-size:8px;letter-spacing:1px;color:#9eafaa;margin-bottom:4px}.party-row select{width:100%;background:#23353a;color:#f0e3c4;border:1px solid #687865;padding:9px;font:11px Inter,system-ui;text-transform:capitalize}#difficulty-picker{margin:20px 0}.difficulty-options{display:flex;gap:8px;margin-top:10px}.difficulty-options button{flex:1;background:#192c32;border:1px solid #647162;padding:10px;font:600 12px Cinzel}.difficulty-options button[aria-pressed=true]{border-color:var(--gold);color:#f7dc9e;background:#3c3b2a}.difficulty-options button[data-difficulty=hard][aria-pressed=true]{background:#4b2928;border-color:#e99979}#difficulty-picker .setup-note{margin:9px 0}.modal-content{width:min(900px,100%);margin:auto}.kit-details{border:1px solid #65776b55;padding:10px;margin:10px 0 18px;text-align:left}.kit-details summary{cursor:pointer;font-size:11px;color:#dccba5}.roster-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.roster-columns b{color:#e2cb95}.roster-columns p{font-size:10px}.setup-section[open] summary{border-bottom:1px solid #69796544}#pressure{display:none;position:fixed;bottom:6px;left:50%;transform:translateX(-50%);background:#102026e0;border:1px solid #c1a56b44;color:#e1bc91;padding:6px 10px;font-size:9px;white-space:nowrap;pointer-events:none}body:has(#hud:not([hidden])) #pressure{display:block}.player-hud>small{line-height:1.4;min-height:12px}.masthead h1{letter-spacing:5px}.masthead h1 span{letter-spacing:6px}
@media(max-width:700px){.lobby{margin:0 auto}.briefing{display:none}.ability-grid{grid-template-columns:1fr}.setup-section summary{font-size:9px;padding:12px 9px}.setup-section summary span{font-size:8px}.modal-content{padding:20px 12px}.kit-details .build-list{grid-template-columns:1fr}.party-row{gap:7px}#pressure{bottom:2px;font-size:7px;padding:3px 6px}.masthead h1{font-size:34px}.masthead h1 span{font-size:11px;letter-spacing:5px}.class-detail{min-height:60px}}

.upgrade-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 16px}.upgrade-card{display:flex;flex-direction:column;gap:15px;text-align:left;padding:22px 18px;min-height:225px;border:1px solid #c3a16c;background:linear-gradient(145deg,#334c42,#14252d);color:#d6e1d9;cursor:pointer}.upgrade-card:hover,.upgrade-card:focus-visible{outline:2px solid #ffe19e;background:linear-gradient(145deg,#536448,#20363b)}.upgrade-card strong{font:600 21px Cinzel,serif;color:#ffdf9f}.upgrade-card>span:not(.eyebrow){font-size:13px;line-height:1.5}.upgrade-card small{margin-top:auto;color:#aacebb;font-size:11px}.upgrade-note{font-size:11px!important}.empty-power{opacity:.45}#xp-label{display:block;color:#b9d29f;font-size:9px;margin:5px 0}.ability-option{cursor:default}
@media(max-width:700px){.upgrade-choices{grid-template-columns:1fr;gap:8px;margin:16px 0 10px}.upgrade-card{min-height:0;padding:13px 15px;gap:7px}.upgrade-card strong{font-size:18px}.upgrade-card>span:not(.eyebrow){font-size:11px}.upgrade-card small{font-size:10px}.upgrade-card .eyebrow{font-size:8px}.modal-content:has(.upgrade-choices) h2{font-size:26px}.modal-content:has(.upgrade-choices)>p{font-size:11px;line-height:1.5}}

.spell-icon{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 0 5px currentColor)}.upgrade-card .spell-icon{width:44px;height:44px}.powers .spell-icon{display:block;width:22px;height:22px;margin:0 auto 5px}.upgrade-card{position:relative}.upgrade-card .spell-icon{position:absolute;right:15px;top:14px}.upgrade-card>.eyebrow{padding-right:44px}.strategy-help{font-size:11px!important;line-height:1.6}#outpost-status{position:fixed;right:12px;top:305px;width:146px;display:grid;gap:7px;background:#122126e8;border:1px solid #c0a67555;padding:9px;font-size:8px;pointer-events:none}#outpost-status span{display:block}#outpost-status b{display:block;margin-top:3px;font-size:9px}.ability-option .spell-icon{width:27px;height:27px}.upgrade-card small{line-height:1.6}
@media(max-width:700px){#outpost-status{top:258px;width:99px;font-size:7px;padding:6px;gap:5px}#outpost-status b{font-size:7px}.upgrade-card .spell-icon{width:32px;height:32px}.powers .spell-icon{width:18px;height:18px;margin-bottom:3px}.upgrade-card>.eyebrow{padding-right:32px}.upgrade-card{padding-right:14px}}

.passive-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left;margin:16px 0}.passive-summary h3{grid-column:1/-1;color:#f2d49a;font:18px Georgia}.passive-summary>div{padding:12px;border:1px solid #698272;background:#1a3035}.passive-summary b{display:block;color:#f1dca8;font-size:12px}.passive-summary small{display:block;font-size:11px;color:#bfd4c9;line-height:1.5;margin-top:6px}.passive-symbol{position:absolute;right:18px;top:14px;font-size:30px;color:#b6f1bc;text-shadow:0 0 15px #91d9ad}.trinket{position:fixed;left:24px;bottom:236px;z-index:5;width:154px;padding:10px;background:linear-gradient(135deg,#4d4021,#192d35);border:1px solid #e5cd8b;color:#fff0b7;cursor:pointer;touch-action:manipulation}.trinket span,.trinket b{display:block}.trinket span{font-size:9px;letter-spacing:1px}.trinket b{font-size:12px;margin-top:5px}.trinket:disabled{opacity:.65;cursor:default}.trinket.active{opacity:1;border-color:#fff3b2;box-shadow:0 0 15px #ffcc6266}.trinket:focus-visible{outline:2px solid #fff}.upgrade-card>.eyebrow{font-size:8px}.passive-summary>p{grid-column:1/-1}
@media(max-width:700px){.trinket{left:18px;bottom:144px;width:100px;padding:10px 5px}.trinket span{font-size:8px}.trinket b{font-size:10px}.passive-summary{grid-template-columns:1fr}.passive-symbol{font-size:24px}.upgrade-card>.eyebrow{font-size:7px}}

@media(min-width:1000px){.modal-content:has(.upgrade-choices){width:min(1140px,100%)}.upgrade-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
#modal{z-index:6}

.player-hud{width:400px}.powers>div{pointer-events:auto;min-width:0}.powers small{display:block;line-height:1.5;font-size:9px}.power-output{color:#d7edc6;margin-top:5px}.power-chances{color:#b4d3ea}.trinket{bottom:280px}.build-list .power-chances{margin-bottom:7px}
@media(max-width:700px){.player-hud{width:calc(100% - 28px);left:14px;right:auto;bottom:20px}.powers small{font-size:8px}.powers>div{font-size:8px}.powers .spell-icon{width:19px;height:19px}#joystick{bottom:245px}.trinket{left:auto;right:14px;bottom:255px;width:110px}#pressure{max-width:98%;overflow:hidden;text-overflow:ellipsis}}
@media(max-height:550px) and (orientation:landscape){.player-hud{width:360px;left:auto;right:14px;bottom:20px}#joystick{bottom:25px}.trinket{left:14px;right:auto;bottom:140px}.powers .spell-icon{display:none}}

.multiplayer-box{margin:20px 0;padding:16px;border:1px solid #c8ad75;background:#1b3439}.multiplayer-box label{display:block;font-size:11px;margin-top:12px}.multiplayer-box input,#room-link{display:block;width:100%;padding:12px;border:1px solid #7a907c;background:#12242b;color:#f7e4bc;margin:8px 0}.multiplayer-box p{font-size:11px;line-height:1.5;color:#bbd5c5}.multiplayer-box button{margin-right:6px}.room-roster{margin:15px 0}#online-status{position:fixed;top:16px;left:16px;z-index:7;padding:6px 10px;background:#132b32ed;color:#bde8c7;font-size:9px;max-width:90%;text-align:center}@media(max-width:700px){#online-status{top:auto;bottom:3px;left:50%;transform:translateX(-50%);max-width:98%;font-size:7px}body:has(#online-status:not([hidden])) #pressure{display:none}}

.power-legend{display:block;font-size:9px;color:#b7c7c4;margin-top:4px}

.ultimate{position:fixed;left:190px;bottom:280px;width:225px;min-height:54px;padding:10px;border:1px solid #bbaaeb;background:#22273fee;color:#e5dbff;text-align:center;touch-action:manipulation}.ultimate span{display:block;font-size:9px;letter-spacing:.6px}.ultimate b{display:block;font-size:11px;margin-top:7px}.ultimate.active{border-color:#fff1ad;background:#53452eea;color:#fff0b0}.ultimate:disabled{cursor:default}.ultimate-preview{border-top:1px solid #94817055;padding-top:9px}#map-legend{position:fixed;top:68px;left:50%;transform:translateX(-50%);background:#102027ee;color:#ecdcb0;border:1px solid #a89264;padding:9px 12px;font-size:10px;text-align:center;width:max-content;max-width:92%}
@media(max-width:700px){.ultimate{left:auto;right:14px;bottom:315px;width:130px;min-height:54px;padding:9px 5px}.ultimate span{font-size:8px}.ultimate b{font-size:10px}#map-legend{font-size:9px;top:65px}}
@media(max-height:550px) and (orientation:landscape){.ultimate{left:140px;right:auto;bottom:140px;width:150px}.ultimate span{font-size:8px}}

.ultimate.active:disabled{opacity:1}

#bully-streak{color:#b9b5a8;border-top:1px solid #b79b5b44;padding-top:6px;font-size:9px}#bully-streak.active{color:#ffbd87;font-weight:700}.trinket,.ultimate{bottom:310px}
@media(max-width:700px){#bully-streak{font-size:8px}#joystick{bottom:275px}.trinket{bottom:285px}.ultimate{bottom:345px}}
@media(max-height:550px) and (orientation:landscape){.trinket,.ultimate{bottom:140px}#joystick{bottom:25px}}

.sound-settings{margin:16px 0;padding:14px;border:1px solid #6e6348;border-radius:8px;background:#101c22;color:#e4d8bb;text-align:left}.sound-settings summary{cursor:pointer;font-weight:700}.sound-sliders{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 0}.sound-sliders label{display:grid;gap:6px;flex:1;min-width:110px}.sound-sliders input{width:100%;accent-color:#d4b778}.sound-sliders .secondary{margin:0;padding:10px}.sound-settings small{display:block;color:#b3b8b3;font-size:11px;line-height:1.5}

.class-card canvas{width:90px;height:auto;max-width:100%;aspect-ratio:3/4}
.map-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.map-options button{padding:0;background:#15242a;border:1px solid #64706c;overflow:hidden}.map-options img{width:100%;height:95px;object-fit:cover;object-position:50% 45%;display:block}.map-options b{display:block;padding:9px;color:#e9d3a3;font-size:12px}.map-options [aria-pressed=true]{border-color:#efd398;box-shadow:0 0 0 1px #efd398}#map-picker{margin:18px 0}#map-loading{position:fixed;z-index:20;top:40%;left:50%;transform:translateX(-50%);padding:20px;background:#13252cee;border:1px solid #d7bd88;color:#f5e3be;text-align:center}
@media(max-width:700px){.class-card canvas{width:60px;height:auto}.map-options img{height:75px}.map-options b{font-size:10px}}

#focus-picker{margin:20px 0}#focus-picker .setup-note{margin:9px 0}

.class-passive{border-left:2px solid #c5a96b;padding:8px 12px;margin:10px 0;background:#253637}.class-passive b{display:block;color:#eed79d;font-size:11px}.class-passive small{display:block;font-size:10px;line-height:1.5;color:#c7d5ca;margin-top:4px}#stats-content .class-passive{padding:5px 7px;margin:0 0 7px}#stats-content .class-passive b{font-size:10px}#stats-content .class-passive small{font-size:9px;color:#c7d5ca}

.loadout-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.loadout-slots button{padding:10px 5px;font-size:10px;min-width:0}.loadout-slots .spell-icon{display:block;width:32px;height:32px;margin:0 auto 6px}.loadout-slots small{display:block;font-size:8px;margin-top:5px}.loadout-slots [aria-pressed=true]{border-color:#f2d495;background:#394535}@media(max-width:480px){.loadout-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Starting output and readable tradeoffs in the character creator. */
#ability-picker .ability-option>span{min-width:0;width:100%}
#ability-picker .ability-starting{display:block;font:700 15px Georgia,serif;color:#ffdf9f;margin-top:10px;line-height:1.4}
#ability-picker .ability-metrics{display:block;font-size:10px;line-height:1.6;color:#c9d9d4;margin:3px 0 7px;font-style:normal}
#ability-picker .ability-role{color:#d5c4fa;text-transform:uppercase;letter-spacing:.7px;font-size:9px;margin:8px 0 5px}
#ability-picker .ability-tradeoff{font-size:11px;line-height:1.55;margin-top:5px}
#ability-picker .ability-tradeoff b{display:inline;font:700 9px sans-serif;letter-spacing:.5px}
#ability-picker .ability-pro{color:#b8dfb5}#ability-picker .ability-con{color:#efbaa4}