.gramola{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.gramola-cabinet{border:2px solid var(--color-navy);background:radial-gradient(130% 70% at 50% 0%, color-mix(in srgb, var(--season-accent) 22%, transparent), transparent 60%), linear-gradient(180deg, #fffdf824, transparent 18%), repeating-linear-gradient(0deg, #7a3e1c0d 0 1px, transparent 1px 13px), linear-gradient(165deg, color-mix(in srgb, var(--color-marigold) 88%, #c07a38), color-mix(in srgb, var(--color-marigold-deep) 82%, #8c4a24));border-radius:24px;flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;padding:16px 18px;display:flex;overflow:hidden;box-shadow:inset 0 2px #fffdf8a6,inset 0 -6px 14px #0a0c232e,0 14px 30px #0a0c2347}.gramola-plate{flex:none;align-items:center;gap:12px;display:flex}.gramola-brand{border:2px solid var(--color-navy);background:color-mix(in srgb, var(--color-ground) 92%, transparent);color:var(--color-navy);border-radius:10px;flex:none;align-items:center;gap:7px;padding:5px 10px;display:inline-flex;box-shadow:inset 0 -2px #0a0c231f}.gramola-brand svg{width:22px;height:22px}.gramola-brand .brand-wordmark{font-family:var(--font-headline);font-size:calc(var(--game-text,16px) * .781);white-space:nowrap;line-height:1}.gramola-brand .brand-wordmark b{font-weight:800}.gramola-brand .brand-wordmark span{font-weight:500}.gramola-model{font-size:calc(var(--game-text,16px) * .625);letter-spacing:.22em;color:color-mix(in srgb, var(--color-navy) 82%, transparent);white-space:nowrap;text-overflow:ellipsis;flex:none;font-weight:800;overflow:hidden}.gramola-grille{border:2px solid color-mix(in srgb, var(--color-navy) 70%, transparent);background-image:radial-gradient(color-mix(in srgb, var(--color-navy) 78%, transparent) 1.4px, transparent 1.5px);background-position:50%;background-size:8px 8px;border-radius:8px;flex:40px;min-width:24px;max-width:240px;height:24px;margin-left:auto;box-shadow:inset 0 2px 4px #0a0c234d}.gramola-bands{flex-wrap:wrap;flex:none;gap:8px;display:flex}.gramola-chip{cursor:pointer;font-family:var(--font-base);font-weight:700;font-size:calc(var(--game-text,16px) * .781);border:2px solid var(--color-navy);background:var(--color-ground);color:var(--color-navy);box-shadow:0 3px 0 var(--color-navy);border-radius:10px;padding:6px 13px;transition:transform .1s,box-shadow .1s,background .1s}.gramola-chip:hover{transform:translateY(-1px)}.gramola-chip[aria-pressed=true]{background:var(--season-accent);color:var(--season-accent-ink);box-shadow:inset 0 -3px 0 #0a0c234d, 0 3px 0 var(--color-navy)}.gramola-dial{outline:none;flex:none;min-width:0}.gramola-dial:focus-visible{box-shadow:0 0 0 3px var(--season-accent);border-radius:14px}.gramola-window{border:2px solid var(--color-navy);background:linear-gradient(180deg, #fffdf829, transparent 45%), radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--season-glow) 42%, transparent), transparent 72%), color-mix(in srgb, var(--season-night) 92%, var(--color-navy));min-height:78px;box-shadow:inset 0 3px 10px #0a0c238c, 0 0 18px color-mix(in srgb, var(--season-glow) 35%, transparent);border-radius:14px;padding:12px 0 8px;position:relative;overflow:hidden}.gramola-band{align-items:flex-end;width:max-content;height:100%;transition:transform .25s;display:flex}.gramola-mark{flex:0 0 var(--gramola-slot,108px);width:var(--gramola-slot,108px);cursor:pointer;font-family:var(--font-base);background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:0 6px 2px;display:flex}.gramola-mark:focus-visible{outline:2px solid var(--color-ground);outline-offset:2px;border-radius:6px}.gramola-mark-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:calc(var(--game-text,16px) * .813);color:color-mix(in srgb, var(--color-ground) 74%, transparent);font-weight:700;line-height:1.3;overflow:hidden}.gramola-mark:hover .gramola-mark-name{color:var(--color-ground)}.gramola-mark[aria-checked=true] .gramola-mark-name{color:var(--season-glow)}.gramola-mark[data-failed=true] .gramola-mark-name{color:color-mix(in srgb, var(--color-ground) 40%, transparent)}.gramola-mark-failed{font-size:calc(var(--game-text,16px) * .563);letter-spacing:.06em;color:var(--color-coral);font-style:normal;font-weight:800;line-height:1}.gramola-mark[data-failed=true] .gramola-tick{background:color-mix(in srgb, var(--color-coral) 70%, transparent)}.gramola-tick{background:color-mix(in srgb, var(--color-ground) 50%, transparent);border-radius:2px;width:2px;height:12px}.gramola-mark:hover .gramola-tick{background:var(--color-ground)}.gramola-mark[aria-checked=true] .gramola-tick{background:var(--season-glow);box-shadow:0 0 8px var(--season-glow)}.gramola-fade{pointer-events:none;z-index:2;width:34px;position:absolute;top:0;bottom:0}.gramola-fade-left{background:linear-gradient(90deg, color-mix(in srgb, var(--season-night) 88%, transparent), transparent);left:0}.gramola-fade-right{background:linear-gradient(270deg, color-mix(in srgb, var(--season-night) 88%, transparent), transparent);right:0}.gramola-needle{background:var(--color-coral);width:3px;box-shadow:0 0 10px var(--color-coral), 0 0 22px color-mix(in srgb, var(--color-coral) 60%, transparent);z-index:3;border-radius:3px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.gramola-freq{font-size:calc(var(--game-text,16px) * .719);letter-spacing:.04em;color:color-mix(in srgb, var(--color-navy) 86%, transparent);text-overflow:ellipsis;white-space:nowrap;margin:6px 2px 0;font-weight:700;overflow:hidden}.gramola-display{border:2px solid var(--color-navy);background:color-mix(in srgb, var(--color-ground) 92%, transparent);border-radius:12px;flex:none;align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex;box-shadow:inset 0 -2px #0a0c231a}.gramola-lamp{font-size:calc(var(--game-text,16px) * .625);letter-spacing:.14em;color:var(--text-soft);flex:none;font-weight:800}.gramola-lamp[data-on=true]{color:var(--color-coral-deep);animation:1.6s ease-in-out infinite gramola-lamp}@keyframes gramola-lamp{0%,to{opacity:1}50%{opacity:.45}}.gramola-sonando{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(var(--game-text,16px) * .813);color:var(--text);margin:0;font-weight:600;overflow:hidden}.gramola-controls{flex:none;align-items:center;gap:12px;display:flex}.gramola-speaker{border:2px solid color-mix(in srgb, var(--color-navy) 70%, transparent);background-image:radial-gradient(color-mix(in srgb, var(--color-navy) 70%, transparent) 1.6px, transparent 1.7px);background-position:50%;background-size:11px 11px;border-radius:16px;flex:44px;min-height:42px;max-height:130px;box-shadow:inset 0 2px 6px #0a0c2347,inset 0 -1px #fffdf840}.gramola-tune{border:2px solid var(--color-navy);background:var(--color-ground);width:44px;height:44px;color:var(--color-navy);font-size:calc(var(--game-text,16px) * .938);cursor:pointer;box-shadow:0 4px 0 var(--color-navy);border-radius:999px;flex:none;font-weight:800;transition:transform .1s,box-shadow .1s}.gramola-tune:hover{box-shadow:0 5px 0 var(--color-navy);transform:translateY(-1px)}.gramola-tune:active{box-shadow:0 1px 0 var(--color-navy);transform:translateY(3px)}.gramola-power{border:3px solid var(--color-navy);background:var(--season-accent);width:64px;height:64px;color:var(--season-accent-ink);font-size:calc(var(--game-text,16px) * 1.25);cursor:pointer;box-shadow:inset 0 -4px 0 #0a0c2340, 0 6px 0 var(--color-navy);border-radius:999px;flex:none;font-weight:800;transition:transform .1s,box-shadow .1s}.gramola-power:disabled{opacity:.55;cursor:default}.gramola-power:disabled:hover{transform:none}.gramola-volume{font-size:calc(var(--game-text,16px) * .813);color:var(--color-navy);align-items:center;gap:8px;margin-left:auto;font-weight:700;display:flex}.gramola-volume input{width:clamp(70px,18vw,120px);accent-color:var(--season-accent)}@media (width<=479.98px){.gramola-cabinet{border-radius:18px;gap:10px;padding:12px}.gramola-model{display:none}.gramola-power{width:56px;height:56px}.gramola-tune{width:40px;height:40px}}@media (height<=519.98px){.gramola{gap:8px}.gramola-cabinet{border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"plate plate""dial bands""status controls";align-content:center;gap:8px 14px;padding:10px 16px;display:grid}.gramola-plate{grid-area:plate}.gramola-dial{grid-area:dial}.gramola-display{grid-area:status}.gramola-bands{grid-area:bands;justify-content:flex-end;align-self:end}.gramola-controls{flex-wrap:wrap;grid-area:controls;place-content:center;gap:8px}.gramola-volume{justify-content:center;width:100%;margin-left:0}.gramola-grille,.gramola-freq,.gramola-speaker{display:none}.gramola-chip{font-size:calc(var(--game-text,16px) * .719);box-shadow:0 2px 0 var(--color-navy);padding:4px 10px}.gramola-window{min-height:66px;padding:8px 0 6px}.gramola-mark-name{font-size:calc(var(--game-text,16px) * .781)}.gramola-power{width:52px;height:52px}.gramola-tune{width:40px;height:40px}.gramola-display{padding:7px 12px}}@media (prefers-reduced-motion:reduce){.gramola-lamp[data-on=true],.gramola-band,.gramola-chip,.gramola-tune,.gramola-power{transition:none;animation:none}}