.sb{--sb-ink:#f4e8ce;--sb-dim:#a6b5bb;--sb-copper:#d6a879;--sb-teal:#87b6b0;position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:610px;max-height:calc(100svh - 130px);min-height:455px;width:100%;max-width:440px;margin:0 auto;color:var(--sb-ink);background:#102736;border:1px solid #405663;border-radius:16px;overflow:hidden;font-family:inherit;box-shadow:0 14px 35px #07162224;box-sizing:border-box}
.sb *{box-sizing:border-box}.sb button,.sb input{font:inherit}.sb button{min-height:34px;border:1px solid #61717a;background:#263f4d;color:var(--sb-ink);border-radius:8px;padding:6px 10px;cursor:pointer;line-height:1.15}.sb button:disabled{opacity:.42;cursor:default}.sb button:not(:disabled):hover{background:#355564;border-color:#d6a879}.sb button:focus-visible,.sb input:focus-visible,.sb canvas:focus-visible{outline:3px solid #e9bf76;outline-offset:2px}.sb .sb-primary{background:#d1a574;color:#192d38;border-color:#dfbe94;font-weight:750}.sb .sb-primary:not(:disabled):hover{background:#e0b886;color:#142c3a}.sb-top{display:flex;gap:8px;align-items:center;padding:8px 12px 5px;min-height:43px}.sb-location{min-width:0;flex:1}.sb-location strong{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-location small{font-size:11px;color:var(--sb-dim)}.sb-vitals{display:flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.sb-vitals span:first-child{color:#f0b69f}.sb-top button{padding:5px 10px;min-height:32px;font-size:12px}.sb-charge{display:flex;align-items:center;gap:9px;padding:0 12px 6px;font-size:11px;font-variant-numeric:tabular-nums}.sb-charge-track{height:5px;flex:1;background:#081d28;border-radius:3px;overflow:hidden}.sb-charge-fill{height:100%;background:var(--sb-teal)}.sb-arena{position:relative;min-height:0;background:#0b2230;overflow:hidden}.sb-arena canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;outline-offset:-3px}.sb-status{pointer-events:none;position:absolute;inset:8px 8px auto;display:flex;justify-content:center;text-align:center}.sb-status span{max-width:100%;font-size:11px;line-height:1.3;background:#0d2533ed;border:1px solid #5267749c;border-radius:5px;padding:5px 9px;color:#dce4dd;box-shadow:0 3px 10px #07162055}.sb-controls{padding:6px 10px 3px;background:#142f3e}.sb-knobs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:5px}.sb-knob{display:flex;gap:6px;align-items:center;font-size:11px;min-width:0}.sb-knob span{white-space:nowrap}.sb-knob input{min-width:0;width:100%;height:22px;accent-color:#d6a879;direction:ltr;touch-action:pan-x}.sb-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:5px}.sb-actions button{min-width:0;padding:5px 3px;font-size:12px;min-height:37px}.sb-actions small{display:block;font-size:10px;opacity:.85;margin-top:2px}.sb-guide{width:100%;margin-top:5px;min-height:30px!important;font-size:11px!important}.sb-guide[hidden]{display:none}.sb-foot{display:flex;justify-content:space-between;gap:5px;padding:4px 12px 7px;font-size:10px;color:#aebdc3;min-height:23px}.sb-footer-warn{color:#efbb8e}.sb-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px;background:#071820d9;backdrop-filter:blur(3px)}.sb-panel{background:#173442;border:1px solid #8b8a7c;border-radius:13px;padding:18px;max-height:100%;overflow:auto;overscroll-behavior:contain;width:min(100%,440px);color:var(--sb-ink);box-shadow:0 15px 50px #0006}.sb-panel h2{font-size:20px;line-height:1.2;margin:0 0 12px;font-weight:700}.sb-panel p{color:#c3d0d2;font-size:12px;line-height:1.5;margin:8px 0}.sb-panel .sb-summary{font-size:15px;color:#f0ddba;font-variant-numeric:tabular-nums}.sb-panel>.sb-primary{width:100%;margin:6px 0}.sb-panel button{font-size:12px}.sb-panel .sb-mode-grid,.sb-shop{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.sb-panel input[type=text]{width:100%;border:1px solid #657782;color:#f0e6d1;background:#0d2634;padding:8px;border-radius:6px;font-size:12px;margin:6px 0 2px;direction:ltr}.sb-panel label{display:block;font-size:11px;color:#bac9ce}.sb-choice{display:flex;width:100%;text-align:start;flex-direction:column;gap:4px;padding:10px!important;margin:7px 0}.sb-choice strong{font-size:13px}.sb-choice small{line-height:1.4;font-size:11px;color:#bdccce}.sb-choice[aria-pressed=true]{border-color:#edc27f;background:#3e5256}.sb-rank{font-size:10px;color:#b9c4c5}.sb-stars{font-size:22px;letter-spacing:4px;color:#edc284;margin-bottom:8px}.sb-shortcuts{display:block}.sb-mobile-hint{display:none}
@media(max-width:420px){.sb{height:550px;max-height:calc(100svh - 120px);min-height:460px;border-radius:11px}.sb-top{padding:7px 8px 4px;gap:6px}.sb-location strong{font-size:12px}.sb-location small{font-size:10px}.sb-vitals{gap:6px;font-size:12px}.sb-top button{font-size:11px;padding:5px 7px}.sb-charge{padding:0 8px 5px;font-size:10px;gap:6px}.sb-controls{padding:5px 7px 3px}.sb-knobs{gap:7px}.sb-actions{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:4px}.sb-actions button{font-size:11px;min-height:37px}.sb-foot{padding:4px 8px 6px}.sb-shortcuts{display:none}.sb-mobile-hint{display:block}.sb-panel{padding:14px}.sb-panel h2{font-size:18px}.sb-status span{font-size:10px;max-width:95%}}
@media(prefers-reduced-motion:reduce){.sb-overlay{backdrop-filter:none}}

.sb-foot>span:first-child{min-width:0;max-width:47%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sb-foot>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-foot>span:not(:first-child){flex:1;text-align:end}