.shell{display:flex;flex-direction:column;gap:var(--sp-4)}.shell-hud{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.hud-item{display:flex;align-items:baseline;gap:var(--sp-2)}.hud-item__label{font-size:12px;color:var(--c-text-muted)}.hud-item__value{font-family:var(--font-mono);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;min-width:2ch}.hud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-left:auto}.hud-select{padding:8px 10px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);font-size:14px;cursor:pointer}.shell-stage{position:relative;min-height:320px;padding:var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow-x:auto}.shell-stage__inner{display:flex;justify-content:center}.shell-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#080b108c;backdrop-filter:blur(3px)}.shell-overlay[hidden]{display:none}.panel{width:100%;max-width:420px;padding:var(--sp-5);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);text-align:center;animation:panel-in .18s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.panel__title{margin-bottom:var(--sp-2);font-size:24px}.panel--win .panel__title{color:var(--c-success)}.panel--lose .panel__title{color:var(--c-danger)}.panel__desc{color:var(--c-text-muted);font-size:14px}.panel__stats{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2) var(--sp-4);margin:var(--sp-4) 0;padding:var(--sp-3);background:var(--c-bg-sunken);border-radius:var(--r-md);text-align:left;font-size:14px}.panel__stats dt{color:var(--c-text-muted)}.panel__stats dd{margin:0;font-family:var(--font-mono);font-weight:600;text-align:right}.panel__best{font-size:13px;color:var(--c-accent);font-weight:600}.panel__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-4)}@media(max-width:640px){.shell-hud{gap:var(--sp-2) var(--sp-3);padding:var(--sp-3)}.hud-item__value{font-size:16px}.hud-actions{width:100%;margin-left:0}.shell-stage{padding:var(--sp-2)}}