@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:block;src:url(/fonts/cinzel-latin-wght-5.3.0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ui-scale:1;font-size:calc(100% * var(--ui-scale));--panel-bg:#140a06d9;--frame:#5a3420;--ember:#ff8a3d;--teal:#3fc1b0;--violet:#a77bff;--danger:#ff4a36;--amber:#ffb03a;--gold:#fc5;--ready:#8fe388;--on-ember:#120806;--frame-top:#24120aeb;--frame-bottom:#160a06eb;--frame-highlight:#ffc89614;--font-display:Cinzel, Georgia, "Times New Roman", serif;--text-label:.75rem;--text-body:.875rem;--text-card:1rem;--text-title:1.375rem;--hit:max(40px, 2.5rem);--hit-icon:max(32px, 2rem);--motion:.12s ease-out;--cursor-default:url(/cursors/default.png) 2 1, default;--cursor-pointer:url(/cursors/pointer.png) 5 2, pointer;--cursor-target:url(/cursors/targeting.png) 16 16, crosshair;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3e9e2;background:#120806;font-family:system-ui,sans-serif}html,body,#root{height:100%;margin:0}html{cursor:var(--cursor-default)}input:not([type]),input[type=text],input[type=search],textarea{cursor:text}canvas[data-cursor=target]{cursor:var(--cursor-target)}button,input,select{font:inherit}button{cursor:var(--cursor-pointer);color:inherit;transition:background-color var(--motion), border-color var(--motion), color var(--motion), box-shadow var(--motion), transform var(--motion);background:#3a1f12;border:1px solid #7a4a2a;border-radius:4px;padding:.35rem .8rem}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:var(--cursor-default)}button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.frame{border:1px solid var(--frame);background:linear-gradient(var(--frame-top), var(--frame-bottom));box-shadow:inset 0 1px 0 var(--frame-highlight);border-radius:6px;position:relative}.frame-lg>header,.frame-lg>.frame-header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--ember), transparent) 1;margin-bottom:.75rem;padding-bottom:.5rem}.frame-lg:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 13V5l4-4h8' fill='none' stroke='%23ff8a3d' stroke-width='1.5'/%3E%3Ccircle cx='5' cy='5' r='1.3' fill='%23ffcc55'/%3E%3C/svg%3E") 0 0/.875rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13 13V5L9 1H1' fill='none' stroke='%23ff8a3d' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='5' r='1.3' fill='%23ffcc55'/%3E%3C/svg%3E") 100% 0/.875rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v8l4 4h8' fill='none' stroke='%23ff8a3d' stroke-width='1.5'/%3E%3Ccircle cx='5' cy='9' r='1.3' fill='%23ffcc55'/%3E%3C/svg%3E") 0 100%/.875rem no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13 1v8l-4 4H1' fill='none' stroke='%23ff8a3d' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='1.3' fill='%23ffcc55'/%3E%3C/svg%3E") 100% 100%/.875rem no-repeat;position:absolute;inset:-1px}.frame-title{font-family:var(--font-display);font-size:var(--text-title);letter-spacing:.04em;margin:0;font-weight:700}.text-label{font-size:var(--text-label)}.text-body{font-size:var(--text-body)}.text-card{font-size:var(--text-card);font-weight:600}.num{font-variant-numeric:tabular-nums}.text-gold{color:var(--gold)}.text-danger{color:var(--danger)}.text-ready{color:var(--ready)}.btn-primary,.btn-secondary,.btn-danger{min-height:var(--hit);font-size:var(--text-body);letter-spacing:.02em;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.4em;padding:0 1rem;font-weight:700;line-height:1.1;display:inline-flex}.btn-icon{min-width:var(--hit-icon);min-height:var(--hit-icon);padding:0 .4rem}.btn-primary,button.primary{border-color:var(--ember);background:var(--ember);color:var(--on-ember);font-weight:700}.btn-primary:hover:enabled,button.primary:hover:enabled{background:#ffa868;border-color:#ffa868}.btn-secondary{border-color:var(--ember);color:#ffc58a;background:0 0}.btn-secondary:hover:enabled{background:#ff8a3d24}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover:enabled{background:#ff4a361a;border-color:#ff4a3673}.btn-primary:active:enabled,.btn-secondary:active:enabled,.btn-danger:active:enabled,button.primary:active:enabled{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){button{transition:none}.btn-primary:active:enabled,.btn-secondary:active:enabled,.btn-danger:active:enabled,button.primary:active:enabled{transform:none}}.muted{color:#a9978c}.error{color:#ff7a6a}.row{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.swatch{vertical-align:middle;border-radius:50%;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.char-icon{color:#f0d9b5;vertical-align:middle;object-fit:cover;background:#3a2418;border-radius:3px;flex:none;place-items:center;width:1.2rem;height:1.2rem;margin-right:.3rem;font-size:.7rem;font-weight:700;display:inline-grid}.char-icon-lg{border-radius:6px;width:3.5rem;height:3.5rem;margin:0;font-size:1.6rem}.char-icon-md{border-radius:4px;width:2.25rem;height:2.25rem;margin:0;font-size:1rem}.character-preview{width:100%;height:100%;display:block}.character-picker{border:none;min-width:0;margin:0;padding:0}.character-cards{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.character-picker legend{margin-bottom:.35rem;padding:0}.character-card{border:2px solid #5a3420;border-radius:6px;justify-items:center;gap:.25rem;padding:.4rem;display:grid}.character-card.selected{border-color:#fc5;box-shadow:0 0 6px #fc5}.character-card:disabled{opacity:.6;cursor:not-allowed}.character-card .racial-name{color:var(--amber);font-size:.75em}.character-card .card-racial{align-items:center;gap:.3em;display:flex}.character-card .card-racial .icon{--group:var(--amber);border-radius:3px;width:1.1rem;height:1.1rem;font-size:.5rem}.character-card .racial-pill{font-size:.55em}.character-picker .racial-blurb{flex-basis:100%;margin:.3em 0 0;font-size:.85em}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home{min-height:100%;position:relative}.home-loading{padding:2rem}.home-backdrop{z-index:0;background:#120806;position:fixed;inset:0;overflow:hidden}.home-poster,.home-backdrop:before{position:absolute;inset:0}.home-poster{background:url(/backgrounds/lobby.webp) 50% 60%/cover no-repeat}.home-backdrop:before{content:"";z-index:1;background:linear-gradient(90deg,#120806bf,#1208064d 35% 65%,#120806bf),linear-gradient(#120806a6,#12080633 40%,#1208064d 80%,#12080699)}@media (prefers-reduced-motion:no-preference){.home-poster{animation:60s ease-in-out infinite alternate lobby-drift}}.home-layout{z-index:1;box-sizing:border-box;grid-template-columns:minmax(20rem,25rem) minmax(0,1fr) minmax(20rem,26rem);grid-template-areas:"play.matches";align-content:start;align-items:start;gap:1rem;min-height:100vh;padding:1.5rem;display:grid;position:relative}.home-panel{background:var(--panel-bg);border-color:var(--frame);box-sizing:border-box;max-height:calc(100vh - 3rem);overflow-y:auto}.panel-title{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 .6rem;font-size:1.15rem;font-weight:700}.play-panel{grid-area:play;gap:.6rem;display:grid}.play-panel .row{margin:0}.wordmark{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#f7e3c8;text-shadow:0 0 12px #ff8a3d73;margin:0 0 .4rem;font-size:1.75rem;line-height:1.1}.field-label{justify-content:space-between;display:flex}.home input:not([type]),.home input[type=text]{color:inherit;background:#00000059;border:1px solid #7a4a2a;border-radius:4px;padding:.4rem .5rem}.home input:focus-visible{outline-offset:1px;outline:2px solid #fc5}.quick-play{letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1rem;font-size:1.15rem}.grow{flex:1}.disclosure{text-align:left}.disclosure:after{content:" ▸"}.disclosure[aria-expanded=true]:after{content:" ▾"}.code-row input{flex:1;min-width:0}.code-row.invite{border:1px solid var(--ember);border-radius:6px;padding:.35rem;box-shadow:0 0 8px #ff8a3d59}.home-status p{margin:0}.field{gap:.25rem;display:grid}.bots-panel{border:1px solid #7a4a2a;border-radius:4px;padding:.75rem}.bots-panel button[aria-checked=true]{background:#6a3418;border-color:#ff9a4a}.bots-hint{margin:0}.browser{grid-area:matches}.browser ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.browser li{border-left:3px solid var(--teal);background:#ffffff08;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name action""meta action";align-items:center;column-gap:.75rem;padding:.35rem .5rem;display:grid}.browser li.closed{border-left-color:var(--frame);opacity:.6}.match-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.match-meta{color:#a9978c;flex-wrap:wrap;grid-area:meta;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.browser li>:last-child{grid-area:action}.mode-chip{border:1px solid var(--frame);text-transform:uppercase;border-radius:3px;padding:0 .35rem;font-size:.75rem}.match-seats{align-items:center;gap:.35rem;display:inline-flex}.seat-bar{gap:1px;display:inline-flex}.seat-bar>span{background:#ffffff1f;width:4px;height:8px}.seat-bar>span.taken{background:var(--teal)}.browser-empty{justify-items:start;gap:.5rem;display:grid}.browser-empty p{margin:0}.home-footer{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;font-size:.8rem;display:flex;position:fixed;bottom:1rem;right:1.5rem}.footer-setting{border:1px solid var(--frame);background:var(--panel-bg);border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .4rem;display:flex}@media (width<1100px){.home-layout{grid-template-columns:minmax(20rem,28rem);grid-template-areas:"play""matches"}.home-panel{max-height:none}.home-backdrop:after{content:"";background:#0006;position:absolute;inset:0}}@media (width<700px){.home-layout{grid-template-columns:minmax(0,1fr);padding:.75rem .75rem 3.5rem}.home-footer{left:.75rem;right:.75rem}}@media (prefers-reduced-motion:no-preference){.home-panel{animation:.24s ease-out home-panel-in}}@keyframes home-panel-in{0%{opacity:0;transform:translateY(6px)}}.match{height:100%;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0}.overhead-labels{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.ohl{--ohl-gap:calc(10px * var(--ui-scale));--ohl-bar-w:calc(56px * var(--ui-scale));--ohl-bar-h:calc(7px * var(--ui-scale));--ohl-frame:#000000b3;--ohl-bg:#1a1a1acc;--ohl-hurt:#ffb300;--ohl-critical:#ff3d00;--ohl-critical-bg:#460800d9;--ohl-lava:#ff7a1a;--ohl-shield:#4de8ff;--ohl-pulse:calc(1s / 1.2);--ohl-flicker:calc(1s / 2.5);translate:-50% calc(-100% - var(--ohl-gap));will-change:transform, opacity;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.ohl--self{--ohl-bar-w:calc(64px * var(--ui-scale));--ohl-bar-h:calc(8px * var(--ui-scale))}.ohl-name{max-width:calc(150px * var(--ui-scale));font-size:var(--text-label);color:#fff;white-space:nowrap;text-shadow:0 0 2px #000,0 1px 1px #000;align-items:center;gap:3px;font-weight:600;line-height:1.1;display:flex}.ohl-swatch{outline:1px solid #000000b3;flex:none;width:3px;height:3px}.ohl-text{max-width:calc(110px * var(--ui-scale));text-overflow:ellipsis;overflow:hidden}.ohl-bot{font-size:calc(10px * var(--ui-scale));color:#a0a0a0;font-weight:500;display:none}.ohl-dc{font-size:calc(11px * var(--ui-scale));color:#ffd84a;display:none}.ohl--bot .ohl-bot,.ohl--dc .ohl-dc{display:inline}.ohl--dc .ohl-swatch,.ohl--dc .ohl-text,.ohl--dc .ohl-bot{opacity:.5}.ohl--no-name .ohl-name,.ohl--no-bar .ohl-bar{display:none}.ohl-bar{width:var(--ohl-bar-w);height:var(--ohl-bar-h);background:var(--ohl-bg);position:relative}.ohl-chip,.ohl-fill,.ohl-ticks{position:absolute;inset:0}.ohl-chip,.ohl-fill{transform-origin:0}.ohl-chip{background:#fff}.ohl-ticks{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#0000008c calc(100% - 1px));background-repeat:repeat-x}.ohl-bar:before{content:"";z-index:1;border:1px solid var(--ohl-frame);position:absolute;inset:-1px}.ohl-bar--hurt:before{border-color:var(--ohl-hurt)}.ohl-bar--critical{background:var(--ohl-critical-bg)}.ohl-bar--critical:before{border-color:var(--ohl-critical);animation:ohl-pulse var(--ohl-pulse) ease-in-out infinite alternate}.ohl-bar--lava:before{border-color:var(--ohl-lava);animation:ohl-flicker var(--ohl-flicker) steps(2, jump-none) infinite}.ohl-bar--shield{box-shadow:0 0 0 2px var(--ohl-shield)}@keyframes ohl-pulse{0%{opacity:.6}to{opacity:1}}@keyframes ohl-flicker{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.ohl-bar:before{animation:none!important}}.damage-numbers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.damage-number{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;will-change:transform, opacity;font-size:1.1rem;font-weight:800;position:absolute;top:0;left:0}.damage-number.dealt{color:#ffd84a}.damage-number.taken{color:#ff5a4a;font-size:1.3rem}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud .panel,.hud button{pointer-events:auto}.panel{background:#140a06d9;border:1px solid #5a3420;border-radius:6px;padding:.75rem 1rem}.lobby-backdrop{background:#120806;position:absolute;inset:0;overflow:hidden}.lobby-backdrop:before,.lobby-backdrop:after{content:"";position:absolute;inset:0}.lobby-backdrop:before{background:url(/backgrounds/lobby.webp) 50% 60%/cover no-repeat}.lobby-backdrop:after{background:radial-gradient(75% 65% at 50% 60%,#0000 40%,#12080699 100%),linear-gradient(#120806d9,#1208068c 30%,#12080673 60%,#1208068c)}@media (prefers-reduced-motion:no-preference){.lobby-backdrop:before{animation:60s ease-in-out infinite alternate lobby-drift}}@keyframes lobby-drift{to{transform:scale(1.06)translate(-1%,-1%)}}.lobby{pointer-events:none;position:absolute;inset:3.25rem 1rem 1rem;container:lobby/size}.lobby-grid{grid-template:"tabs""main"minmax(0,1fr)"actions"/minmax(0,1fr);gap:.75rem;height:100%;display:grid}.lobby-tabs,.lobby-col,.lobby-actions{pointer-events:auto}.lobby-tabs{grid-area:tabs;gap:.25rem;display:flex}.lobby-tabs button{min-height:var(--hit);background:var(--frame-bottom);font-family:var(--font-display);font-size:var(--text-body);flex:1;font-weight:700}.lobby-tabs button[aria-selected=true]{border-color:var(--ember);background:#7a3a18}.lobby-col{box-sizing:border-box;min-width:0;min-height:0;font-size:var(--text-body);flex-direction:column;grid-area:main;padding:.75rem 1rem;display:none}.lobby-grid[data-tab=players] .lobby-players,.lobby-grid[data-tab=character] .lobby-character,.lobby-grid[data-tab=settings] .lobby-settings{display:flex}.lobby-col>.frame-header{flex:none;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.lobby-scroll{overscroll-behavior:contain;flex:auto;min-height:0;margin-right:-.5rem;padding-right:.5rem;overflow-y:auto}.roster{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.player-card{min-height:var(--hit);border:1px solid var(--frame);border-left:4px solid var(--player);background:#00000040;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.35rem .6rem .35rem .5rem;display:grid}.player-card.self{border-color:#ff8a3d99;border-left-color:var(--player)}.player-main{gap:.15rem;min-width:0;display:grid}.player-line{font-size:var(--text-card);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;font-weight:600;display:flex;overflow:hidden}.host-star{color:var(--gold)}.player-sub{font-size:var(--text-label);flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.player-sub select{min-height:1.75rem;font-size:var(--text-label);padding:0 .2rem}.ready-state{white-space:nowrap;font-weight:700}.ready-state.ready{color:var(--ready)}.reconnecting{color:var(--amber);align-items:center;gap:.3em;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:.75em;height:.75em;animation:.8s linear infinite lobby-spin}@keyframes lobby-spin{to{transform:rotate(1turn)}}.open-seats{gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.open-seats li{color:#a9978c;min-height:2rem;font-size:var(--text-label);border:1px dashed #5a3420cc;border-radius:4px;align-items:center;padding:0 .75rem;display:flex}.lobby-players .bot-controls label{align-items:center;gap:.35rem;display:flex}.lobby select,.lobby input[type=number]{box-sizing:border-box;border:1px solid var(--frame);min-height:2rem;color:inherit;background:#1e0f09;border-radius:4px;padding:0 .4rem}.lobby input[type=checkbox]{accent-color:var(--ember)}.lobby-players .bot-controls{border-top:1px solid var(--frame);font-size:var(--text-label);flex:none;margin:.6rem 0 0;padding-top:.6rem}.character-select{flex-direction:column;flex:auto;gap:.5rem;min-height:0;display:flex}.character-stage{background:radial-gradient(50% 35% at 50% 78%,#ff6e2838,#0000 70%);border-radius:6px;flex:auto;min-height:8rem;position:relative}.character-stage .character-preview{position:absolute;inset:0}.lobby-character .character-picker{flex:none}.lobby-character .character-card{min-width:6.5rem}.lobby-settings .settings{gap:.5rem;display:grid}.settings-group{border:1px solid var(--frame);background:#0000002e;border-radius:4px}.settings-group>summary{min-height:var(--hit);cursor:var(--cursor-pointer);font-family:var(--font-display);font-size:var(--text-card);letter-spacing:.04em;align-items:center;padding:0 .75rem;font-weight:700;list-style:none;display:flex}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary:before{content:"▸";color:var(--ember);transition:transform var(--motion);margin-right:.5rem}.settings-group[open]>summary:before{transform:rotate(90deg)}.settings-body{grid-template-columns:1fr 1fr;gap:.6rem;padding:0 .75rem .75rem;display:grid}.settings-body label{font-size:var(--text-label);gap:.2rem;display:grid}.settings-body select,.settings-body input[type=number]{min-height:2rem;font-size:var(--text-body)}.settings-body .racial-toggle{font-size:var(--text-body);align-items:center;gap:.4rem;display:flex}.racial-setting,.group-note{grid-column:1/-1}.racial-setting p,.group-note{font-size:var(--text-label);margin:.2rem 0 0}.settings-summary{gap:.75rem;display:grid}.settings-headline{border:1px solid var(--frame);background:#ff8a3d14;border-radius:4px;margin:0;padding:.6rem .75rem;font-weight:600}.summary-title{color:#ffc58a;font-family:var(--font-display);font-size:var(--text-card);margin:0 0 .3rem}.summary-group dl{margin:0;display:grid}.summary-row{border-bottom:1px solid #5a342066;justify-content:space-between;gap:1rem;padding:.2rem 0;display:flex}.summary-row dt{color:#a9978c}.summary-row dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.flash{border-radius:3px;animation:1s ease-out setting-flash}@keyframes setting-flash{0%{color:#fff;background:#ffcc5573}to{background:0 0}}.lobby-actions{font-size:var(--text-body);flex-wrap:wrap;grid-area:actions;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:flex}.lobby-invite,.lobby-buttons{align-items:center;gap:.5rem;display:flex}.lobby-buttons{margin-left:auto}.room-code{color:var(--gold);font-size:var(--text-card);letter-spacing:.08em;font-weight:700}.lobby-status{text-align:center;flex:12rem;min-width:0;margin:0}.lobby-buttons .btn-primary,.lobby-buttons .ready-on{min-width:7rem;font-size:var(--text-card)}.ready-on{border-color:var(--ready);color:var(--ready)}.ready-on:hover:enabled{background:#8fe3881f}@container lobby (width>=58rem){.lobby-grid{grid-template:"players settings"minmax(16rem,1fr)"character settings"minmax(0,auto)"actions actions"/minmax(0,1fr) 22rem}.lobby-tabs{display:none}.lobby-grid[data-tab] .lobby-col{display:flex}.lobby-players{grid-area:players}.lobby-character{grid-area:character}.lobby-settings{grid-area:settings}.lobby-character{overflow:hidden}.lobby-character>.frame-header{display:none}.lobby-character .char-icon-lg{width:2.5rem;height:2.5rem}.lobby-character .character-select{flex-direction:row;align-items:center}.lobby-character .character-stage{flex:0 0 9rem;align-self:stretch;min-height:10rem}.lobby-character .character-picker{flex:auto}.lobby-character .character-cards{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem;overflow-x:auto}.lobby-character .character-card{flex:none}}@container lobby (width>=78rem){.lobby-grid{grid-template:"players character settings"minmax(0,1fr)"actions actions actions"/18rem minmax(0,1fr) 22rem}.lobby-character .character-select{flex-direction:column;align-items:stretch}.lobby-character{overflow:visible}.lobby-character>.frame-header{display:flex}.lobby-character .char-icon-lg{width:3.5rem;height:3.5rem}.lobby-character .character-stage{flex:auto;min-height:8rem}.lobby-character .character-picker{flex:none}.lobby-character .character-cards{flex-wrap:wrap;justify-content:center;overflow-x:visible}}@container lobby (height<43rem) and ((width<58rem) or (width>=78rem)){.lobby-character .character-stage{flex:0 40%;min-height:6rem}.lobby-character .character-cards{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.25rem;overflow-x:auto}.lobby-character .character-card{flex:none}}@media (prefers-reduced-motion:reduce){.spinner,.flash{animation:none}.flash{outline:1px solid var(--gold)}.settings-group>summary:before{transition:none}}.ready{color:#8fe388}.bot-badge{color:#cfe3ff;letter-spacing:.05em;vertical-align:middle;background:#3a4a5c;border-radius:3px;margin-left:.3em;padding:0 .3em;font-size:.7em;font-weight:700}.bot-controls{border:0;flex-wrap:wrap;margin:0 0 .5rem;padding:0}.bot-controls input{width:3.5rem}.remove-bot{padding:0 .4rem}.settings{border:0;min-width:0;margin:0;padding:0}.kill-feed{text-align:right;text-shadow:0 1px 2px #000;margin:0;padding:0;list-style:none;position:absolute;top:3rem;right:1rem}.pips{justify-content:center;gap:3px;display:flex}.pip{border:1px solid #b8743e;border-radius:50%;width:.5rem;height:.5rem}.pip.on{background:#fc5}.scoreboard{border-collapse:collapse;min-width:26rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard th,.scoreboard td{text-align:left;padding:.25rem .6rem}.toast{background:#7a1f12;border-radius:6px;padding:.5rem 1rem;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.leave{position:absolute;bottom:1rem;right:1rem}.map-summary{grid-column:1/-1;margin:0}.map-pool{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;display:flex}.map-pool label{align-items:center;gap:.25rem;display:flex}.round-strip .next-map{text-align:center;color:#ffc58a;flex-basis:100%;font-size:.85em}.friction,.map-props,.obstacle-density{grid-column:1/-1;gap:.2rem;display:grid}.friction p,.map-props p,.obstacle-density p{margin:0;font-size:.85em}.segmented{display:flex}.segmented button{border-radius:0;flex:1;padding:.2rem .3rem}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button[aria-pressed=true]{color:#fff;background:#7a3a18;border-color:#ffc58a}.round-strip .friction-tag{color:#8fd3ff;border:1px solid #8fd3ff;border-radius:4px;padding:0 .4rem}.round-strip{background:var(--panel-bg);border:1px solid var(--frame);white-space:nowrap;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2em 1em;max-width:max(26em,100% - 60rem);padding:.4em 1em;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 .6em #ff78281f}.round-strip .timer,.gold-chip,.self-vitals,.slot .cd{font-variant-numeric:tabular-nums}.round-strip .timer.big{font-size:1.5em;font-weight:800}.timer.urgent{color:var(--danger);animation:1s step-end infinite tick}@keyframes tick{50%{opacity:.55}}.round-strip .shrink .timer{color:var(--amber);font-weight:700}.player-pips{gap:.2em;display:inline-flex}.alive-teams{gap:.8em;display:inline-flex}.player-pip{border:2px solid;border-radius:50%;width:.6em;height:.6em}.player-pip.on{background:currentColor}.hud-bottom{flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hud-bottom-top{align-items:flex-end;gap:.6em;display:flex}.hud-bottom-row{align-items:flex-end;gap:1em;display:flex}.self-vitals{background:var(--panel-bg);border:1px solid var(--frame);border-radius:6px;align-items:center;gap:.6em;padding:.3em .6em;display:flex}.hp-bar{background:#1a0d07;border:1px solid #2a160c;border-radius:3px;width:16em;height:1.1em;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(#5fd35a,#2f9a2c);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.self-vitals[data-risk=hurt] .hp-fill{background:linear-gradient(#ffc14a,#d0861a)}.self-vitals[data-risk=critical] .hp-fill{background:linear-gradient(#ff5a44,#b0231a)}.hp-text{text-align:center;text-shadow:0 1px 2px #000;font-size:.75em;font-weight:700;line-height:1.45em;display:block;position:relative}.self-vitals .kb{min-width:6.5em;font-size:1.15em;font-weight:800}.self-vitals[data-risk=hurt] .kb{color:var(--amber)}.self-vitals[data-risk=critical] .kb{color:var(--danger);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.risk-mark{font-size:.7em}.sliding-tag{border:1px solid var(--teal);color:var(--teal);letter-spacing:.08em;border-radius:3px;padding:0 .4em;font-size:.7em;font-weight:800}.status-effects{gap:.3em;margin:0;padding:0;list-style:none;display:flex}.status{background:currentColor;border-radius:50%;place-items:center;width:2.2em;height:2.2em;display:grid;position:relative}.status:before{content:"";background:#1a0d07;border-radius:50%;position:absolute;inset:3px}.status>*{position:relative}.status-burning{color:var(--ember)}.status-stealthed{color:#b8c8e8}.status-kindled{color:#ffa030}.status-shielded{color:#7fd3ff}.status-warded{color:#ff7a30}.status-linked{color:var(--violet)}.status-glyph{font-size:1.05em;line-height:1}.status-detail{white-space:nowrap;text-shadow:0 1px 2px #000;font-size:.65em;position:absolute;top:100%}.spell-bar{background:var(--panel-bg);border:1px solid var(--frame);border-radius:8px;gap:.35em;padding:.35em;display:flex}.spell-bar .slot.group-start{margin-left:.6em}.spell-bar .racial-cell{flex-direction:column;align-items:center;gap:.2em;margin-right:.6em;display:flex}.spell-bar .racial-slot{--group:var(--amber)}.racial-pill{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:0 .45em;font-size:.6em;font-weight:800;line-height:1.5}.racial-pill.active{color:#1a0d07;background:var(--amber)}.racial-pill.passive{color:var(--amber);border:1px solid color-mix(in srgb, var(--amber) 60%, transparent)}.racial-slot.passive .icon{opacity:.6}.racial-slot.glow{border-color:color-mix(in srgb, var(--group) 85%, #fff);box-shadow:0 0 .7em .1em var(--group)}.racial-slot.glow .icon{opacity:1}.slot{--group:var(--ember);border:2px solid color-mix(in srgb, var(--group) 55%, #2a160c);background:radial-gradient(circle at 50% 35%,#3a2014,#1a0d07);border-radius:6px;place-items:center;width:4em;height:4em;transition:transform 80ms ease-out,filter 80ms;display:grid;position:relative;overflow:hidden}.group-mobility{--group:var(--teal)}.group-control{--group:var(--violet)}.slot.empty .slot-glyph{opacity:.3;color:var(--group);font-size:1.6em}.slot.armed{box-shadow:0 0 .6em var(--group);border-color:#fff3c4;transform:translateY(-4px)}.slot.dimmed{filter:saturate(.2)brightness(.6)}.slot.ready-flash{animation:.15s ease-out ready-flash}@keyframes ready-flash{0%{box-shadow:0 0 1em .2em var(--group);border-color:#fff}}.slot.not-ready{animation:.25s ease-out not-ready}@keyframes not-ready{0%,50%{border-color:#ff5a4a;box-shadow:0 0 .8em .1em #ff4632b3}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.slot .key{z-index:2;text-shadow:0 1px 2px #000;font-size:.7em;font-weight:800;position:absolute;top:1px;left:3px}.mouse-badge{vertical-align:middle;display:inline-flex}.mouse-glyph{fill:none;stroke:currentColor;stroke-width:1px;width:.75em;height:1.05em}.mouse-glyph .on{fill:currentColor;stroke:none}.slot .key .mouse-glyph{filter:drop-shadow(0 1px 1px #000);width:1em;height:1.4em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slot .rune-badge{z-index:3;border:1px solid var(--group);background:#1a0d07;border-radius:3px;width:1.35em;height:1.35em;font-size:.8em;position:absolute;bottom:2px;right:2px;overflow:hidden}.slot .rune-badge .icon-placeholder{font-size:.8em}.slot .pips{z-index:2;gap:2px;position:absolute;bottom:3px;left:0;right:0}.slot .pip{width:.35em;height:.35em}.slot .sweep{z-index:1;position:absolute;inset:0}.slot .cd{z-index:2;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:1.1em;font-weight:800;position:absolute}.icon{object-fit:cover;width:100%;height:100%}.icon-placeholder{color:var(--group,var(--ember));text-shadow:0 1px 2px #000;place-items:center;font-size:1.2em;font-weight:800;display:grid}.spell-bar.read-only{font-size:.75em}.gold-chip{background:var(--panel-bg);border:1px solid var(--frame);color:#fc5;border-radius:999px;padding:.3em .7em;position:absolute;bottom:3.5rem;right:1rem}.spectator{flex-direction:column;align-items:center;gap:.35em;display:flex}.spectator-bar{background:var(--panel-bg);border:1px solid var(--frame);border-radius:6px;padding:.3em .9em}.muted{opacity:.7}.kill-feed li{background:#00000059;border-radius:4px;justify-content:flex-end;align-items:center;gap:.2em;margin-bottom:.2em;padding:.1em .5em;display:flex}.kill-feed li.mine{outline:1px solid var(--ember);background:#ff8a3d4d}.kill-how{align-items:center;gap:.15em;display:inline-flex}.kill-how .icon{border-radius:3px;width:1.4em;height:1.4em}.kill-how .icon-placeholder{font-size:.75em}.lava-glyph{color:var(--ember)}.center-banner{text-shadow:0 0 6px #000,0 2px 3px #000;flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.center-banner.countdown{font-size:5rem;font-weight:900;animation:.3s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(1.6)}}.center-banner.round-end strong{font-size:2em}.gold-toast{background:var(--panel-bg);border:1px solid var(--frame);color:#fc5;border-radius:999px;padding:.2em .8em}.vignette{opacity:.25;position:absolute;inset:0}.vignette.low-hp{box-shadow:inset 0 0 6vmin 1vmin var(--danger)}.vignette.lava{opacity:.35;box-shadow:inset 0 0 8vmin 2vmin var(--ember)}.scoreboard td.runes{white-space:nowrap}.scoreboard .rune-badge{vertical-align:middle;background:#1a0d07;border-radius:3px;width:1.3em;height:1.3em;margin-right:2px;display:inline-grid;overflow:hidden}.scoreboard .rune-badge .icon-placeholder{font-size:.8em}.scoreboard tr.dead{opacity:.55}.scoreboard tr.winner{background:#ffcc552e;outline:1px solid #fc5}.dead-mark{margin-right:.2em}@media (prefers-reduced-motion:reduce){.timer.urgent,.self-vitals[data-risk=critical] .kb,.slot.ready-flash,.slot.not-ready,.center-banner.countdown{animation:none}}.audio-panel{gap:.35rem;min-width:15rem;display:grid}.audio-slider{grid-template-columns:4rem 1fr 2.8rem;align-items:center;gap:.5rem;display:grid}.audio-slider output{text-align:right;font-variant-numeric:tabular-nums}.audio-check{align-items:center;gap:.4rem;display:flex}.audio-settings{position:relative}.audio-settings>summary{cursor:var(--cursor-pointer)}.audio-settings[open]>.audio-panel{border:1px solid var(--frame);background:var(--panel-bg);border-radius:6px;padding:.6rem .75rem;position:absolute;bottom:calc(100% + .4rem);right:0}.mute-cluster{pointer-events:auto;position:absolute;top:.75rem;right:1rem}.mute-button{border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.mute-button.muted{color:#ff8a6a}.mute-popover{padding:.6rem .75rem;display:none;position:absolute;top:calc(100% + .3rem);right:0}.mute-cluster:hover .mute-popover,.mute-cluster:focus-within .mute-popover{display:block}.modal-backdrop{z-index:10;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.credits{border:1px solid var(--frame);background:var(--panel-bg);border-radius:8px;width:min(40rem,100vw - 2rem);max-height:calc(100vh - 4rem);padding:1rem 1.25rem;overflow:auto}.credits header{justify-content:space-between;align-items:center;display:flex}.credit-list{margin:0;padding-left:1.1rem;line-height:1.5}.credit-ids{font-size:.85em}.shop-layer{justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;container:shop/size}.shop{--shop-gap:.75rem;pointer-events:auto;box-sizing:border-box;gap:var(--shop-gap);width:min(76rem,100cqw - 2rem);max-height:calc(100cqh - 1.5rem);font-size:var(--text-body);flex-direction:column;margin-top:.75rem;padding:.75rem 1rem;display:flex}.shop.frame-lg>header{margin-bottom:0}.hud:has(.shop) .round-strip.shop-strip{display:none}.shop-head{min-height:var(--hit);align-items:center;gap:1rem;display:flex}.shop-sub{color:#a9978c;flex:1;gap:.1rem;min-width:0;display:grid}.shop-sub>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-sub .shop-round{color:#f3e9e2;font-weight:700}.shop-head .gold{color:var(--gold);font-size:var(--text-card);align-items:center;gap:.35em;font-weight:800;display:inline-flex}.shop-head .gold:before{content:"";background:radial-gradient(circle at 35% 35%, #fff1b8, var(--gold) 45%, #b8822a);border-radius:50%;width:.8em;height:.8em;box-shadow:0 0 .3em #ffcc5573}.shop-timer{flex:none;place-items:center;width:3rem;height:3rem;display:inline-grid;position:relative}.shop-timer svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.shop-timer circle{fill:none;stroke-width:3px}.shop-timer .ring-track{stroke:#ffc89624}.shop-timer .ring-fill{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.shop-timer .timer{font-size:var(--text-body);font-weight:800}.shop-timer.urgent .ring-fill{stroke:var(--danger)}.shop-timer.urgent .timer{color:var(--danger)}.shop-timer.urgent{animation:.45s ease-out shop-timer-pulse}@keyframes shop-timer-pulse{40%{transform:scale(1.18)}}.shop-ready{min-height:calc(var(--hit) * 1.25);min-width:9rem;font-family:var(--font-display);font-size:var(--text-card);letter-spacing:.06em;padding:0 1.75rem}.shop-ready.is-ready,.shop-ready.is-ready:hover:enabled{border-color:var(--ready);background:var(--ready);color:var(--on-ember)}.shop-ready .text-label{letter-spacing:0;font-family:system-ui,sans-serif;font-weight:600}.shop-ready-count{border:1px solid var(--frame);white-space:nowrap;cursor:var(--cursor-default);border-radius:4px;padding:.3rem .5rem;display:none;position:relative}.ready-popover{z-index:3;min-width:12rem;margin:0;padding:.5rem .75rem;list-style:none;display:none;position:absolute;top:calc(100% + .35rem);right:0}.shop-ready-count:hover .ready-popover,.shop-ready-count:focus-within .ready-popover{gap:.25rem;display:grid}.ready-popover li{align-items:center;gap:.4rem;display:flex}.shop-tabs{gap:.25rem;display:none}.shop-tab{--group:var(--ember);min-height:var(--hit);border-color:var(--frame);color:var(--group);background:0 0;flex:1;padding:0 .25rem;font-weight:700}.shop-tab[aria-selected=true]{border-color:var(--group);background:color-mix(in srgb, var(--group) 18%, transparent)}.shop-body{gap:var(--shop-gap);flex:auto;grid-template:"spells detail"minmax(0,1fr)"foot detail"/minmax(0,1fr) 20rem;min-height:0;display:grid}.shop-spells{grid-area:spells;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:.75rem .5rem;min-height:0;display:grid;overflow-y:auto}.shop-col{--group:var(--ember);flex-direction:column;gap:.4rem;min-width:0;display:flex}.shop-col>.key{border-bottom:2px solid var(--group);color:var(--group);white-space:nowrap;justify-content:center;align-items:center;gap:.25em;padding-bottom:.2rem;font-weight:700;display:flex;overflow:hidden}.shop-spell{border:1px solid var(--frame);transition:border-color var(--motion), box-shadow var(--motion);background:linear-gradient(#2e180d,#1e0f08);border-radius:6px;flex-direction:column;display:flex;position:relative}.shop-spell:hover{border-color:color-mix(in srgb, var(--group) 60%, var(--frame))}.shop-spell.owned{border-color:var(--group);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--group) 45%, transparent)}.shop-spell.selected{box-shadow:0 0 0 2px var(--gold), 0 0 .6rem #ffcc554d}.shop-card-main{text-align:center;background:0 0;border:none;border-radius:6px 6px 0 0;align-content:start;justify-items:center;gap:.25rem;width:100%;min-width:0;padding:.5rem .35rem .4rem;display:grid}.shop-card-main:focus-visible{outline-offset:-2px}.card-icon{display:grid;position:relative}.card-icon .icon{border-radius:4px;width:3rem;height:3rem;font-size:1.4rem}.icon-placeholder{place-items:center;display:grid}.owned-mark{background:var(--group);width:1.1rem;height:1.1rem;color:var(--on-ember);border-radius:50%;place-items:center;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:-.3rem;right:-.4rem}.shop-card-main .name{max-width:100%;font-size:var(--text-card);overflow-wrap:anywhere;font-weight:600;line-height:1.15}.shop-spell .replaces,.shop-detail .replaces{color:var(--amber);font-size:var(--text-label);line-height:1.1}.price-chip{min-height:var(--hit);border:none;border-top:1px solid var(--frame);width:100%;font-size:var(--text-body);white-space:nowrap;background:#00000040;border-radius:0 0 5px 5px;padding:0 .25rem;font-weight:800}.price-chip.afford{color:var(--gold);background:#ffcc551f}.price-chip.afford:hover{background:#ffcc553d}.price-chip.broke{color:var(--danger);text-decoration:line-through}.price-chip.max,.price-chip.refused{color:#a9978c}.price-chip[aria-disabled=true]{opacity:1}.shop-spell.placeholder{color:#a9978c;min-height:7rem;font-size:var(--text-label);background:0 0;border-style:dashed;place-items:center;display:grid}.shop-detail{--group:var(--ember);border:1px solid var(--frame);border-top:3px solid var(--group);background:#00000038;border-radius:6px;flex-direction:column;grid-area:detail;gap:.45rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.detail-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.detail-icon .icon{border-radius:5px;width:3rem;height:3rem;font-size:1.6rem}.detail-title{gap:.15rem;display:grid}.detail-title h3{font-family:var(--font-display);margin:0}.detail-rune{color:var(--group);font-family:system-ui,sans-serif;font-size:var(--text-body)}.detail-level{flex-wrap:wrap;align-items:center;gap:.15rem .4rem;display:flex}.detail-close{display:none}.stat-list{margin:0;line-height:1.3;display:grid}.stat{justify-content:space-between;gap:.5rem;display:flex}.stat dt{color:#a9978c}.stat dd{text-align:right;margin:0}.stat-list.compact{font-size:var(--text-label);flex-wrap:wrap;gap:0 .6rem;line-height:1.25;display:flex}.stat-list.compact .stat{gap:.25rem}.stat-list.compact dd{text-align:left}.delta.up{color:var(--ready)}.delta.down{color:var(--danger)}.detail-action{gap:.3rem;display:grid}.detail-primary{width:100%}.detail-max{border:1px dashed var(--frame);text-align:center;color:var(--gold);border-radius:4px;padding:.6rem}.detail-runes h4{color:#a9978c;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-weight:700}.detail-runes p{margin:0 0 .35rem}.rune-row{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.rune-item{background:#00000038;border:1px solid #0000;border-radius:5px;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.2rem .5rem;padding:.3rem .4rem;display:grid}.rune-item>.icon{border-radius:4px;width:2rem;height:2rem;font-size:1rem}.rune-item.locked>.icon{filter:grayscale()brightness(.6)}.rune-item.unlocked{border-color:var(--frame)}.rune-item.active{border-color:var(--group);box-shadow:0 0 .4rem color-mix(in srgb, var(--group) 50%, transparent)}.rune-item{cursor:var(--cursor-default)}.rune-more{grid-column:1/-1;gap:.15rem;display:grid}.rune-more[hidden]{display:none}.rune-name{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-weight:700;display:flex}.rune-cost{color:var(--gold)}.rune-tag{color:var(--group);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.rune-blurb{line-height:1.25}.rune-btn{min-width:4.25rem;padding:0 .6rem}.detail-sell{border-top:1px solid var(--frame);align-items:center;gap:.6rem;margin-top:auto;padding-top:.4rem;display:flex}.hold-btn{position:relative;overflow:hidden}.hold-fill{transform-origin:0;background:#ff4a3647;position:absolute;inset:0;transform:scaleX(0)}.hold-btn.holding .hold-fill{transition:transform var(--hold-ms,.4s) linear;transform:scaleX(1)}.hold-text{position:relative}.shop-foot{border-top:1px solid var(--frame);flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-top:.5rem;display:flex}.shop-loadout{align-items:center;gap:.75em;font-size:.7rem;display:flex}.shop-loadout>.text-label{font-size:var(--text-label)}.shop-players{font-size:var(--text-label);flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.shop-players li{align-items:center;gap:.3rem;display:flex}@container shop (width<80rem){.shop-body{grid-template-columns:minmax(0,1fr) 16rem}.shop-spells{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-card-main{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:.5rem}.shop-card-main .card-icon{grid-row:span 3}.shop-head{gap:.75rem}}@container shop (width<60rem){.shop{width:calc(100cqw - 1rem)}.shop-head{flex-wrap:wrap}.shop-sub{display:none}.shop-tabs{display:flex}.shop-body{grid-template:"spells"minmax(0,1fr)/minmax(0,1fr)}.shop-spells{grid-template-columns:minmax(0,1fr)}.shop-col:not(.active){display:none}.shop-detail{z-index:5;background:linear-gradient(#24120a,#160a06);max-height:calc(100cqh - 5.5rem);display:none;position:fixed;bottom:.5rem;left:.5rem;right:.5rem;box-shadow:0 -.5rem 1.5rem #0009}.shop[data-sheet=open] .shop-detail{display:flex}.detail-close{display:inline-flex}.shop-foot{display:none}}@container shop (height<47.5rem){.shop{max-height:calc(100cqh - 1rem);margin-top:.5rem;padding-block:.5rem}.shop-foot{display:none}.shop-ready-count{display:inline-block}.shop.frame-lg>header{padding-bottom:.35rem}.shop-ready{min-height:var(--hit)}.shop-timer{width:2.5rem;height:2.5rem}.shop-detail{gap:.35rem;padding:.5rem .6rem}.stat-list{line-height:1.2}.detail-runes h4{display:none}}@media (prefers-reduced-motion:reduce){.shop-timer.urgent,.shop-timer .ring-fill,.shop-spell{transition:none;animation:none}.hold-btn.holding .hold-fill{transition:none;transform:scaleX(1)}}