*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Fira Sans,Noto Sans JP,Noto Sans KR,Noto Sans TC,Noto Sans Thai,sans-serif;font-size:var(--text-size);-webkit-text-size-adjust:100%;line-height:1.3}#main{visibility:visible;height:100%}.app{background:var(--bg);color:var(--text);position:fixed;inset:0;overflow:hidden;container:app/size}.app.turned{width:var(--turn-width);height:var(--turn-height);transform-origin:0 0;transform:translateX(var(--turn-shift)) rotate(90deg);bottom:auto;right:auto}.app.turned.counter{transform:translateY(var(--turn-drop)) rotate(-90deg)}.content{position:absolute;inset:0;overflow:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;margin:0;padding:0}button:disabled{cursor:default}.btn,.control-btn,.zoom-btn,.step-btn,.btn-text,.btn-pager{transition:opacity,background-color,color}.btn:disabled,.control-btn:disabled,.zoom-btn:disabled,.step-btn:disabled,.btn-text:disabled,.btn-pager:disabled{transition-delay:.25s}input,select,textarea{font:inherit;color:inherit}.weak{color:var(--weak-text)}.secondary{color:var(--secondary)}.bold{font-weight:700}.center{text-align:center}.symbols{font-family:Miscellaneous-Symbols,sans-serif}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;min-height:32px;padding:5px 10px;line-height:1.3;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-success{background:var(--success);color:var(--text)}.btn-success:hover{background:var(--success-hover)}.btn-warning{background:var(--warning);color:var(--text)}.btn-warning:hover{background:var(--warning-hover)}.btn-primary:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-warning:disabled{background:var(--bg-strong);color:var(--text)}.btn-status-warning{background:var(--warning);color:var(--text)}.btn-status-success{background:var(--success);color:var(--text)}.btn-status-danger{background:var(--danger);color:#fff}.btn-toggle{background:var(--bg-strong);color:var(--text)}.btn-toggle:hover{background:var(--bg-strongest)}.btn-toggle.active{background:var(--primary);color:#fff}.btn-toggle.active:hover{background:var(--primary-strong)}.btn-header{border:1px solid var(--outline)}.btn-header.active{border:2px solid #fff}.btn-header.unavailable{background:var(--disabled-bg);color:var(--weak-text);border:1px solid var(--outline)}.btn-overlay{border:1px solid var(--bg-strong);width:30px;height:30px;min-height:30px;padding:0}.btn-neutral{background:var(--bg-strong);color:var(--text)}.btn-neutral:hover{background:var(--bg-strongest)}.btn-neutral:active{background:var(--bg-weak)}.btn-inert{background:var(--bg-weak);color:var(--weak-text)}.btn-text{color:var(--text);background:0 0;border-radius:0;min-height:0;padding:0}.btn-text:hover{opacity:.8}.btn-text:disabled{opacity:.5}.btn-pager{color:#fff;background:0 0}.btn-pager:hover{color:var(--primary)}.btn-pager:disabled{color:var(--weak-text)}.btn-action{width:190px;padding:8px 10px;font-size:13px}.btn-manage{width:170px;padding:8px 10px;font-size:13px}.btn-popup-action{width:110px;padding:8px 10px;font-size:13px}.btn-status{width:210px;padding:8px 10px;font-size:13px}.drawer{display:contents}.touch-only,.drawer-scrim{display:none}.sidebar-layer{pointer-events:none;z-index:20;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;right:0}.nav-toggle{pointer-events:auto;width:var(--nav-toggle);height:var(--nav-toggle);min-height:0;margin:var(--nav-toggle-top) var(--nav-toggle-right) 0 0;padding:0;font-size:20px}.sidebar-slot{width:var(--sidebar-width);transition:width var(--slide-ms) ease-out;pointer-events:auto;overflow:hidden}.sidebar-slot.closed{pointer-events:none;width:0}.sidebar{width:var(--sidebar-width);height:100%;padding:var(--sidebar-padding) 0 var(--sidebar-padding) var(--sidebar-padding);background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--sidebar-radius) 0 0 var(--sidebar-radius);border-right:none;flex-direction:column;margin-left:auto;display:flex}.sidebar-scroll{padding-right:var(--sidebar-padding);scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow-y:auto}.sidebar-scroll:hover{scrollbar-color:var(--bg-strongest) transparent}.sidebar-scroll::-webkit-scrollbar{width:var(--sidebar-bar)}.sidebar-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:0 0}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:var(--bg-strongest)}.tabs{gap:var(--tab-spacing);flex-direction:column;display:flex}.tab{height:var(--tab-height);font-size:var(--tab-text);border-radius:var(--radius-sm);background:var(--bg-strong);color:var(--text);justify-content:center;align-items:center;padding:0 10px;display:flex}.tab:hover{background:var(--bg-strongest)}.tab.active{background:var(--primary);color:#fff}.tab.active:hover{background:var(--primary-strong)}.bordered-box{background:var(--bg-weakest);border:1px solid var(--bg-weak);border-radius:5px}.list-panel{background:var(--bg-weakest);border:1px solid var(--bg-weak);border-radius:0 var(--radius-md) var(--radius-md) 0}.list-panel-right{background:var(--bg-weakest);border:1px solid var(--bg-weak);border-radius:var(--radius-md) 0 0 var(--radius-md)}.dark-panel{background:var(--dark-panel);border:1px solid var(--bg-weak);border-radius:0 var(--radius-md) var(--radius-md) 0}.outlined-card{background:var(--outlined-bg);border:2px solid var(--outlined-border);border-radius:var(--radius-md)}.workspace{background:var(--workspace-bg);border:3px solid var(--workspace-border);border-radius:var(--radius-md)}.workspace-header{background:var(--workspace-header);border:3px solid var(--workspace-border);border-radius:var(--radius-md)}.card{background:var(--card-bg);border-radius:var(--radius-md)}.card-muted{background:var(--card-muted);border-radius:var(--radius-md)}.card-danger{background:var(--card-danger);border-radius:var(--radius-md)}.card-primary{background:var(--primary);border:2px solid var(--card-primary-border);border-radius:var(--radius-md)}.card-outlined{background:var(--card-bg);border:3px solid var(--outline);border-radius:var(--radius-md)}.enabled-outline{border:2px solid var(--success);border-radius:var(--radius-sm)}.status-badge{color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.status-badge.ok{background:var(--success)}.status-badge.bad{background:var(--danger)}.combo{appearance:none;background:var(--bg-weak);color:var(--text);border:1px solid var(--bg-strong);border-radius:var(--radius-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23848484'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-height:32px;padding:5px 28px 5px 10px}.combo:hover,.combo:focus{border-color:var(--primary-strong);outline:none}.combo.stale{color:var(--weak-text)}.combo option{background:var(--bg-weak);color:var(--text)}.input{background:var(--input-bg);color:var(--text);border:1px solid var(--bg-strong);border-radius:var(--radius-sm);min-height:32px;padding:5px 10px}.input::placeholder{color:var(--secondary)}.input:hover{border-color:var(--text)}.input:focus{border-color:var(--primary-strong);outline:none}.input:disabled{background:var(--bg-weak);color:var(--secondary);border-color:var(--bg-strong)}.input::selection{background:var(--primary-weak)}.toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-track{border-radius:var(--radius-sm);background:var(--bg-strong);width:48px;height:24px;transition:background .12s;position:relative}.toggle-track:after{content:"";border-radius:var(--radius-sm);background:var(--bg);width:20px;height:20px;transition:transform .12s;position:absolute;top:2px;left:2px}.toggle:hover .toggle-track:after{background:var(--bg-weak)}.toggle.on .toggle-track{background:var(--primary)}.toggle.on .toggle-track:after{background:var(--primary-text);transform:translate(24px)}.toggle.on:hover .toggle-track:after{background:var(--toggle-knob-hover)}.toggle.disabled{cursor:default}.toggle.disabled .toggle-track{background:var(--bg-weak)}.toggle.disabled .toggle-track:after{background:var(--bg-weakest)}.progress{background:var(--progress-track);border-radius:var(--radius-sm);height:14px;overflow:hidden}.progress>div{background:var(--primary);height:100%}.rule{background:var(--bg-strong);height:1px}.section-title{font-size:18px;font-weight:700}.subsection-title{font-size:14px;font-weight:700}.section{flex-direction:column;gap:6px;display:flex}.status{text-align:center;z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:90cqw;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hold{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.hold-shown{flex-direction:column;flex:1;min-height:0;display:flex}.hold-pending{pointer-events:none;flex-direction:column;width:100%;display:flex;position:absolute;top:0;bottom:0;left:-300%;overflow:hidden}.settled{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.settled-body{flex-direction:column;flex:1;min-height:0;display:flex}.settled.veiled>.settled-body{opacity:0;pointer-events:none}.status .title{font-size:18px}.status .detail{color:var(--secondary);font-size:12px}.list-row{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;background:0 0;flex-shrink:0;align-items:center;min-height:44px;display:flex}.list-row.filled{background:var(--bg-strong)}.list-row:hover{background:var(--list-hover)}.list-row.selected{background:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.zebra-header{background:var(--table-header);color:#fff;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.zebra-footer{background:var(--table-header);color:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.zebra-row-even{background:var(--table-row)}.zebra-row-odd{background:var(--bg)}.stat-cell{border:2px solid var(--stat-border);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;width:82px;height:28px;font-size:13px;display:flex;overflow:hidden}.stat-cell.header{background:var(--stat-header)}.stat-cell.value{background:var(--stat-value)}.console{background:var(--console-bg);border:4px solid var(--console-border);border-radius:var(--radius-sm)}.hint-banner{background:var(--hint-bg);border:1px solid var(--bg-strong);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.info-banner{background:var(--hint-bg);border:1px solid var(--info-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.notice-banner{background:var(--notice-bg);color:#fff;border:1px solid var(--danger);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.toast .detail{color:var(--weak-text);font-size:12px}.headline{padding:calc(var(--toast-overhang) + 8px) 32px 12px;font-size:28px}.content::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-track{background:var(--bg-weak);border-radius:var(--radius-sm)}.scroll::-webkit-scrollbar-track{background:var(--bg-weak);border-radius:var(--radius-sm)}.content::-webkit-scrollbar-thumb{background:var(--bg-strongest);border-radius:var(--radius-sm)}.scroll::-webkit-scrollbar-thumb{background:var(--bg-strongest);border-radius:var(--radius-sm)}.content::-webkit-scrollbar-thumb:hover{background:var(--primary-strong)}.scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-strong)}.content,.scroll{scrollbar-width:thin;scrollbar-color:var(--bg-strongest) var(--bg-weak)}.home{flex-direction:column;min-height:100%;display:flex}.home-main{flex-direction:column;flex:1;align-items:center;padding:20px 16px 0;display:flex}.home-title{text-align:center;font-size:40px}.home-subtitle{text-align:center;margin:2px 0 50px;font-size:16px}.home-group{margin-bottom:10px;font-size:18px}.home-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.home-nav{width:120px;font-size:15px}.home-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:0 10px;padding:10px;font-size:13px;display:grid}.home-footer .btn-text{font-size:13px}.home-links{align-items:center;display:flex}.home-links-left{justify-self:start}.home-links-right{justify-self:end}.home-disclaimer{text-align:center;justify-self:center}.home-sep{padding:0 6px}@container app (width<=599px){.home-footer{grid-template-columns:1fr 1fr;gap:6px 10px}.home-disclaimer{grid-area:1/1/auto/-1}.home-links{grid-row:2}}.settings{flex-direction:column;gap:20px;max-width:640px;padding:20px 16px;display:flex}.setting-row{align-items:center;gap:10px;display:flex}div.note{padding:16px}.pick-prompt{justify-content:center;align-items:center;height:100%;font-size:24px;display:flex}.browser{height:100%;display:flex}.roster-panel{flex-direction:column;flex-shrink:0;gap:0;width:100%;height:100%;padding:8px;display:flex}.roster-filter{height:25px;min-height:25px;margin-bottom:4px;padding:4px 8px;font-size:13px}.roster-search{height:25px;min-height:25px;margin-bottom:8px;padding:4px;font-size:13px}.roster-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.row-spacer{flex-shrink:0;width:100%}.roster-row{height:50px;min-height:50px;margin-bottom:4px;padding:0;display:block}.banner-slot{background:var(--banner-frame) no-repeat left center / auto 50px;justify-content:flex-start;width:100%;height:50px;display:flex}.banner{height:50px;display:block}.none-found{height:100%;color:var(--danger);justify-content:center;align-items:center;font-size:16px;display:flex}.browser-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.detail{flex-direction:column;height:100%;padding:4px 16px 16px;display:flex}.detail-header{flex-direction:column;gap:8px;padding-top:5px;display:flex}.header-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-row,.tab-row{flex-wrap:wrap;gap:4px;display:flex}.header-btn{width:65px;height:26px;min-height:26px;padding:0;font-size:12px}.header-btn.square{border-radius:0}.vrule{background:var(--bg-strong);width:1px;height:22px}.vrule.tall{height:96px;margin:0 2px 0 15px}.vrule.tall.even{margin:0 15px}.detail.locked .slider{pointer-events:none}.detail-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icon-box{flex-shrink:0;justify-content:center;align-items:center;width:110px;height:96px;display:flex}.icon-box img{flex-shrink:0;width:auto;height:96px}img{-webkit-user-select:none;user-select:none}.info-box{flex-direction:column;flex-shrink:0;margin-right:12px;display:flex}.name-box{align-items:center;line-height:1.3;display:flex;position:relative;overflow:visible}.name-text{overflow-wrap:anywhere;white-space:normal;flex:none;width:max-content;line-height:1.3;display:inline-block}.name-probe{visibility:hidden;pointer-events:none;overflow-wrap:anywhere;white-space:normal;width:max-content;line-height:1.3;display:inline-block;position:absolute;top:0;left:0}.id-text{font-size:11px}.level-row{align-items:center;gap:6px;font-size:11px;display:flex}.level-input{width:45px;min-height:0;padding:3px;font-size:11px}.detail-body{flex:1;min-height:0;padding-top:8px;overflow-y:auto}.stat-grid{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.stat-row{flex-wrap:wrap;gap:4px;display:flex}.fit-width{width:100%;min-width:0}.ability-groups{flex-direction:column;gap:7px;display:flex}.icon-row{flex-wrap:wrap;align-items:center;gap:5px 3px;display:flex}.ability-list{flex-direction:column;gap:5px;display:flex}.ability-row{align-items:center;gap:8px;display:flex}.ability-icon{flex-shrink:0;display:block}.icon-stack{flex-shrink:0;position:relative}.icon-stack img{width:100%;height:100%;position:absolute;inset:0}.fallback-icon{background:var(--danger);color:#fff;text-align:center;border:1.5px solid rgba(0,0,0,.35);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.sup-text{display:inline-block}.sup-line{flex-wrap:wrap;align-items:flex-start;display:flex}.sup-raised{opacity:.7;margin-left:1.25px}.white{color:#fff}.conjure-toggle{min-height:24px;padding:2px 8px;font-size:11px}.spirit-card{border-radius:0 0 8px 8px;flex-direction:column;align-self:flex-start;gap:5px;padding:8px;display:inline-flex}.tip{display:inline-flex;position:relative}.tip-body{white-space:pre-wrap;z-index:60;width:max-content;max-width:min(320px,100cqw - 16px);color:var(--text);pointer-events:none;padding:6px;font-size:13px;position:fixed;transform:translate(-50%,-100%)}.tip-body.below{transform:translate(-50%)}.talent-header{flex-direction:column;gap:5px;display:flex}.talent-header:has(+.vrule){margin-left:13px}.np-row{align-items:center;gap:6px;display:flex}.np-total{color:#fff;font-size:20px}.np-cost{font-size:18px}.talent-btn{width:100px;height:23px;min-height:23px;padding:0;font-size:12px}.talent-groups{flex-direction:column;gap:8px;display:flex}.talent-group{border-radius:5px;padding:6px}.talent-group.normal{background:#b48c14}.talent-group.ultra{background:#781414}.talent-group-header{text-align:left;align-items:center;gap:4.5px;width:100%;padding:1.5px;display:flex}.skill-name{display:block}.skill-name-text{flex:1;font-size:13.5px}.talent-group-header .ability-icon,.talent-group-header .fallback-icon{flex-shrink:0}.talent-arrow{color:#fff;background:rgba(0,0,0,.4);border:1.5px solid rgba(0,0,0,.8);border-radius:3.75px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;font-size:16.5px;display:flex}.talent-body{flex-direction:column;gap:2px;padding:6px 0;display:flex}.dark-box{color:#fff;background:rgba(0,0,0,.4);border-radius:4px;padding:4px}.level-slider-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.slider{width:160px;accent-color:var(--primary)}.talent-level-input{width:50px}.details{flex-direction:column;gap:27px;display:flex}.details-section{flex-direction:column;gap:8px;display:flex}.details-heading{font-size:20px}.details-text{font:inherit;white-space:pre-wrap;min-height:3.9em;margin:0}.materials{flex-wrap:wrap;gap:5px;display:flex}.material{width:64px;height:64px;position:relative}.material img{width:64px;height:64px;display:block}.material-placeholder{background:var(--bg-weak);border-radius:4px;justify-content:center;align-items:center;width:64px;height:64px;font-size:14px;display:flex}.xp-placeholder{width:32px;height:32px;font-size:13px}.badge{color:#fff;background:rgba(0,0,0,.63);border-radius:4px;padding:1px 4px;font-size:13px;position:absolute;bottom:0;right:0}.badge.centered{padding:1px 3px;font-size:10px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.xp-row{align-items:center;gap:5px;display:flex}.xp-cost{font-size:18px}.combo-cards{flex-direction:column;gap:8px;max-width:560px;display:flex}.combo-card{align-items:center;gap:16px;padding:4px 12px;display:flex}.combo-text{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.combo-text.wrapping{gap:3px}.combo-line{text-align:center;overflow-wrap:break-word;width:100%;line-height:1.3}.fit-column{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.fit-line{white-space:nowrap;line-height:1.3}.fit-probe{visibility:hidden;pointer-events:none;white-space:nowrap;line-height:1.3;position:absolute;top:0;left:0}.words{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.words-line{white-space:normal;overflow-wrap:break-word;width:100%;line-height:1.3}.words-line.single{white-space:nowrap}.words-probe{visibility:hidden;pointer-events:none;line-height:1.3;position:absolute;top:0;left:0}.words-probe.wide{white-space:nowrap}.words-probe.narrow{white-space:normal;width:min-content}.words-probe.wrap{white-space:normal;overflow-wrap:break-word;text-align:center}.words-samples{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0;overflow:hidden}.combo-slots{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.combo-slot{width:68px;height:68px;position:relative}.combo-slot img{width:68px;height:68px;display:block}.combo-slot-empty{background:var(--bg-weak);border-radius:4px;width:68px;height:68px}.combo-jump{display:block}.scrim.modal{background:rgba(0,0,0,.55)}.scrim{z-index:50;background:0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{background:var(--bg);border:3px solid var(--popup-chrome);border-radius:var(--radius-md);flex-direction:column;width:100%;max-height:90cqh;display:flex;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.35)}.popup-header{background:var(--popup-chrome);flex-shrink:0;align-items:center;height:28px;padding:0 6px 0 10px;font-size:14px;display:flex}.popup-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:28px;overflow:hidden}.popup-close{justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.popup-body{flex:1;min-height:0;overflow-y:auto}.filter-content{flex-direction:column;gap:16px;padding:24px;display:flex}.filter-section{flex-direction:column;gap:8px;display:flex}.filter-heading{font-size:18px}.toggle-row{flex-wrap:wrap;gap:4px;display:flex}.mode-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-row label,.level-filter{align-items:center;gap:8px;display:flex}.level-filter .input{width:60px}.stat-ranges{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 16px;display:grid}.range-row{align-items:center;gap:4px;display:flex}.range-label{width:110px}.range-input{width:55px}.icon-toggle{opacity:.4;display:block}.icon-toggle.active{opacity:1}.filter-labeled{flex-direction:column;gap:4px;display:flex}.filter-ability{flex-direction:column;gap:6px;display:flex}.filter-ability.expanded{padding:8px}.filter-ability-header{align-items:center;gap:10px;display:flex}.filter-ranges{flex-direction:column;gap:6px;display:flex}.filter-clear{justify-content:center;padding:16px;display:flex}@container app (width<=799px){.browser .roster-panel{width:100%}.browser.showing-detail .roster-panel,.browser:not(.showing-detail) .browser-main{display:none}}@container app (width>=800px){.roster-panel{width:151.5px}}.icon-box.bottom{align-items:flex-end}.appearances-btn{width:110px;height:26px;min-height:26px;padding:0;font-size:12px}.pick-prompt.small{font-size:16px}.stage-page{height:100%;position:relative;overflow:hidden}.stage-main{position:absolute;inset:0;overflow:auto}.stage-main.sliding{transition:left var(--slide-ms) ease-out}.stage-content{flex-direction:column;gap:20px;max-width:800px;padding:3px 40px 40px;display:flex}.stage-sidebar-layer{pointer-events:none;z-index:15;align-items:flex-start;display:flex;position:absolute;top:0;bottom:0;left:0}.stage-sidebar-slot{pointer-events:auto;justify-content:flex-end;max-width:100%;height:100%;display:flex;overflow:hidden}.stage-sidebar-slot.sliding{transition:width var(--slide-ms) ease-out}.stage-sidebar-slot.closed{pointer-events:none;width:0!important}.stage-sidebar{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-left:none;border-radius:0 10px 10px 0;flex-direction:column;flex-shrink:0;gap:8px;height:100%;padding:15px;display:flex}.stage-sidebar .hold{height:auto}.stage-toggle{pointer-events:auto;width:30px;height:30px;min-height:30px;margin:5px 0 0 5px;padding:0;font-size:16px}.stage-filter-btn{min-height:0;padding:5px 8px;font-size:12px}.stage-columns{flex:1;align-items:stretch;gap:7px;min-height:0;display:flex;overflow:auto hidden}.stage-column{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:200px;height:100%;padding:4px 0;display:flex;overflow-y:auto}.stage-column.categories{width:180px}.stage-row{text-align:center;overflow-wrap:anywhere;flex-shrink:0;justify-content:center;width:calc(100% - 12px);min-height:0;padding:5px 8px;font-size:12px}.column-empty{width:100%;color:var(--danger);text-align:center;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.vrule.full{flex-shrink:0;align-self:stretch;height:auto}.stage-info{flex-direction:column;gap:8px;display:flex}.banner-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.banner-fallback{white-space:nowrap;align-items:flex-end;display:flex}.crown-row{gap:5px;display:flex}.crown-btn{justify-content:center;align-items:center;gap:2px;width:50px;height:30px;min-height:30px;font-size:14px;display:inline-flex}.drop-tables{flex-wrap:wrap;align-items:flex-start;gap:15px;display:flex}.drop-table{width:345px;max-width:100%}.treasure-stack{flex-direction:column;gap:15px;display:flex}.material-chunks{flex-direction:column;gap:8px;display:flex}.zebra-table{flex-direction:column;width:100%;display:flex}.zebra-cells{align-items:center;gap:8px;padding:4px 6px;display:flex}.zebra-cell{text-align:center;word-break:break-word;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.zebra-cell.small{font-size:12px}.zebra-cell.faint{opacity:.35}.tiny{font-size:11px}.drop-icon{object-fit:contain;width:32px;height:32px;display:block}.ground-enemy .drop-icon{object-position:center bottom}.lineup-body{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.lineup-slots{flex-direction:column;display:flex}.lineup-row{gap:4px;display:flex}.lineup-slot{justify-content:center;align-items:center;width:57.6px;height:57.6px;padding:0;display:flex}.lineup-slot.empty{background:var(--bg-strong);border-radius:4px}.lineup-icon{max-width:57.6px;max-height:57.6px}.upgrades-panel{background:var(--dark-panel);height:115px;padding:4px;overflow-y:auto}.upgrades{flex-direction:column;gap:6px;font-size:11px;display:flex}.upgrade-pair{flex-wrap:wrap;gap:12px;display:flex}.tiny-table{gap:2px;min-width:160px}.tiny-table .zebra-cells{gap:12px;padding:2px 4px}.ground-scroll{overflow-x:auto}.ground-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:12px}.ground-table th,.ground-table td{text-align:center;padding:4px 6px}.ground-table th{font-size:12px;font-weight:400}.ground-table tr.zebra-header th:first-child{border-top-left-radius:4px}.ground-table tr.zebra-header th:last-child{border-top-right-radius:4px}.ground-enemy{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.flag-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 16px;display:grid}.flag-row{align-items:center;gap:8px;font-size:13px;display:flex}.flag-label{width:130px}.tristate{width:60px;font-size:13px}.name-field{align-items:center;gap:8px;display:flex}.name-label{width:70px}.name-label.wide{width:100px}.name-input{flex:1;max-width:320px}.labeled,.labeled-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cost-label{width:110px}.filter-card{flex-direction:column;gap:8px;padding:8px;display:flex}.card-head{justify-content:space-between;align-items:center;display:flex}.remove-btn{width:28px;padding:5px 0;font-size:13px}.small-btn{align-self:flex-start;font-size:13px}.add-btn{align-self:flex-start;padding:6px 12px;font-size:13px}.settings-page{height:100%;display:flex;position:relative}.settings-tabs{background:var(--bg-weakest);border:1px solid var(--bg-weak);border-radius:0 var(--radius-md) var(--radius-md) 0;flex-direction:column;flex-shrink:0;gap:4px;width:110px;padding:8px;display:flex;overflow-y:auto}.settings-tab{justify-content:center;min-height:0;padding:8px 12px;font-size:14px}.settings-body{flex:1;padding:15px;overflow-y:auto}.settings-sections{flex-direction:column;gap:20px;display:flex}.settings-section{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.settings-subsection{flex-direction:column;gap:6px;display:flex}.settings-heading{font-size:24px}.settings-body.about-body{flex-direction:column;display:flex;overflow:hidden}.about{flex-direction:column;flex:1;gap:15px;min-height:0;display:flex}.about-header{flex-direction:column;gap:10px;display:flex}.about-title{font-size:32px}.about-subtitle{font-size:20px}.about-legal{white-space:pre-wrap;flex:1;min-height:0;font-size:11px;overflow-y:auto}.setting-row.inline{gap:10px}.toggle{text-align:left;align-items:center;gap:10px;min-height:32px;padding:0;display:inline-flex}.language-list{flex-direction:column;width:164px;padding:12px;display:flex}.language-row{border-radius:var(--radius-sm);align-items:center;gap:8px;height:32px;padding:0 6px;display:flex}.language-row.dragging{background:color-mix(in srgb, var(--primary) 25%, transparent)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;font-size:14px}.drag-scrim{z-index:60;cursor:grabbing;touch-action:none;position:fixed;inset:0}.entry-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.entry-label{width:190px}.entry-input{width:80px}.entry-input:disabled{width:110px}.note{font-size:12px}.fold{flex-direction:column;gap:6px;display:flex}.fold-head{justify-content:flex-start;align-self:flex-start;align-items:flex-end;gap:6px;line-height:1.3;display:inline-flex}.fold-title{font-size:15px}.treasure-sets{flex-direction:column;gap:10px;display:flex}.treasure-set{flex-direction:column;gap:4px;display:flex}.treasure-set-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.treasure-row{align-items:center;gap:10px;padding-left:12px;display:flex}.treasure-label{width:190px}@container app (width<=599px){.settings-page{flex-direction:column}.settings-tabs{flex-direction:row;width:auto}.settings-tab{flex:1}}.viewer{border:4px solid var(--primary);background:var(--bg);border-radius:5px;flex:auto;height:auto;min-height:0;position:relative;overflow:hidden}.viewer-canvas,.viewer-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-overlay{touch-action:none;cursor:grab}.viewer.selecting{z-index:46}.viewer.expanded{z-index:40;border-radius:0;position:fixed;inset:0}.viewer-placeholder{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.viewer-placeholder-title{font-size:16px}.btn-overlay{border:1px solid var(--bg-strong)}.viewer-expand{z-index:3;width:30px;height:30px;min-height:30px;padding:0;position:absolute;top:8px;left:8px}.expand-icon{fill:currentColor;display:block}.viewer-expand.active .expand-icon{fill:#fff}.viewer.selecting .viewer-overlay{cursor:crosshair}.select-scrim{z-index:45;position:fixed;inset:0}.viewer-hint{pointer-events:none;z-index:2;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.viewer-overlay:active{cursor:grabbing}.viewer-missing{text-align:center;background:var(--viewer-missing);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.anim-controls{background:var(--controls-bg);border:1px solid var(--bg-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;flex-direction:column;max-width:calc(100% - 7px);padding:8px;display:flex;position:absolute;bottom:0;left:7px}.anim-toggle{width:100%;height:18px;min-height:18px;padding:0;font-size:14px;font-weight:700}.anim-drawer{transition:height var(--slide-ms) ease-out;flex-direction:column;justify-content:flex-start;margin-bottom:-8px;display:flex;overflow:hidden}.anim-drawer-inner{flex-direction:column;flex-shrink:0;gap:3px;padding:3px 0 8px;display:flex}.motion-grid{grid-template-columns:repeat(4,70px);justify-content:center;gap:5px;padding:2px 0;display:grid}.motion-grid.scrolls{max-height:55px;overflow-y:auto}.motion-tile{text-align:center;overflow-wrap:anywhere;border-radius:var(--radius-sm);background:var(--bg-strong);width:70px;height:25px;color:var(--text);justify-content:center;align-items:center;padding:2px;line-height:1.1;display:flex;overflow:hidden}.motion-tile:hover{background:var(--bg-strongest)}.motion-tile.active{background:var(--primary);color:#fff}.motion-tile.active:hover{background:var(--primary-strong)}.motion-tile.vacant{background:var(--bg-strong)}.transport-row{align-items:center;gap:4px;padding-top:2px;display:flex}.transport-col{flex-direction:column;gap:4px;display:flex}.transport-divider{justify-content:center;width:10px;height:60px;display:flex}.transport-divider:before{content:"";background:var(--bg-strong);width:1px;height:100%}.control-btn{width:60px;height:28px;min-height:28px;padding:0;font-size:14px}.control-btn.symbols{font-size:16px}.control-btn:disabled,.zoom-btn:disabled,.step-btn:disabled{opacity:.5}.tile-row{align-items:center;gap:4px;display:flex}.tile{background:var(--bg-weak);border:1px solid var(--bg-strong);border-radius:var(--radius-sm);height:28px;color:var(--text);justify-content:center;align-items:center;font-size:14px;display:flex}.tile.range{width:60px}.tile.frame{width:80px}.tile.tilde{width:20px}.tile-input{text-align:center;min-height:0;padding:0}.tile-input:focus{border-color:var(--primary-strong);outline:none}.tile-input:disabled{color:var(--secondary)}.step-btn{border-radius:var(--radius-sm);background:var(--bg-strong);width:30px;height:28px;min-height:28px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.viewer-export{width:100px;height:28px;min-height:28px;padding:0;font-size:14px}.offset-select{width:100px;height:28px;min-height:28px;padding:4px 24px 4px 6px;font-size:14px}.export-buttons{flex-direction:column;align-items:center;gap:6px;display:flex}.export-btn{color:#fff;border-radius:var(--radius-sm);width:100px;height:24px;min-height:24px;padding:0;font-size:12px}.export-btn.idle{background:var(--primary)}.export-btn.busy{background:var(--warning)}.export-btn.ok{background:var(--success)}.export-btn.bad{background:var(--danger)}.debug-toggles{flex-direction:column;gap:6px;font-size:12px;display:flex}.debug-toggles .toggle{gap:6px;min-height:18px}.debug-toggles .toggle-track{width:36px;height:18px}.debug-toggles .toggle-track:after{width:14px;height:14px}.debug-toggles .toggle.on .toggle-track:after{transform:translate(18px)}.detail-body.viewing{flex-direction:column;min-height:0;padding-top:8px;display:flex;overflow:hidden}.sandbox-page{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.sandbox-tabs{flex-shrink:0;justify-content:center;gap:4px;padding:6px 0;display:flex}.sandbox-tab{width:90px;height:28px;min-height:28px;padding:0;font-size:13px}.sandbox-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.sandbox-body>*{flex:1;min-height:0}.sandbox-play{pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.sandbox-play>*{pointer-events:auto}.sandbox-status{text-align:center;min-height:18px;font-size:14px}.sandbox-play-btn{width:160px}.dialog-body{flex-direction:column;min-height:0;padding:20px;display:flex}.unit-popup{height:min(540px,90cqh)}.unit-popup .popup-body{flex-direction:column;display:flex;overflow:hidden}.unit-popup .dialog-body{flex:1;min-height:0;padding:0}.sandbox-terms{max-height:50cqh;font-size:14px;line-height:1.4;overflow-y:auto}.sandbox-terms p{margin:0 0 12px}.sandbox-terms p:last-child{margin-bottom:0}.sandbox-terms ul{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:22px;display:flex}.sandbox-choices{justify-content:center;gap:12px;padding-top:18px;display:flex}.sandbox-fault{flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.sandbox-fault-reason{white-space:pre-wrap;width:100%;max-height:120px;overflow-y:auto}.sandbox-diagnostics{flex-direction:column;gap:12px;display:flex}.readout-seed .zebra-cells{justify-content:center}.readout-sides{gap:16px;display:flex}.readout-side{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.readout-list{flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.readout-row{align-items:center;gap:4px;padding:4px 8px;display:flex}.readout-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.readout-value{text-align:right;flex-shrink:0;width:90px}.sandbox-toast{z-index:48;position:fixed}.battle-layer{z-index:45;background:0 0;outline:none;position:fixed;inset:0}.battle-layer.idle{visibility:hidden;pointer-events:none}.battle-layer.surfaced{background:#000}.battle-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lineup-editor{height:100%;min-height:0;display:flex;position:relative}.sandbox-roster{width:151.5px}.lineup-center{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;min-height:0;padding:10px;display:flex;overflow:hidden}.deck-card{flex-direction:column;flex-shrink:0;display:flex}.lineup-deck{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.deck-title,.deck-note{justify-content:center;align-items:center;display:flex}.deck-grid{flex-direction:column;display:flex}.deck-row{display:flex}.deck-cell{background:color-mix(in srgb, var(--text) 7%, transparent);border:1px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.deck-cell.aimed{border:2px solid var(--primary)}.deck-cell.filled{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:none}.deck-face{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.deck-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.deck-shade{background:rgba(0,0,0,.6);border-radius:6px;position:absolute;inset:0}.deck-orbs{position:absolute;top:0;left:0}.deck-orb{position:absolute;top:0}.deck-coin{position:absolute;bottom:0;left:0}.deck-badge{color:#fff;background:rgba(0,0,0,.62);border-radius:6px;padding:1px 6px;font-weight:700;line-height:1.3;position:absolute}.deck-level{top:0;right:0}.deck-cost{bottom:0;right:0}.lineup-ghost{z-index:70;opacity:.75;pointer-events:none;position:fixed}.lineup-ghost .deck-face{display:block;position:static}.grabbable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.combos-card{flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;padding:10px;display:flex}.combos-header{flex-direction:column;gap:6px;display:flex}.combos-header.single{flex-direction:row;align-items:center;gap:8px}.combos-find{align-items:center;gap:8px;display:flex}.combos-header.single .combos-find{flex:1;min-width:0}.combos-filters{gap:8px;display:flex}.combos-title{font-size:16px}.combos-search{flex:1;min-width:90px;min-height:28px;padding:4px 8px;font-size:12px}.combos-kind,.combos-strength{min-height:28px;padding:4px 24px 4px 8px;font-size:12px}.combos-kind{flex:3 1 0;min-width:0}.combos-strength{flex:2 1 0;min-width:0}.combos-header.single .combos-kind,.combos-header.single .combos-strength{flex:none}.combos-card .roster-list{gap:4px}.combo-row{background:color-mix(in srgb, var(--text) 6%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex:none;align-items:center;gap:8px;padding:0 8px;display:flex}.combo-row.active{background:var(--success)}.combo-row.banned{background:color-mix(in srgb, var(--danger) 18%, transparent)}.combo-labels{flex-direction:column;flex:none;align-items:center;display:flex;overflow:hidden}.combo-icons{flex:1;justify-content:flex-start;align-items:center;gap:3px;min-width:0;display:flex}.combo-icon{border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.combo-icon.empty{background:color-mix(in srgb, var(--text) 8%, transparent)}.combo-icon img{object-fit:contain;width:100%;height:100%;display:block}.lineup-bar{display:none}.saved-panel{flex-direction:column;flex-shrink:0;gap:8px;width:151.5px;padding:8px;display:flex}.saved-actions{flex-direction:column;gap:6px;display:flex}.saved-btn{flex:1;font-size:13px}.saved-search,.saved-rename{min-height:28px;padding:4px 8px;font-size:13px}.saved-list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.saved-row{gap:6px;min-height:0;padding:6px 8px;font-size:13px}.saved-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.saved-count{font-size:11px}.orb-stack{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.orb-face{width:100%;height:100%;position:absolute;inset:0}.orb-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-picker{flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.orb-row{align-items:center;gap:8px;display:flex}.orb-label{width:44px;font-size:12px}.orb-pick{width:230px;font-size:12px}.orb-header{flex-direction:column;align-items:center;gap:6px;display:flex}.orb-header-title{font-size:18px}.orb-slots{gap:6px;display:flex}.orb-slot{width:48px;height:48px;min-height:48px;padding:2px}.orb-plus{font-size:20px}.sandbox-config{height:100%}.config-body{padding-bottom:70px}.quality-slider{width:160px}.item-row{align-items:center;display:flex}.keybind-list{outline:none;flex-direction:column;gap:10px;display:flex}.keybind-row{align-items:center;gap:10px;display:flex}.keybind-label{width:230px}.keybind-btn{width:140px;font-size:13px}@container app (width<=799px){.lineup-editor{flex-direction:column;overflow-y:auto}.sandbox-roster{border-radius:var(--radius-md);flex-shrink:0;width:100%;height:220px}.lineup-center{overflow:visible}.combos-card{min-height:320px}.saved-panel{border-radius:var(--radius-md);flex-shrink:0;width:100%;height:260px}.keybind-label{width:150px}.readout-sides{flex-direction:column}}.replay-page{flex-direction:column;align-items:flex-start;height:100%;padding:16px 16px 86px;display:flex;overflow-y:auto}.replay-title{flex-shrink:0;width:515px;max-width:100%;padding:8px;font-size:22px}.replay-title:hover,.replay-title:focus{border-color:var(--bg-strong)}.replay-rule{flex-shrink:0;width:515px;max-width:100%;margin:6px 0 8px}.replay-card{flex-shrink:0;width:515px;max-width:100%;margin-bottom:16px;padding:12px}.replay-field{align-items:center;min-height:18px;font-size:14px;display:flex}.replay-card .section{gap:8px}.replay-label{flex-shrink:0;width:90px}.replay-manage-column{flex-direction:column;gap:8px;width:240px;display:flex}.replay-manage{width:240px;font-size:13px}.replay-manage-buttons{flex-direction:column;gap:6px;display:flex}.replay-hint{display:flex}.replay-knob{align-items:center;gap:6px;width:240px;font-size:13px;display:flex}.replay-knob span{flex:1}.replay-knob-input{width:55px;min-height:0;padding:4px 6px;font-size:13px}.replay-pair{gap:6px;width:240px;display:flex}.replay-half{width:117px;font-size:13px}.mods-page{flex-direction:column;align-items:flex-start;height:100%;padding:16px;display:flex;position:relative;overflow-y:auto}.mods-title{flex-shrink:0;width:515px;max-width:100%;padding:8px;font-size:22px}.mods-title:hover,.mods-title:focus,.mods-value:hover,.mods-value:focus,.mods-text:hover,.mods-text:focus{border-color:var(--bg-strong)}.mods-rule{flex-shrink:0;width:515px;max-width:100%;margin:8px 0}.mods-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;width:515px;max-width:100%;display:flex}.mods-action{width:110px}.mods-card{flex-shrink:0;width:515px;max-width:100%;padding:12px}.mods-card+.mods-card{margin-top:16px}.mods-card .section{gap:8px}.mods-field{align-items:center;gap:8px;font-size:14px;display:flex}.mods-label{flex-shrink:0;width:90px}.mods-value{flex:1;min-width:0;padding:6px;font-size:14px}.mods-description{flex-direction:column;flex:1;min-height:200px;display:flex}.mods-description .section{flex:1}.mods-text{resize:none;flex:1;min-height:140px;padding:8px;font-size:14px}.replay-status{text-align:center;font-size:13px}.deck-cell.clickable{cursor:pointer}.orb-slot.static{justify-content:center;align-items:center;width:48px;height:48px;padding:2px;display:flex}.sandbox-notice{white-space:pre-wrap;font-size:14px}.sandbox-notice.center{text-align:center}.sandbox-notice p{margin:0 0 12px}.sandbox-notice p:last-child{margin-bottom:0}@container app (width<=599px){.detail{padding:4px 10px 12px}.header-buttons{flex-direction:column;align-items:stretch;gap:6px}.header-buttons>.vrule{display:none}.form-row,.tab-row{flex-wrap:nowrap}.header-btn{flex:1 1 0;width:auto;min-width:0}.layout-probe{height:2px}.detail-row{gap:8px 0}.detail-row>.icon-box{margin-right:12px}.detail-row>.info-box{margin-right:18px}.detail-row>.vrule.tall,.detail-row>.vrule.tall.even{margin:0 8px}.home-main{padding-top:12px}.home-title{font-size:32px}.home-subtitle{margin-bottom:32px}.headline{padding:calc(var(--toast-overhang) + 8px) 16px 12px;font-size:22px}.stage-content{padding:3px 12px 40px}.drop-table{width:100%}.combo-card{flex-direction:column;align-items:stretch;gap:6px;padding:8px}.combo-text{width:100%}.combo-slots{flex-wrap:nowrap;justify-content:center}.combo-slot,.combo-slot img,.combo-slot-empty{width:56px;height:56px}.flag-grid,.stat-ranges{grid-template-columns:1fr}.settings-body{padding:12px}.settings-heading{font-size:20px}.about-title{font-size:26px}.entry-label,.treasure-label{width:150px}.keybind-label{width:130px}.scrim{padding:8px}.filter-content{padding:14px}.sandbox-tabs{padding:6px 8px}.sandbox-tab{flex:1 1 0;width:auto;min-width:0}.replay-page{padding:12px 10px 86px}.mods-page{padding:12px 10px}}@media (pointer:coarse){.touch-only{display:contents}.content,.scroll,.sidebar-scroll{scrollbar-width:none}.content::-webkit-scrollbar{display:none}.scroll::-webkit-scrollbar{display:none}.sidebar-scroll::-webkit-scrollbar{display:none}.sandbox-roster .roster-row{touch-action:pan-y}.turned .sandbox-roster .roster-row{touch-action:pan-x}.header-btn{height:32px;min-height:32px;font-size:13px}.talent-btn{height:30px;min-height:30px}.stage-row{padding:8px;font-size:14px}.roster-filter,.roster-search{height:32px;min-height:32px;font-size:14px}.sandbox-tab{height:34px;min-height:34px;font-size:14px}.settings-tab{padding:10px 12px}.drag-handle{margin:-6px -6px -6px -12px;padding:6px 12px}@container app (width<=599px) or (height<=599px){.layout-probe{width:2px}:where(.app *){touch-action:pan-y pinch-zoom}:where(.app) button{touch-action:pan-y pinch-zoom}:where(.app.turned *){touch-action:pan-x pinch-zoom}:where(.app.turned) button{touch-action:pan-x pinch-zoom}.ground-scroll,.ground-scroll *{touch-action:auto}.nav-toggle,.stage-toggle{display:none}.drawer{z-index:22;pointer-events:auto;max-width:88cqw;transition:transform var(--slide-ms) ease-out;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.pulling{transform:translateX(min(0px, calc(-100% + var(--pull,0px))));transition:none}.drawer.open{transform:none}.drawer.open.pulling{transform:translateX(min(0px, var(--pull,0px)))}.drawer>*{flex:auto;min-height:0}.drawer-scrim{z-index:21;display:block;position:fixed;inset:0}.nav-scrim{z-index:19}.sidebar-slot,.sidebar-slot.closed{width:var(--sidebar-width);transition:transform var(--slide-ms) ease-out}.sidebar-slot{pointer-events:auto;transform:none}.sidebar-slot.closed{pointer-events:none;transform:translate(100%)}.sidebar-slot.pulling{transform:translateX(max(0px, var(--pull,0px)));transition:none}.sidebar-slot.closed.pulling{transform:translateX(max(0px, calc(100% + var(--pull,0px))))}.browser{position:relative;overflow:hidden}.browser .roster-panel,.browser.showing-detail .roster-panel{width:151.5px;display:flex}.browser .browser-main,.browser:not(.showing-detail) .browser-main{display:flex}.settings-page{flex-direction:row;overflow:hidden}.settings-tabs{flex-direction:column;width:110px}.settings-tab{flex:none}.stage-main{left:0!important}.stage-sidebar-layer{z-index:22}.stage-sidebar-slot,.stage-sidebar-slot.closed{pointer-events:auto;height:100%;width:auto!important}.stage-sidebar{padding:12px;width:min(88cqw,340px)!important}.stage-sidebar .hold{flex:auto;height:auto;min-height:0}.stage-columns{flex-direction:column;gap:6px;overflow:hidden}.stage-column,.stage-column.categories{flex:1 1 0;width:100%;height:auto;min-height:0}.stage-columns>.vrule.full{align-self:stretch;width:auto;height:1px}.lineup-editor{flex-direction:row;overflow:hidden}.lineup-center{gap:8px;padding:8px 8px 82px;overflow:hidden}.combos-card{min-height:0}.sandbox-roster{border-radius:0 var(--radius-md) var(--radius-md) 0;width:151.5px;height:100%}.lineup-bar{flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}.lineup-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lineup-center.beside{flex-direction:row;align-items:stretch}.lineup-center.beside .combos-card{min-width:0}.lineup-saved-btn{min-height:30px;padding:4px 12px;font-size:13px}.saved-panel{z-index:22;border-radius:var(--radius-md) 0 0 var(--radius-md);width:min(80cqw,240px);height:auto;transition:transform var(--slide-ms) ease-out;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.saved-panel.shown{transform:none}}}