@layer reset{*,:before,:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}img{max-width:100%;height:auto}}@layer globals{:root{--color-mascot-aqua:#00ced1;--color-mascot-charcoal-dark:#111827;--color-mascot-charcoal-light:#374151;--color-mascot-gold:gold;--color-mascot-white:#fff;--color-mascot-black:#000;--color-mascot-gray-text:#4b5563;--font-size-2xs:.512rem;--font-size-xs:.64rem;--font-size-sm:.8rem;--font-size-base:1rem;--font-size-lg:1.563rem;--font-size-xl:1.953rem;--font-size-3xl:3.052rem;--font-body:"MS PGothic", "Hiragino Sans", sans-serif;--font-mono:"Courier New", "MS Gothic", monospace;--font-dot:var(--font-mono);--line-height-body:1.7;--content-max-width:560px;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.25rem;--ease-out:cubic-bezier(.215, .61, .355, 1);--z-expanded:1000}:where([data-breakout-skin]) .breakout-readout-score{--font-size-breakout-score:min(var(--font-size-lg), calc(100cqw / var(--readout-score-length) * 1.6))}:where([data-breakout-skin]){--font-body:"Breakout Rounded", "Hiragino Maru Gothic ProN", sans-serif;--font-dot:var(--font-body);--font-mono:var(--font-body);--breakout-compact-control-size:36px;--font-size-breakout-clock-label:8px;--font-size-breakout-clock-elapsed:23px;--font-size-breakout-clock-fraction:14px;--font-size-breakout-clock-next:19px;--font-size-breakout-clock-next-fraction:12px;--breakout-clock-digits-height:25px;--breakout-clock-progress-height:3px;--breakout-clock-arrival-duration:.18s;--breakout-touch-control-height:44px;--breakout-scroll-hint-height:28px;--breakout-preview-compact-height:90px;--breakout-lcd-height:32px;--breakout-lcd-meter-width:26px;--breakout-panel-enter-duration:.32s;--breakout-menu-enter-offset:12px;--breakout-motion-ease:cubic-bezier(.22, 1, .36, 1);--breakout-motion-glint:color-mix(in srgb, var(--breakout-accent) 28%, var(--breakout-panel));--breakout-loading-toy-width:216px;--breakout-lcd-cue-duration:.9s;--breakout-lcd-scroll-duration:12s;--breakout-sound-score-height:60px;--breakout-sound-score-compact-height:52px;--breakout-sound-channel-size:26px;--breakout-sound-slider-height:28px;--breakout-sound-channel-a:#ecb95b;--breakout-sound-channel-b:#78ded1;--breakout-sound-channel-c:#c7b5ff;--breakout-sound-channel-d:#a0bd6c;--breakout-lcd-glass:#b8bdb4;--breakout-lcd-ink:#29352e;--breakout-lcd-idle:#a6aea1;--breakout-lcd-edge:#788377;--breakout-lcd-alert-idle:color-mix(in srgb, var(--breakout-caution-ink) 18%, var(--breakout-caution-surface));--breakout-dialog-width:320px;--breakout-dialog-backdrop:#000000bf;--breakout-panel:#20313b;--breakout-story-surface:color-mix(in srgb, var(--breakout-panel) 94%, transparent);--breakout-story-backdrop:color-mix(in srgb, var(--breakout-game-field) 88%, transparent);--breakout-game-highlight:#fff4d7;--breakout-caution-surface:#efc34f;--breakout-caution-ink:#1d303b;--breakout-paper:#1b2c35;--breakout-paper-2:#24353d;--breakout-white:#fff;--breakout-ink:#e2ece7;--breakout-muted:#91aaa9;--breakout-rule:#45616a;--breakout-accent:#ecb95b;--breakout-accent-soft:#384952;--breakout-action-ink:#18262a;--breakout-accent-text:var(--breakout-accent);--breakout-brand-accent:var(--breakout-accent);--breakout-header-surface:var(--breakout-paper);--breakout-header-ink:var(--breakout-ink);--breakout-header-muted:var(--breakout-muted);--breakout-header-accent:var(--breakout-brand-accent);--breakout-bezel-surface:var(--breakout-paper-2);--breakout-focus-color:var(--breakout-accent);--breakout-led-color:#78ded1;--breakout-led-bed:#0a151d;--breakout-led-recess-shadow:#0000007a;--breakout-led-recess-lip:#ffffff17;--breakout-led-divider:#030b10;--breakout-bezel-height:16px;--breakout-light-window-height:7px;--breakout-light-window-width:84px;--breakout-signal:#78ded1;--breakout-game-field:#111d26;--breakout-game-ink:#e2ece7;--breakout-game-ball:#ecb95b;--breakout-game-ai-ball:#c7b5ff;--breakout-game-ball-outline:#fff;--breakout-game-paddle:#20313b;--breakout-game-catch:#78ded1;--breakout-game-core:#ecb95b;--breakout-game-shot:#ff7b62;--breakout-game-homing-laser:#69dfff;--breakout-game-returned:#78ded1;--breakout-game-burn:#fba255;--breakout-brick-normal:#2b414a;--breakout-brick-special:#384952;--breakout-brick-medium:#597581;--breakout-brick-hard:#b4c9cf;--breakout-brick-edge:#45616a;--breakout-brick-ink:#91aaa9;--breakout-brick-bomb:#ecb95b;--breakout-brick-laser:#ff7b62;--breakout-brick-poison:#a0bd6c;--breakout-brick-poison-laser:#c4a1d9;--breakout-brick-fire:#fba255;--breakout-brick-both:#ecb95b;--breakout-brick-missile:#ff7b62;--breakout-control-icon-size:var(--space-base);--breakout-menu-icon-size:var(--space-lg);--color-breakout-ui-canvas:var(--breakout-game-field);--color-breakout-ui-text:var(--breakout-ink);--color-breakout-ui-muted:var(--breakout-muted);--color-breakout-ui-accent:var(--breakout-accent-text);--color-breakout-ui-border:var(--breakout-rule);--color-breakout-ui-shell-border:var(--breakout-rule);--color-breakout-ui-control-border:var(--breakout-rule);--color-breakout-ui-primary-border:var(--breakout-accent);--color-breakout-ui-primary-text:var(--breakout-action-ink);--color-breakout-ui-selected-text:var(--breakout-ink);--breakout-ui-surface:var(--breakout-panel);--breakout-ui-bar:var(--breakout-header-surface);--breakout-ui-control:var(--breakout-panel);--breakout-ui-primary:var(--breakout-accent);--breakout-ui-selected:var(--breakout-accent-soft);--breakout-ui-control-shadow:none;--breakout-ui-primary-shadow:none;--breakout-ui-panel-shadow:none;--breakout-ui-pressed-shadow:inset 0 -2px var(--breakout-accent);--breakout-ui-shell-shadow:0 3px 0 var(--breakout-paper);--breakout-ui-radius:2px;--breakout-ui-shell-radius:4px;--breakout-ui-panel-clip:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer pages{:root{--breakout-c-071020:#071020;--breakout-c-071726:#071726;--breakout-c-0b1628:#0b1628;--breakout-c-0c1528:#0c1528;--breakout-c-0d1c31:#0d1c31;--breakout-c-101d34:#101d34;--breakout-c-10243b:#10243b;--breakout-c-112239:#112239;--breakout-c-16a35a:#16a35a;--breakout-c-17243d:#17243d;--breakout-c-1a2d49:#1a2d49;--breakout-c-254b6b:#254b6b;--breakout-c-26395c:#26395c;--breakout-c-283d5a:#283d5a;--breakout-c-294c6f:#294c6f;--breakout-c-345271:#345271;--breakout-c-352d0c:#352d0c;--breakout-c-385779:#385779;--breakout-c-493a16:#493a16;--breakout-c-4acbe9:#4acbe9;--breakout-c-4bcde9:#4bcde9;--breakout-c-52758e:#52758e;--breakout-c-52d8f5:#52d8f5;--breakout-c-56cce8:#56cce8;--breakout-c-607086:#607086;--breakout-c-62d9f5:#62d9f5;--breakout-c-63758b:#63758b;--breakout-c-6d8799:#6d8799;--breakout-c-6f8298:#6f8298;--breakout-c-6fe5ff:#6fe5ff;--breakout-c-7188a2:#7188a2;--breakout-c-72e7ff:#72e7ff;--breakout-c-735d20:#735d20;--breakout-c-75e6ff:#75e6ff;--breakout-c-8fb4ca:#8fb4ca;--breakout-c-b9fffb:#b9fffb;--breakout-c-c9d2e3:#c9d2e3;--breakout-c-c9d7e8:#c9d7e8;--breakout-c-d0dceb:#d0dceb;--breakout-c-d6b842:#d6b842;--breakout-c-dc3f4d:#dc3f4d;--breakout-c-dffaff:#dffaff;--breakout-c-e9f5ff:#e9f5ff;--breakout-c-edf8ff:#edf8ff;--breakout-c-f0ca55:#f0ca55;--breakout-c-ffbe55:#ffbe55;--breakout-c-ffdf6e:#ffdf6e;--breakout-c-ffe36e:#ffe36e;--breakout-c-fff4ad:#fff4ad;--breakout-c-fff8d0:#fff8d0}.breakout-game{padding:var(--space-sm)}:where([data-breakout-skin]) :where(button[aria-pressed=true],button.is-selected){--breakout-button-background:var(--breakout-ui-selected);--breakout-button-text:var(--color-breakout-ui-selected-text);--breakout-button-border:var(--color-breakout-ui-accent);--breakout-button-shadow:var(--breakout-ui-pressed-shadow)}.breakout-reference-host,.breakout-reference{height:100%;min-height:0}.breakout-reference{gap:var(--space-xs);padding:var(--space-sm);grid-template-rows:auto auto auto minmax(0,1fr);display:grid;overflow:hidden}.breakout-reference .breakout-menu-heading{margin:0}.breakout-reference-categories{border-bottom:1px solid var(--breakout-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.breakout-reference-categories button{min-height:var(--space-xl);padding:var(--space-2xs);color:var(--breakout-muted);font:700 var(--font-size-xs) / 1.2 var(--font-body);background:0 0;border:0;border-bottom:2px solid #0000}.breakout-reference-categories button[aria-pressed=true]{border-bottom-color:var(--breakout-accent);color:var(--breakout-accent)}.breakout-reference-picker{grid-template-columns:var(--space-xl) minmax(0, 1fr) var(--space-xl);gap:var(--space-2xs);display:grid}.breakout-reference-picker :where(button,select){min-width:0;min-height:var(--space-xl);border:1px solid var(--breakout-rule);border-radius:var(--breakout-ui-radius);padding:var(--space-2xs);background:var(--breakout-panel);color:var(--breakout-ink);font:700 var(--font-size-xs) / 1.2 var(--font-body)}.breakout-reference-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translateX(var(--reference-drag,0));min-height:0;padding:var(--space-xs);border:1px solid var(--breakout-rule);border-radius:var(--breakout-ui-radius);background:var(--breakout-panel)}.breakout-reference-card:where([data-reference-direction="1"]){--reference-direction:1;animation:.22s ease-out referenceEnter}.breakout-reference-card:where([data-reference-direction="-1"]){--reference-direction:-1;animation:.22s ease-out referenceEnter}@keyframes referenceEnter{0%{transform:translateX(calc(var(--reference-direction) * 100%))}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.breakout-reference-card{animation:none}}.breakout-reference-meta{margin-top:var(--space-2xs);color:var(--breakout-muted);font:var(--font-size-2xs) / 1.2 var(--font-body);justify-content:space-between;display:flex}.breakout-reference-card h3{margin:0;margin-top:var(--space-xs);margin-bottom:var(--space-2xs);color:var(--breakout-accent);font-size:var(--font-size-base);line-height:1.2}.breakout-reference-card p{font:var(--font-size-xs) / 1.45 var(--font-body);margin:0}.breakout-reference-facts{margin:0;margin-top:var(--space-xs);border-top:1px solid var(--breakout-rule);font:var(--font-size-xs) / 1.4 var(--font-body)}.breakout-reference-facts>div{gap:var(--space-xs);padding-top:var(--space-xs);grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:baseline;display:grid}.breakout-reference-facts dt{color:var(--breakout-muted);font-size:var(--font-size-2xs);font-weight:700}.breakout-reference-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}@container breakout-menu (height<480px){.breakout-reference{gap:var(--space-2xs);padding:var(--space-xs)}.breakout-reference-card .breakout-preview-shell{height:var(--breakout-preview-compact-height);aspect-ratio:auto}.breakout-reference-card .breakout-preview-canvas{object-fit:contain;height:100%}.breakout-reference-card h3{margin-top:var(--space-2xs);font-size:var(--font-size-sm)}.breakout-reference-card p,.breakout-reference-facts{font-size:var(--font-size-2xs);line-height:1.4}.breakout-reference-facts>div{padding-top:var(--space-2xs)}}.breakout-entrance{z-index:6;color:var(--breakout-ink);grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.breakout-entrance-panel{background:var(--breakout-game-field);border-inline-end:1px solid var(--breakout-rule);border-block-end:1px solid var(--breakout-accent);height:100%;position:relative;overflow:hidden}.breakout-entrance-panel:after{content:"";border-block-start:1px solid var(--breakout-accent);animation:breakoutEntranceTrace var(--breakout-entrance-trace) cubic-bezier(.3, 0, .25, 1) calc(var(--breakout-entrance-index) * var(--breakout-entrance-stagger)) both;position:absolute;inset:0}.breakout-entrance-recovery{z-index:1;inset-inline:var(--space-lg);bottom:var(--space-lg);justify-items:center;gap:var(--space-sm);padding:var(--space-base);background:var(--breakout-game-field);text-align:center;font-size:var(--font-size-sm);visibility:hidden;animation:1ms linear 5s forwards breakoutEntranceRecovery;display:grid;position:absolute}@keyframes breakoutEntranceTrace{0%{transform:translateY(-2%)}to{transform:translateY(102%)}}@keyframes breakoutEntranceRecovery{to{visibility:visible}}@media (prefers-reduced-motion:reduce){.breakout-entrance-panel:after{border:0;animation:none}}.breakout-result-encounters{touch-action:pan-y;grid-column:1/-1;min-width:0}.breakout-encounter-heading{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);text-align:left;display:flex}.breakout-encounter-heading-short{display:none}.breakout-encounter-nav{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.breakout-encounter-nav button{border:1px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);background:var(--breakout-ui-control);width:32px;height:32px;color:var(--color-breakout-ui-accent);font-size:var(--font-size-lg);padding:0;line-height:1}.breakout-encounter-nav>span{min-width:58px;color:var(--color-breakout-ui-muted);font:700 var(--font-size-xs) / 1 var(--font-body);text-align:center}.breakout-encounter-grid{box-sizing:border-box;gap:var(--space-2xs);flex:0 0 100%;grid-template-columns:repeat(3,minmax(0,1fr));min-height:72px;display:grid}.breakout-encounter-window{overflow:hidden}.breakout-encounter-track{transform:translateX(calc(var(--encounter-page) * -100% + var(--encounter-drag)));transition:transform .24s var(--breakout-motion-ease);display:flex}.breakout-result-encounters[data-dragging=true] .breakout-encounter-track{transition:none}@media (prefers-reduced-motion:reduce){.breakout-encounter-track{transition:none}}.breakout-encounter-chip{justify-content:center;align-items:center;gap:var(--space-2xs);min-width:0;min-height:64px;padding:var(--space-2xs);border:1px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);background:var(--breakout-ui-surface);color:var(--color-breakout-ui-text);font-size:var(--font-size-xs);flex-direction:column;line-height:1.3;display:flex;position:relative}.breakout-encounter-icon{width:28px;height:28px;color:var(--color-breakout-ui-accent);flex:none;display:block}.breakout-encounter-name{text-wrap:balance;align-items:center;height:2.6em;display:grid}.breakout-encounter-new{padding:var(--space-2xs);background:var(--color-breakout-ui-accent);color:var(--color-breakout-ui-primary-text);font:700 var(--font-size-2xs) / 1.2 var(--font-body);letter-spacing:.05em;border-radius:2px;position:absolute;top:2px;right:2px}.breakout-encounter-empty{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);grid-column:1/-1;align-self:center;margin:0}@container breakout-result (width<250px){.breakout-encounter-heading-full{display:none}.breakout-encounter-heading-short{display:inline}}.breakout-run-clock{width:100%;min-width:0;color:var(--breakout-accent);font-variant-numeric:tabular-nums;letter-spacing:0}.breakout-run-clock[hidden]{display:none}.breakout-clock-values{align-items:end;gap:var(--space-xs);grid-template-columns:1.15fr 1fr;display:grid}.breakout-clock-label{color:var(--breakout-muted);font-size:var(--font-size-breakout-clock-label);letter-spacing:.04em;white-space:nowrap;line-height:1.25;display:block}.breakout-clock-mode{margin-left:var(--space-2xs)}.breakout-clock-time,.breakout-clock-countdown{height:var(--breakout-clock-digits-height);font-size:var(--font-size-breakout-clock-elapsed);white-space:nowrap;align-items:baseline;padding-top:.125rem;font-weight:700;line-height:1;display:flex}.breakout-clock-fraction{font-size:var(--font-size-breakout-clock-fraction);color:var(--breakout-muted)}.breakout-clock-next{text-align:right}.breakout-clock-countdown{color:var(--breakout-muted);font-size:var(--font-size-breakout-clock-next);justify-content:flex-end}.breakout-clock-countdown .breakout-clock-fraction{font-size:var(--font-size-breakout-clock-next-fraction)}.breakout-clock-unit{margin-left:var(--space-2xs);font-size:var(--font-size-breakout-clock-label)}.breakout-clock-rounded{display:none}.breakout-clock-progress{height:var(--breakout-clock-progress-height);margin-top:var(--space-2xs);background:var(--breakout-rule);border-radius:1px;position:relative;overflow:hidden}.breakout-clock-fill,.breakout-clock-arrival{transform-origin:0;background:var(--breakout-accent);display:block;position:absolute;inset:0}.breakout-clock-arrival{background:var(--breakout-game-highlight);animation:breakoutClockArrival var(--breakout-clock-arrival-duration) ease-out both}[data-clock-phase=near] .breakout-clock-next :where(span,div){color:var(--breakout-accent)}[data-clock-phase=near] .breakout-clock-fill{background:var(--breakout-caution-surface)}:where([data-clock-phase=paused],[data-clock-phase=ended]) .breakout-clock-fill{background:var(--breakout-muted)}[data-clock-phase=paused] .breakout-clock-arrival{animation-play-state:paused}[data-clock-visible] .breakout-screen-actions button{width:var(--breakout-compact-control-size);min-width:var(--breakout-compact-control-size);height:var(--breakout-touch-control-height);flex-direction:row;padding:0}@keyframes breakoutClockArrival{to{opacity:0}}@media (prefers-reduced-motion:reduce){.breakout-clock-fraction,.breakout-clock-seconds,.breakout-clock-arrival{display:none}.breakout-clock-rounded{display:inline}}.breakout-skill-scroll-hint{min-height:var(--breakout-touch-control-height);justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--breakout-accent);padding:var(--space-2xs);background:var(--breakout-accent);color:var(--breakout-action-ink);font:700 var(--font-size-xs) / 1.2 var(--font-body);cursor:pointer;display:flex}.breakout-skill-scroll-hint[data-visible=false]{visibility:hidden}.breakout-skill-scroll-hint svg{width:var(--space-xl);height:var(--space-xl);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:1.2s ease-in-out infinite skillScrollHint}@keyframes skillScrollHint{50%{opacity:.65;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.breakout-skill-scroll-hint svg{animation:none}}.breakout-purchase-dialog{width:min(var(--breakout-dialog-width), calc(100% - var(--space-xl)));border:1px solid var(--color-breakout-ui-accent);border-radius:var(--breakout-ui-radius);padding:var(--space-base);background:var(--breakout-panel);color:var(--breakout-ink);font:var(--font-size-sm) / 1.5 var(--font-body)}.breakout-purchase-dialog::backdrop{background:var(--breakout-dialog-backdrop)}.breakout-purchase-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.breakout-purchase-dialog h2{font-size:var(--font-size-base);color:var(--breakout-accent);margin:0}.breakout-purchase-cost{color:var(--breakout-accent);font:700 var(--font-size-base) / 1.3 var(--font-body);flex-shrink:0}.breakout-purchase-actions{gap:var(--space-xs);margin-top:var(--space-lg);display:flex}.breakout-purchase-actions button{min-height:var(--breakout-touch-control-height);border:1px solid var(--breakout-rule);border-radius:var(--breakout-ui-radius);background:var(--breakout-paper);color:var(--breakout-ink);font:700 var(--font-size-sm) / 1 var(--font-body);flex:1}.breakout-purchase-actions button:last-child{background:var(--breakout-accent);color:var(--breakout-action-ink)}.breakout-skill-list{gap:var(--space-xs);font-family:var(--font-body);height:100%;padding:var(--space-base);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.breakout-skill-list-heading{align-items:center;gap:var(--space-xs);display:flex}.breakout-skill-list-heading h2{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base);margin:0}.breakout-skill-list-heading .breakout-back-btn{padding-inline:var(--space-xs);font-size:var(--font-size-xs)}.breakout-skill-list-wallet{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);white-space:nowrap;margin-left:auto}.breakout-skill-list-wallet strong{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base)}.breakout-skill-bedroom{color:var(--color-mascot-red);vertical-align:middle;line-height:0;display:inline-block}.breakout-skill-bedroom svg{fill:currentColor;stroke:currentColor;stroke-width:1px;width:12px;height:10px}.breakout-skill-list button:disabled{opacity:.5;cursor:default}.breakout-skill-list button:focus-visible{outline:2px solid var(--color-breakout-ui-text);outline-offset:2px}.breakout-skill-list-footer{align-items:center;gap:var(--space-2xs);grid-template-columns:1fr auto;display:grid}.breakout-skill-list-footer p{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);text-align:right;margin:0}.breakout-skill-list-footer p>span{font-size:var(--font-size-2xs);display:block}.breakout-skill-list-notice{text-align:right;grid-column:1/-1;min-height:1.4em}.breakout-skill-list-content{gap:var(--space-xs);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.breakout-skill-categories{gap:var(--space-xs);border-bottom:1px solid var(--color-breakout-ui-border);align-items:center;display:flex}.breakout-skill-categories button{min-height:36px;padding:var(--space-2xs);color:var(--color-breakout-ui-muted);font:var(--font-size-xs) / 1.3 var(--font-body);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.breakout-skill-categories button[aria-pressed=true]{border-bottom-color:var(--color-breakout-ui-accent);color:var(--color-breakout-ui-text)}.breakout-skill-categories span{font-size:var(--font-size-2xs);margin-inline-start:var(--space-2xs)}.breakout-skill-items{min-height:0;gap:var(--space-xs);min-inline-size:0;padding:0;border:0;grid-template-rows:none;grid-auto-rows:minmax(64px,auto);align-content:start;margin:0;padding-inline-end:var(--space-xs);display:grid}.breakout-skill-equipment-row{--skill-ink:var(--color-breakout-ui-text);align-items:center;gap:var(--space-xs);border:1px solid #0000;border-bottom-color:var(--color-breakout-ui-border);min-height:0;padding-inline:var(--space-xs) var(--space-2xs);border-left-width:3px;grid-template-columns:minmax(0,1fr) 64px;display:grid}.breakout-skill-equipment-row.is-equipped{--skill-ink:var(--color-breakout-ui-accent);border-left-color:var(--color-breakout-ui-accent);background:color-mix(in srgb, var(--color-breakout-ui-accent) 9%, var(--color-breakout-ui-canvas))}.breakout-skill-equipment-row.is-unowned{--skill-ink:var(--color-breakout-ui-muted)}.breakout-skill-summary{align-items:center;gap:var(--space-xs);grid-template-columns:24px minmax(0,1fr);min-width:0;display:grid}.breakout-skill-summary>svg{width:24px;height:24px;color:var(--skill-ink)}.breakout-skill-summary-copy h3{color:var(--color-breakout-ui-text);font-size:var(--font-size-sm);margin:0;line-height:1.3}.breakout-skill-reference{align-items:center;gap:var(--space-2xs);min-height:24px;color:var(--color-breakout-ui-muted);font:var(--font-size-xs) / 1.3 var(--font-body);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.breakout-equipment-toggle{cursor:pointer;place-items:center;width:64px;height:44px;display:grid;position:relative}.breakout-equipment-toggle input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.breakout-equipment-box{border:2px solid var(--color-breakout-ui-muted);border-radius:var(--breakout-ui-radius);background:var(--color-breakout-ui-canvas);width:28px;height:28px;color:var(--color-breakout-ui-primary-text);pointer-events:none;place-items:center;display:grid}.breakout-equipment-box svg{fill:none;stroke:currentColor;stroke-width:3px;opacity:0;width:18px;height:18px}.breakout-equipment-toggle input:checked+.breakout-equipment-box{border-color:var(--color-breakout-ui-accent);background:var(--color-breakout-ui-accent)}.breakout-equipment-toggle input:checked+.breakout-equipment-box svg{opacity:1}.breakout-equipment-toggle input:focus-visible+.breakout-equipment-box{outline:2px solid var(--color-breakout-ui-text);outline-offset:3px}.breakout-equipment-toggle input:disabled+.breakout-equipment-box{opacity:.5}.breakout-skill-unlock{min-height:var(--breakout-touch-control-height);justify-content:center;align-items:center;gap:var(--space-2xs);border:1px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);padding:var(--space-2xs);background:var(--breakout-ui-control);color:var(--color-breakout-ui-text);font:700 var(--font-size-xs) / 1.1 var(--font-body);cursor:pointer;flex-direction:column;display:flex}.breakout-skill-unlock svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:16px}.breakout-skill-unlock small{color:var(--color-breakout-ui-muted);font-size:var(--font-size-2xs);margin-inline-start:var(--space-2xs)}.breakout-skill-development-catalog{gap:var(--space-xs);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.breakout-skill-development-catalog p{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);margin:0}.breakout-skill-development-row{align-items:center;gap:var(--space-sm);border-bottom:1px dashed var(--color-breakout-ui-border);padding-inline:var(--space-xs);display:flex}.breakout-skill-development-row h3{color:var(--color-breakout-ui-muted);font-size:var(--font-size-sm);margin:0}.breakout-skill-development-placeholder{border:1px dashed var(--color-breakout-ui-border);width:24px;height:24px}.breakout-skill-scroll-viewport{overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-breakout-ui-muted) var(--color-breakout-ui-canvas);touch-action:pan-y;min-height:0;overflow:hidden auto}.breakout-skill-filter{border:1px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);min-width:0;max-width:94px;min-height:32px;padding:var(--space-2xs);background:var(--breakout-ui-control);color:var(--color-breakout-ui-text);font:var(--font-size-xs) / 1.3 var(--font-body);margin-inline-start:auto}.breakout-skill-filter:focus-visible{outline:2px solid var(--color-breakout-ui-text);outline-offset:2px}.breakout-skill-empty{padding:var(--space-lg) var(--space-xs);color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);margin:0;line-height:1.6}.breakout-skill-list-count{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs)}@media (width<360px){.breakout-skill-list{padding:var(--space-sm) var(--space-xs)}}.breakout-menu-screen:not([hidden]){animation:breakoutMenuEnter var(--breakout-panel-enter-duration) var(--breakout-motion-ease) both}.breakout-menu-screen[data-game-menu-screen=main]{--breakout-menu-enter-offset:-12px}.breakout-menu-nav button{animation:breakoutMenuItem var(--breakout-panel-enter-duration) var(--breakout-motion-ease) both}.breakout-menu-nav button:nth-child(2){animation-delay:30ms}.breakout-menu-nav button:nth-child(3){animation-delay:60ms}.breakout-menu-nav button:nth-child(4){animation-delay:90ms}.breakout-menu-nav button:nth-child(5){animation-delay:.12s}.breakout-menu-nav button:nth-child(6){animation-delay:.15s}.breakout-sound-host{min-height:0;display:grid;position:relative}.breakout-sound-content{min-height:0;animation:breakoutSoundReveal .36s var(--breakout-motion-ease) both;display:grid}.breakout-cabinet-loading{z-index:1;place-content:center;justify-items:center;gap:var(--space-lg);padding:var(--space-base);background:var(--breakout-game-field);color:var(--breakout-muted);font:var(--font-size-xs) / 1.5 var(--font-body);text-align:center;transition:opacity .24s,visibility 0s .24s;display:grid;position:absolute;inset:0}.breakout-cabinet-loading[data-ready=true]{opacity:0;visibility:hidden;pointer-events:none}.breakout-cabinet-loading-label{color:var(--breakout-accent);font-size:var(--font-size-base);letter-spacing:.2em;font-weight:700}.breakout-loading-toy{width:var(--breakout-loading-toy-width);gap:var(--space-sm);max-width:100%;padding:var(--space-xs);color:var(--breakout-muted);font:var(--font-size-2xs) / 1.5 var(--font-body);letter-spacing:.1em;touch-action:none;cursor:pointer;background:0 0;border:0;display:grid}.breakout-loading-toy:focus-visible{outline:1px solid var(--breakout-accent);outline-offset:2px}.breakout-loading-toy:active{color:var(--breakout-signal)}.breakout-loading-toy svg{width:100%;display:block;overflow:visible}.breakout-loading-rail{fill:none;stroke:var(--breakout-rule)}.breakout-loading-bricks{fill:var(--breakout-panel);stroke:var(--breakout-signal)}.breakout-loading-paddle{fill:var(--breakout-panel);stroke:var(--breakout-ink);animation:1.8s linear infinite breakoutLoadingPaddle}.breakout-loading-paddle path{fill:var(--breakout-accent);stroke:none}.breakout-loading-ball{fill:var(--breakout-accent);stroke:var(--breakout-ink);animation:1.8s linear infinite breakoutLoadingBall}.breakout-cabinet-loading:where([data-ready=true],[data-failed=true]) :where(.breakout-loading-ball,.breakout-loading-paddle){animation-play-state:paused}.breakout-cabinet-loading[data-failed=true] .breakout-loading-toy{display:none}@keyframes breakoutLoadingBall{0%,to{transform:translate(28px,56px)}25%{transform:translate(96px,20px)}50%{transform:translate(145px,56px)}75%{transform:translate(164px,20px)}}@keyframes breakoutLoadingPaddle{0%,to{transform:translate(0)}50%{transform:translate(117px)}}@keyframes breakoutMenuEnter{0%{opacity:0;transform:translateX(var(--breakout-menu-enter-offset))}to{opacity:1;transform:translate(0)}}@keyframes breakoutMenuItem{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes breakoutSoundReveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(6px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.breakout-menu-screen:not([hidden]),.breakout-menu-nav button,.breakout-sound-content,.breakout-loading-ball,.breakout-loading-paddle{animation:none}.breakout-loading-ball{transform:translate(96px,35px)}.breakout-cabinet-loading{transition:none}}.breakout-track-lcd{min-width:0;height:var(--breakout-lcd-height);align-items:center;gap:var(--space-2xs);padding-inline:var(--space-xs);border:1px solid var(--breakout-lcd-edge);border-radius:var(--breakout-ui-radius);background:var(--breakout-lcd-glass);color:var(--breakout-lcd-ink);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.breakout-track-lcd[data-lcd-alert]{--breakout-lcd-glass:var(--breakout-caution-surface);--breakout-lcd-ink:var(--breakout-caution-ink);--breakout-lcd-idle:var(--breakout-lcd-alert-idle);--breakout-lcd-edge:var(--breakout-caution-ink)}.breakout-track-lcd[data-lcd-alert]>:not(.breakout-lcd-alert){visibility:hidden}.breakout-lcd-alert{inset:1px var(--space-2xs);color:var(--breakout-lcd-ink);align-content:center;justify-items:center;display:grid;position:absolute}.breakout-lcd-alert [data-lcd-segments]{width:84px;max-width:100%;height:16px}.breakout-lcd-alert-detail{font:700 var(--font-size-2xs) / 1 var(--font-body);white-space:nowrap}.breakout-track-lcd-label{font:700 var(--font-size-2xs) / 1 var(--font-body);opacity:.7;writing-mode:vertical-rl;transform:rotate(180deg)}.breakout-track-lcd-viewport{min-width:0;overflow:hidden}.breakout-track-lcd-sequence{position:relative}.breakout-track-lcd-ready{background:var(--breakout-lcd-glass);animation:breakoutLcdReady var(--breakout-lcd-cue-duration) step-end both;align-items:center;display:flex;position:absolute;inset:0}.breakout-track-lcd-reveal{animation:breakoutLcdReveal .32s steps(8, end) var(--breakout-lcd-cue-duration) both}.breakout-track-lcd-sequence:not([data-lcd-track]) .breakout-track-lcd-reveal{animation-name:breakoutLcdStandby}.breakout-track-lcd-strip{align-items:center;gap:var(--space-lg);width:max-content;display:flex}.breakout-track-lcd-slot{min-width:var(--track-lcd-width);flex:none}.breakout-track-lcd-text{white-space:nowrap;width:max-content;font:var(--font-size-sm) / 1 var(--font-body);display:block;position:relative}.breakout-track-lcd-reveal-target{display:block;position:absolute;inset:0}.breakout-track-lcd-reveal-target-text{white-space:nowrap;background:var(--breakout-lcd-glass);opacity:0;animation:breakoutLcdDigitOn 1ms steps(1, jump-end) var(--breakout-lcd-reveal-effective-switch,0s) forwards;overflow:hidden}:where(.breakout-track-lcd-reveal-digit,.breakout-track-lcd-collapsing-digit,.breakout-track-lcd-reveal-target-text){--breakout-lcd-reveal-effective-switch:var(--breakout-lcd-reveal-switch,0s)}.breakout-track-lcd-reveal-digit{opacity:0;animation:breakoutLcdDigitOn 1ms steps(1, jump-end) var(--breakout-lcd-reveal-effective-switch,0s) forwards}.breakout-track-lcd-collapsing-digit{animation:breakoutLcdDigitOff 1ms steps(1, jump-end) var(--breakout-lcd-reveal-effective-switch,0s) forwards}.breakout-track-lcd-collapsing-digit path{animation-name:breakoutLcdSegmentFlicker;animation-duration:.7s;animation-timing-function:steps(2,jump-none);animation-fill-mode:forwards;animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms))}.breakout-track-lcd-collapsing-digit path:nth-child(2){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 13ms)}.breakout-track-lcd-collapsing-digit path:nth-child(3){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 26ms)}.breakout-track-lcd-collapsing-digit path:nth-child(4){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 39ms)}.breakout-track-lcd-collapsing-digit path:nth-child(5){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 52ms)}.breakout-track-lcd-collapsing-digit path:nth-child(6){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 65ms)}.breakout-track-lcd-collapsing-digit path:nth-child(7){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 78ms)}.breakout-track-lcd-collapsing-digit path:nth-child(8){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + 91ms)}.breakout-track-lcd-collapsing-digit path:nth-child(9){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .104s)}.breakout-track-lcd-collapsing-digit path:nth-child(10){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .117s)}.breakout-track-lcd-collapsing-digit path:nth-child(11){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .13s)}.breakout-track-lcd-collapsing-digit path:nth-child(12){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .143s)}.breakout-track-lcd-collapsing-digit path:nth-child(13){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .156s)}.breakout-track-lcd-collapsing-digit path:nth-child(14){animation-delay:calc(var(--breakout-lcd-reveal-collapse-start,0s) + (var(--breakout-lcd-reveal-digit-index,0) * 20ms) + .169s)}.breakout-track-lcd svg{display:block}.breakout-lcd-spectrum{width:var(--breakout-lcd-meter-width);height:var(--space-lg);padding-left:var(--space-2xs);border-left:1px solid var(--breakout-lcd-edge)}.breakout-lcd-spectrum-bed{fill:var(--breakout-lcd-idle)}.breakout-lcd-spectrum-band{fill:var(--breakout-lcd-ink);transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--lcd-band-level))}.breakout-track-lcd :where(path,circle){fill:var(--breakout-lcd-idle)}.breakout-track-lcd .is-on{fill:var(--breakout-lcd-ink)}.breakout-track-lcd[data-lcd-scroll] .breakout-track-lcd-strip{animation:breakoutTrackScroll var(--breakout-lcd-scroll-duration) linear infinite;animation-delay:calc(var(--breakout-lcd-cue-duration) + .32s)}.breakout-track-lcd[data-lcd-alert] :is(.breakout-track-lcd-ready,.breakout-track-lcd-reveal,.breakout-track-lcd-strip,.breakout-track-lcd-reveal-digit,.breakout-track-lcd-collapsing-digit,.breakout-track-lcd-reveal-target-text),.breakout-track-lcd[data-lcd-alert] .breakout-track-lcd-collapsing-digit path{animation-play-state:paused}@keyframes breakoutLcdReady{0%,50%{opacity:1}25%,75%,to{opacity:0}}@keyframes breakoutLcdReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes breakoutLcdStandby{0%{opacity:0}to{opacity:1}}@keyframes breakoutTrackScroll{0%,16.6667%{transform:translate(0)}to{transform:translateX(calc(-1 * (var(--track-lcd-width) + var(--space-lg))))}}@keyframes breakoutLcdSegmentFlicker{0%,to{fill:var(--breakout-lcd-ink)}50%{fill:var(--breakout-lcd-idle)}}@keyframes breakoutLcdDigitOn{to{opacity:1}}@keyframes breakoutLcdDigitOff{to{opacity:0}}@media (prefers-reduced-motion:reduce){.breakout-lcd-spectrum-band{transition:none;transform:scaleY(0)}.breakout-track-lcd-ready{animation:none;display:none}.breakout-track-lcd-reveal{animation:none}.breakout-track-lcd[data-lcd-scroll] .breakout-track-lcd-strip{width:100%;animation:none}.breakout-track-lcd-slot{flex-shrink:1;min-width:0;max-width:100%}.breakout-track-lcd-text,.breakout-track-lcd svg{max-width:100%}.breakout-track-lcd-copy{display:none}:where(.breakout-track-lcd-reveal-digit,.breakout-track-lcd-collapsing-digit,.breakout-track-lcd-reveal-target-text){--breakout-lcd-reveal-effective-switch:var(--breakout-lcd-reveal-uniform-switch,0s)}.breakout-track-lcd-collapsing-digit path{animation:none}}.breakout-retry-actions{gap:var(--space-xs);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;display:grid}.breakout-retry-actions .breakout-action-btn--retry{font-size:var(--font-size-sm);grid-column:auto}.breakout-change-run{border:1px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);min-height:48px;padding:var(--space-2xs);color:var(--color-breakout-ui-muted);font:var(--font-size-xs) / 1.3 var(--font-body);background:0 0}.breakout-record-state{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:48px;padding:var(--space-xs);color:var(--color-breakout-ui-accent);font:var(--font-size-xs) / 1.4 var(--font-body);text-align:center;flex-direction:column;display:flex}.breakout-record-state button{border:1px solid var(--color-breakout-ui-border);min-height:36px;padding:var(--space-2xs) var(--space-xs);background:var(--breakout-ui-control);color:var(--color-breakout-ui-text);font:inherit}.breakout-container{--breakout-frame-border:1px;--breakout-header-height:54px;--breakout-readout-height:42px;--expanded-content-alignment:safe center;flex-direction:column;align-items:center;display:flex}.breakout-canvas-wrapper{z-index:calc(var(--z-seasonal,0) + 1);touch-action:var(--breakout-touch-action,none);width:100%;max-width:420px;margin-left:auto;margin-right:auto;position:relative;transform:translateZ(0)}.breakout-display{transform-origin:0 0;flex-direction:column;flex:none;width:100%;max-width:360px;margin-inline:auto;transition-property:none;display:flex}.breakout-stage{box-sizing:border-box;border:var(--breakout-frame-border) solid var(--color-breakout-ui-shell-border);border-radius:var(--breakout-ui-shell-radius);background:var(--color-breakout-ui-canvas);width:100%;max-width:360px;box-shadow:var(--breakout-ui-shell-shadow);margin-inline:auto;line-height:normal;position:relative;overflow:hidden}.breakout-screen-bar{min-height:var(--breakout-header-height);border-bottom:1px solid var(--color-breakout-ui-border);background:var(--breakout-ui-bar);padding:0 var(--space-xs) 0 var(--space-sm);color:var(--breakout-header-ink);font:700 11px/1 var(--font-body);letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex;container:breakout-header/inline-size}.breakout-screen-label{align-items:center;gap:var(--space-xs);font-size:var(--font-size-base);letter-spacing:.04em;display:inline-flex}.breakout-screen-label>span{color:var(--breakout-header-accent);font-size:var(--font-size-xs)}.breakout-screen-meta{margin-right:var(--space-xs);gap:var(--space-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.breakout-screen-status{gap:var(--space-2xs);color:var(--breakout-header-muted);font-size:var(--font-size-2xs);letter-spacing:.04em;flex-wrap:wrap;display:flex}.breakout-screen-status>span{white-space:nowrap}.breakout-screen-actions{align-items:center;gap:var(--space-2xs);display:flex}.breakout-expand-toggle,.breakout-expand-close,.breakout-menu-open{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-control-border));border-radius:var(--breakout-ui-radius);background:var(--breakout-button-background,var(--breakout-ui-control));min-width:72px;min-height:44px;color:var(--breakout-button-text,var(--color-breakout-ui-text));font:700 13px/1 var(--font-body);letter-spacing:.08em;white-space:nowrap;box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow))}.breakout-expand-toggle,.breakout-expand-close{min-width:96px}.breakout-playfield{width:100%;position:relative}.breakout-canvas{aspect-ratio:320/480;background-color:var(--breakout-game-field);width:100%;height:auto;display:block}:where([data-breakout-screen=gameover]){--breakout-touch-action:pan-y;--expanded-touch-action:pan-y}.breakout-overlay{z-index:5;color:var(--color-breakout-ui-text);text-align:center;position:absolute;left:0;right:0}.breakout-loading{z-index:6;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--breakout-ui-surface);color:var(--color-breakout-ui-text);text-align:center;font-family:var(--font-body);font-size:var(--font-size-sm);flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.breakout-story-modal{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.breakout-story-modal::backdrop{background:color-mix(in srgb, var(--color-mascot-black) 60%, transparent)}.breakout-result-art-modal{background:0 0;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:flex;position:fixed;inset:0}.breakout-result-art-modal img{object-fit:contain;max-width:100vw;max-height:100vh}.breakout-result-art-close{top:var(--space-sm);right:var(--space-sm);position:absolute}.breakout-loading progress{width:100%;accent-color:var(--color-mascot-aqua)}.breakout-loading a{color:var(--color-mascot-aqua)}.breakout-loading-note{font-size:var(--font-size-xs)}@media (width<340px){.breakout-menu-kicker{display:none}}.breakout-action-btn{border:2px solid var(--breakout-button-border,var(--color-breakout-ui-control-border));border-radius:var(--breakout-ui-radius);min-height:48px;padding:var(--space-xs) var(--space-sm);box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow));white-space:nowrap;background:var(--breakout-button-background,var(--breakout-ui-control));color:var(--breakout-button-text,var(--color-breakout-ui-text));flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1.2;display:inline-flex}.breakout-action-btn>span{margin-top:var(--space-2xs);font-size:var(--font-size-2xs);font-weight:400}.breakout-gameover-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden;container:breakout-result/inline-size}.breakout-result-actions{align-content:center;gap:var(--space-2xs);padding:var(--space-xs);pointer-events:auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:51.6667% 0 0}.breakout-gameover-overlay[hidden],.breakout-start-screen[hidden],.breakout-game-menu[hidden],.breakout-menu-screen[hidden],.breakout-ranking-unavailable[hidden],.breakout-skill-change-note[hidden],.breakout-skill-persistence-status[hidden],.breakout-data-toast[hidden],.breakout-preview-shell>[hidden]{display:none}.breakout-gameover-overlay :where(button){pointer-events:auto}.breakout-sp-result{justify-content:space-between;align-items:baseline;gap:var(--space-xs);color:var(--color-breakout-ui-accent);font:700 var(--font-size-xs) / 1.2 var(--font-body);grid-column:1/-1;margin:0;display:flex}.breakout-sp-result strong{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base)}.breakout-sp-result span{color:var(--color-breakout-ui-muted)}.breakout-sp-earned{align-items:baseline;gap:var(--space-xs);display:inline-flex}.breakout-action-btn--retry{background:var(--breakout-button-background,var(--breakout-ui-primary));min-height:48px;color:var(--breakout-button-text,var(--color-breakout-ui-primary-text));border-color:var(--breakout-button-border,var(--color-breakout-ui-primary-border));box-shadow:var(--breakout-button-shadow,var(--breakout-ui-primary-shadow));grid-column:1/-1}.breakout-action-btn--record,.breakout-action-btn--skill{background:var(--breakout-button-background,var(--breakout-ui-control));color:var(--breakout-button-text,var(--color-breakout-ui-text));border-color:var(--breakout-button-border,var(--color-breakout-ui-control-border));box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow))}.breakout-ranking-unavailable{color:var(--color-breakout-ui-accent);font:700 var(--font-size-2xs) / 1.3 var(--font-body);grid-column:1/-1;margin:0}.breakout-action-btn:disabled{opacity:.65;box-shadow:none}.breakout-container>:where(.expanded-container){box-sizing:border-box;overscroll-behavior:contain;overflow-y:auto;container:breakout-viewport/size}:where(.expanded-container) .breakout-display{width:min(360px, 100cqw, calc(( 100cqh - var(--breakout-header-height) - var(--breakout-readout-height) - 2 * var(--breakout-bezel-height) - 2 * var(--breakout-frame-border) ) * 320 / 480 + 2 * var(--breakout-frame-border)))}@container breakout-viewport (width>=360px) and (height>=600px){.breakout-display{zoom:var(--breakout-display-scale,1);width:360px}}.breakout-result-footer{box-sizing:border-box;width:100%;max-width:360px;margin-inline:auto;margin-top:var(--space-xs);border-radius:var(--breakout-ui-radius);background:var(--color-breakout-ui-canvas);padding:var(--space-xs);text-align:center;flex:none}.breakout-game-menu{z-index:15;background:var(--color-breakout-ui-canvas);color:var(--color-breakout-ui-text);font-family:var(--font-body);position:absolute;inset:0;overflow:hidden;container:breakout-menu/size}.breakout-menu-screen{overscroll-behavior:contain;height:100%;padding:var(--space-base);scrollbar-color:var(--color-breakout-ui-accent) var(--color-breakout-ui-canvas);overflow-y:auto}.breakout-menu-screen--skill,.breakout-menu-screen--data{padding:0;overflow:hidden}.breakout-menu-screen[data-game-menu-screen=main]:not([hidden]){flex-direction:column;justify-content:safe center;display:flex}.breakout-menu-screen--sound:not([hidden]){padding:var(--space-xs);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.breakout-menu-screen--sound .breakout-menu-heading{margin-bottom:var(--space-2xs)}.breakout-menu-screen--sound .breakout-back-btn{min-height:var(--breakout-compact-control-size)}.breakout-menu-kicker{color:var(--color-breakout-ui-accent);font-size:var(--font-size-xs);letter-spacing:.15em;margin:0;margin-block-end:var(--space-2xs)}.breakout-menu-title{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base);letter-spacing:.05em;text-shadow:none;margin:0;margin-block-end:var(--space-base)}.breakout-menu-nav{gap:var(--space-xs);display:grid}.breakout-menu-nav button,.breakout-back-btn,.breakout-option-list button,.breakout-option-list select{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-control-border));border-radius:var(--breakout-ui-radius);background:var(--breakout-button-background,var(--breakout-ui-control));min-height:44px;padding:var(--space-xs) var(--space-sm);color:var(--breakout-button-text,var(--color-breakout-ui-text));font:700 13px/1.2 var(--font-body);letter-spacing:.04em;white-space:nowrap;box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow))}.breakout-menu-nav button:first-child{border-color:var(--breakout-button-border,var(--color-breakout-ui-primary-border));background:var(--breakout-button-background,var(--breakout-ui-primary));color:var(--breakout-button-text,var(--color-breakout-ui-primary-text));box-shadow:var(--breakout-button-shadow,var(--breakout-ui-primary-shadow))}.breakout-menu-heading{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);grid-template-columns:auto 1fr;display:grid}.breakout-menu-heading h2{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base);letter-spacing:.06em;margin:0}.breakout-skill-flow,.breakout-skill-screen{height:100%;min-height:0}.breakout-skill-screen{padding:var(--space-base);overflow:hidden}.breakout-skill-screen--detail{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.breakout-skill-detail-heading{margin-block-end:var(--space-xs)}.breakout-skill-card{align-content:start;align-self:start;gap:var(--space-xs);border:1px solid var(--color-breakout-ui-border);border-left:3px solid var(--color-breakout-ui-border);border-radius:var(--breakout-ui-radius);background:var(--breakout-ui-surface);min-height:0;padding:var(--space-sm);box-shadow:var(--breakout-ui-panel-shadow);grid-template-rows:auto auto auto auto auto;margin-block-start:0;display:grid;overflow:hidden}.breakout-skill-card.is-equipped{border-color:var(--color-breakout-ui-accent);box-shadow:inset 0 0 0 1px var(--color-breakout-ui-accent)}.breakout-skill-card-meta{justify-content:space-between;gap:var(--space-2xs) var(--space-xs);color:var(--color-breakout-ui-accent);font-size:var(--font-size-2xs);letter-spacing:.05em;flex-wrap:wrap;margin:0;display:flex}.breakout-skill-detail-status{color:var(--color-breakout-ui-accent)}.breakout-skill-detail-status--development{color:var(--color-breakout-ui-muted)}.breakout-skill-detail-name{color:var(--color-breakout-ui-accent);font-size:var(--font-size-base);margin:0}.breakout-skill-detail-description{color:var(--color-breakout-ui-text);font-size:var(--font-size-xs);margin:0;line-height:1.5}.breakout-skill-detail-action{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-primary-border));border-radius:var(--breakout-ui-radius);background:var(--breakout-button-background,var(--breakout-ui-primary));width:100%;min-height:44px;color:var(--breakout-button-text,var(--color-breakout-ui-primary-text));font:700 var(--font-size-sm) / 1.2 var(--font-body);box-shadow:var(--breakout-button-shadow,var(--breakout-ui-primary-shadow));margin-top:0}.breakout-skill-mode-note,.breakout-skill-change-note,.breakout-skill-persistence-status{margin:0;color:var(--color-breakout-ui-accent);font-size:var(--font-size-xs);letter-spacing:.05em;text-align:right;margin-block-start:var(--space-sm)}.breakout-skill-persistence-status,.breakout-skill-change-note{color:var(--breakout-c-ffbe55);line-height:1.5}.breakout-skill-detail-notes{min-height:0}.breakout-ranking-table{table-layout:fixed;border-collapse:collapse;width:100%;color:var(--color-breakout-ui-text);font-variant-numeric:tabular-nums}.breakout-ranking-table tbody tr{height:var(--ranking-row-height)}.breakout-ranking-table :where(th,td){border-bottom:1px solid var(--color-breakout-ui-border);padding-inline:var(--space-2xs);padding-block:calc(var(--space-2xs) / 2);font-size:var(--font-size-xs);text-align:right}.breakout-ranking-table thead th{color:var(--color-breakout-ui-accent);font-size:var(--font-size-2xs);letter-spacing:.08em}.breakout-ranking-table th:first-child{width:10%;color:var(--color-breakout-ui-accent);text-align:left}.breakout-ranking-table tbody tr:first-child:not(.is-empty){color:var(--color-breakout-ui-text);text-shadow:none}.breakout-ranking-table tbody tr.is-empty{color:var(--color-breakout-ui-muted)}.breakout-ranking-note{margin:0;margin-top:var(--space-sm);color:var(--color-breakout-ui-muted);font-size:var(--font-size-2xs);letter-spacing:.08em;text-align:right}.breakout-back-btn{min-width:88px;padding-inline:8px}.breakout-guide-list,.breakout-block-data{gap:var(--space-xs);display:grid}.breakout-guide-list article{border-left:3px solid var(--color-breakout-ui-border);background:var(--breakout-ui-surface);padding:var(--space-xs);border-radius:var(--breakout-ui-radius);box-shadow:var(--breakout-ui-panel-shadow)}.breakout-guide-list strong,.breakout-block-data strong{color:var(--color-breakout-ui-accent);font-size:var(--font-size-sm)}.breakout-guide-list p,.breakout-block-data p{color:var(--color-breakout-ui-text);font-size:var(--font-size-xs);margin:0;margin-block-start:var(--space-2xs);line-height:1.5}.breakout-enemy-carousel{align-items:stretch;gap:var(--space-xs);margin-bottom:var(--space-xs);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.breakout-enemy-carousel-nav{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-control-border));border-radius:var(--breakout-ui-radius);background:var(--breakout-button-background,var(--breakout-ui-control));min-height:44px;color:var(--breakout-button-text,var(--color-breakout-ui-text));font-size:var(--font-size-base);box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow))}.breakout-enemy-list{min-width:0}.breakout-enemy-list button{align-items:center;gap:var(--space-xs);border:1px solid var(--breakout-button-border,var(--color-breakout-ui-control-border));border-radius:var(--breakout-ui-radius);background:var(--breakout-button-background,var(--breakout-ui-control));width:100%;min-height:44px;padding:var(--space-xs);color:var(--breakout-button-text,var(--color-breakout-ui-text));font:700 11px/1.2 var(--font-body);text-align:left;box-shadow:var(--breakout-button-shadow,var(--breakout-ui-control-shadow));grid-template-columns:auto 1fr;display:grid}.breakout-enemy-list button[hidden]{display:none}.breakout-enemy-list button>span{color:var(--breakout-button-text,var(--color-breakout-ui-muted));font-size:var(--font-size-2xs)}.breakout-enemy-list button.is-locked{color:var(--color-breakout-ui-muted);filter:saturate(.25)}.breakout-enemy-detail{border:1px solid var(--color-breakout-ui-border);background:var(--breakout-ui-surface);padding:var(--space-xs);border-radius:var(--breakout-ui-radius);box-shadow:var(--breakout-ui-panel-shadow)}.breakout-preview-shell{aspect-ratio:280/144;border:1px solid var(--color-breakout-ui-border);background:var(--color-breakout-ui-canvas);box-shadow:var(--breakout-ui-panel-shadow);place-items:center;display:grid;position:relative;overflow:hidden}.breakout-skill-preview-shell{aspect-ratio:280/144;min-height:0;margin-block-start:0}.breakout-preview-canvas{width:100%;height:auto;display:block}.breakout-skill-preview-canvas{object-fit:contain;height:auto}.breakout-preview-shell p{padding:var(--space-sm);color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);text-align:center;margin:0}.breakout-enemy-detail h3{margin:var(--space-xs) 0 var(--space-2xs);color:var(--color-breakout-ui-accent);font-size:var(--font-size-base)}.breakout-enemy-meta{justify-content:space-between;gap:var(--space-2xs) var(--space-xs);color:var(--breakout-c-ffbe55);font-size:var(--font-size-xs);flex-wrap:wrap;margin:0;margin-block-end:var(--space-xs);display:flex}.breakout-enemy-detail>p:not(.breakout-enemy-meta){gap:var(--space-xs);color:var(--color-breakout-ui-text);font-size:var(--font-size-xs);grid-template-columns:68px 1fr;margin:0;margin-block-start:var(--space-xs);line-height:1.45;display:grid}.breakout-enemy-detail>p strong{color:var(--color-breakout-ui-accent)}.breakout-block-detail{border:1px solid var(--color-breakout-ui-border);background:var(--breakout-ui-surface);padding:var(--space-xs);border-radius:var(--breakout-ui-radius);box-shadow:var(--breakout-ui-panel-shadow)}.breakout-block-detail h3{margin:var(--space-xs) 0 var(--space-2xs);color:var(--color-breakout-ui-accent);font-size:var(--font-size-base)}.breakout-menu-screen:where([data-game-menu-screen=block]){overflow:hidden}.breakout-block-picker [data-block-type=both]{grid-column:span 2}@container breakout-menu (height<480px){.breakout-menu-screen:where([data-game-menu-screen=ranking]),.breakout-menu-screen:where([data-game-menu-screen=block]){padding:var(--space-xs)}.breakout-block-data{gap:var(--space-2xs)}.breakout-block-data .breakout-preview-shell{max-height:var(--breakout-preview-compact-height);aspect-ratio:auto}.breakout-block-data .breakout-preview-canvas{height:var(--breakout-preview-compact-height);object-fit:contain}.breakout-block-data .breakout-block-detail>p{font-size:var(--font-size-2xs);line-height:1.4}.breakout-block-detail h3{margin-top:var(--space-2xs);font-size:var(--font-size-sm)}}.breakout-block-data .breakout-block-detail>p{color:var(--color-breakout-ui-text);font-size:var(--font-size-xs);margin:0;line-height:1.45}.breakout-block-data>.breakout-block-note{color:var(--color-breakout-ui-muted);font-size:var(--font-size-2xs);margin:0;line-height:1.35}.breakout-option-list{gap:var(--space-xs);display:grid}.breakout-option-list>div{align-items:center;gap:var(--space-xs);border-bottom:1px solid var(--color-breakout-ui-border);padding-bottom:var(--space-xs);grid-template-columns:62px minmax(0,1fr);display:grid}.breakout-option-list span,.breakout-option-list label{color:var(--color-breakout-ui-accent);font-size:var(--font-size-xs)}.breakout-option-list button,.breakout-option-list select{box-sizing:border-box;width:100%;min-width:0}.breakout-skin-status{min-height:calc(3 * var(--font-size-sm));color:var(--color-breakout-ui-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.breakout-option-list input[type=range]{width:100%;accent-color:var(--color-breakout-ui-accent)}.breakout-data-toast{z-index:20;border:1px solid var(--color-breakout-ui-accent);border-radius:var(--breakout-ui-radius);background:var(--breakout-ui-surface);width:max-content;max-width:calc(100% - 20px);padding:var(--space-xs) var(--space-sm);color:var(--color-breakout-ui-accent);font:700 11px/1.2 var(--font-body);text-align:center;box-shadow:var(--breakout-ui-panel-shadow);margin:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}.breakout-safety-toast{top:var(--space-3xl);border-color:var(--breakout-c-16a35a);color:var(--color-mascot-white)}@media (width<360px){.breakout-screen-label{font-size:var(--font-size-2xs)}.breakout-menu-screen,.breakout-skill-screen{padding:var(--space-sm) var(--space-xs)}.breakout-menu-title{margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.breakout-menu-nav{gap:var(--space-xs)}}@media (orientation:landscape) and (height<500px){.breakout-menu-screen,.breakout-skill-screen{padding:var(--space-sm) var(--space-xs)}.breakout-menu-heading{gap:var(--space-xs)}.breakout-menu-heading h2{font-size:var(--font-size-sm)}.breakout-back-btn{min-width:76px}}.breakout-intro{margin-top:var(--space-sm);text-align:center;font-size:var(--font-size-sm);color:var(--color-mascot-gray-text)}.breakout-share-section{gap:var(--space-sm);margin-top:var(--space-xs);grid-column:1/-1;justify-content:center;display:flex}.breakout-share-link{font-size:var(--font-size-xs);color:var(--color-breakout-ui-text);text-decoration:underline}@media (any-hover:hover){.breakout-share-link:hover{color:var(--color-mascot-white)}}:where([data-control-icon]){justify-content:center;align-items:center;gap:var(--space-xs);display:inline-flex}:where([data-control-icon]):before{flex:0 0 var(--breakout-control-icon-size);width:var(--breakout-control-icon-size);height:var(--breakout-control-icon-size);content:"";pointer-events:none;background:currentColor;display:block}.breakout-screen-actions{flex-shrink:0}.breakout-expand-toggle,.breakout-expand-close,.breakout-menu-open{gap:var(--space-2xs);font-size:var(--font-size-xs);min-width:var(--space-3xl);flex-direction:column}.breakout-screen-actions :where(.breakout-expand-toggle){min-width:var(--space-2xl)}.breakout-menu-nav button{--breakout-control-icon-size:var(--breakout-menu-icon-size);grid-template-columns:var(--breakout-control-icon-size) 1fr;min-height:var(--space-2xl);gap:var(--space-sm);padding-inline:var(--space-base);text-align:left;display:grid}.breakout-action-btn:where([data-control-icon]){flex-direction:row}@container breakout-result (width<360px){.breakout-result-actions{padding-inline:var(--space-xs);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.breakout-action-btn:where([data-control-icon]){gap:var(--space-2xs);min-width:0;padding-inline:var(--space-xs);font-size:var(--font-size-sm);flex-wrap:wrap}}@container breakout-result (width<280px){.breakout-action-btn--record[data-control-icon]{flex-flow:column}}@media (forced-colors:active){:where([data-control-icon]):before{forced-color-adjust:none;background:buttontext}}:where([data-control-icon=expand]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H3v5m13-5h5v5M3%2016v5h5m13-5v5h-5%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H3v5m13-5h5v5M3%2016v5h5m13-5v5h-5%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=collapse]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h5V3m8%200v5h5M8%2021v-5H3m18%200h-5v5%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h5V3m8%200v5h5M8%2021v-5H3m18%200h-5v5%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=menu]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=close]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=back]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%205-7%207%207%207M7%2012h14%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%205-7%207%207%207M7%2012h14%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=previous]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=next]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=play]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2012%208-12%208Z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2012%208-12%208Z%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=retry]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010a8%208%200%201%201%201%208M4%204v6h6%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2010a8%208%200%201%201%201%208M4%204v6h6%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=stop]):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.8\" stroke-linejoin=\"round\"%3E%3Crect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.8\" stroke-linejoin=\"round\"%3E%3Crect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"/%3E%3C/svg%3E")}:where([data-control-icon=skill]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%207%204v5c0%205-7%209-7%209s-7-4-7-9V7Z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%207%204v5c0%205-7%209-7%209s-7-4-7-9V7Z%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=ranking]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204h8v7a4%204%200%200%201-8%200ZM8%206H4v3a4%204%200%200%200%204%204m8-7h4v3a4%204%200%200%201-4%204m-4%202v6m-4%200h8%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204h8v7a4%204%200%200%201-8%200ZM8%206H4v3a4%204%200%200%200%204%204m8-7h4v3a4%204%200%200%201-4%204m-4%202v6m-4%200h8%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=guide]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C8%203%205%203%202%204v15c4-1%207%200%2010%202%203-2%206-3%2010-2V4c-3-1-6-1-10%202Zm0%200v15%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C8%203%205%203%202%204v15c4-1%207%200%2010%202%203-2%206-3%2010-2V4c-3-1-6-1-10%202Zm0%200v15%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=enemy]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14v13H5ZM9%207V4m6%203V4M8%2012h1m6%200h1m-8%204h8M2%2010v6m20-6v6%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14v13H5ZM9%207V4m6%203V4M8%2012h1m6%200h1m-8%204h8M2%2010v6m20-6v6%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=block]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4Zm0%207h16M12%205v7m-5%200v7m10-7v7%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4Zm0%207h16M12%205v7m-5%200v7m10-7v7%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=option]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16M8%203v6m8%200v6m-6%200v6%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16M8%203v6m8%200v6m-6%200v6%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=sound]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%204%200%205-5v16l-5-5H4Zm13-2a7%207%200%200%201%200%2010m-2-7a3%203%200%200%201%200%204%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%204%200%205-5v16l-5-5H4Zm13-2a7%207%200%200%201%200%2010m-2-7a3%203%200%200%201%200%204%22%2F%3E%3C%2Fsvg%3E)}:where([data-control-icon=muted]):before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%204%200%205-5v16l-5-5H4Zm13%200%205%206m0-6-5%206%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%204%200%205-5v16l-5-5H4Zm13%200%205%206m0-6-5%206%22%2F%3E%3C%2Fsvg%3E)}.breakout-result-art-modal{background:var(--breakout-dialog-backdrop)}.breakout-result-art-modal::backdrop{background:0 0}@media (prefers-reduced-motion:no-preference){.breakout-purchase-dialog[open],.breakout-story-prompt-card,.breakout-skill-flow>:not([hidden]){animation:breakoutUiArrive .18s var(--breakout-motion-ease) both}.breakout-story-prompt,.breakout-result-art-modal[open]{animation:.18s ease-out both breakoutUiFade}.breakout-result-art-modal img{animation:breakoutArtArrive .24s var(--breakout-motion-ease) both}.breakout-purchase-dialog::backdrop{transition:background-color .16s ease-in}.breakout-purchase-dialog[aria-busy=true]::backdrop{background:0 0}.breakout-equipment-box,.breakout-skill-equipment-row{transition:border-color .14s,background-color .14s}.breakout-equipment-box svg{transition:transform .18s var(--breakout-motion-ease), opacity .12s ease;transform:scale(.8)}.breakout-equipment-box path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .18s ease-out}.breakout-equipment-toggle input:checked+.breakout-equipment-box svg{transform:scale(1)}.breakout-equipment-toggle input:checked+.breakout-equipment-box path{stroke-dashoffset:0}.breakout-skill-equipment-row[data-skill-acquired]{animation:.52s ease-out breakoutSkillAcquired}[data-gameover-overlay]:not([hidden]) .breakout-result-reason{animation:breakoutUiArrive .24s var(--breakout-motion-ease) both}[data-breakout-screen=gameover] .breakout-canvas,[data-gameover-overlay]:not([hidden]) .breakout-result-meta{animation:breakoutResultArrive .26s var(--breakout-motion-ease) 50ms both}[data-gameover-overlay]:not([hidden]) .breakout-result-encounters{animation:breakoutUiArrive .24s var(--breakout-motion-ease) .11s both}[data-breakout-screen=playing] .breakout-screen-label .breakout-relay-mark{animation:.18s ease-out breakoutLaunchMark}.breakout-start-screen:not([hidden]) .breakout-start-brand{animation:breakoutUiArrive .22s var(--breakout-motion-ease) both}:where([data-breakout-container]) button{transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}:where([data-control-icon]):before,.breakout-start-level strong{transition:transform .12s var(--breakout-motion-ease)}:where([data-control-icon]):active:before,.breakout-start-level:active strong{transform:translateY(2px)scale(.96)}}@keyframes breakoutUiArrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes breakoutUiFade{0%{opacity:0}to{opacity:1}}@keyframes breakoutArtArrive{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes breakoutResultArrive{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes breakoutSkillAcquired{0%{background-color:var(--breakout-motion-glint);box-shadow:inset 3px 0 var(--breakout-accent)}to{background-color:var(--breakout-panel);box-shadow:inset 0 0 #0000}}@keyframes breakoutLaunchMark{0%{opacity:.4;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}.breakout-start-screen{justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-breakout-ui-canvas);font-family:var(--font-body);flex-direction:column;display:flex;inset:0;overflow-y:auto}.breakout-start-mode{border:0;border-bottom:1px solid var(--color-breakout-ui-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;margin:0;padding:0;display:grid;position:relative}.breakout-start-mode button{min-height:44px;padding:var(--space-xs);color:var(--color-breakout-ui-muted);font:700 var(--font-size-sm) / 1.4 var(--font-body);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.breakout-start-mode button[aria-pressed=true]{color:var(--color-breakout-ui-text)}.breakout-start-mode:after{background:var(--breakout-mode-accent,var(--breakout-accent));width:50%;height:2px;box-shadow:0 0 var(--space-xs) var(--breakout-mode-accent,var(--breakout-accent));pointer-events:none;content:"";transition:transform .22s;position:absolute;bottom:-1px;left:0;transform:translate(0)}.breakout-start-mode[data-ai-mode=true]:after{--breakout-mode-accent:var(--breakout-game-ai-ball);transform:translate(100%)}@media (prefers-reduced-motion:reduce){.breakout-start-mode:after{transition:none}}.breakout-start-brand{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);border-left:2px solid var(--breakout-accent);padding-left:var(--space-sm);color:var(--breakout-accent);font:900 var(--font-size-3xl) / .9 var(--font-mono);letter-spacing:-.08em;display:flex}.breakout-start-brand>.breakout-relay-mark{width:var(--space-3xl);opacity:.55;height:auto}.breakout-start-brand-stop{color:var(--breakout-ink)}.breakout-start-levels{gap:var(--space-sm);border:0;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.breakout-start-level{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-border));border-radius:var(--breakout-ui-radius);min-height:54px;padding:var(--space-2xs);background:var(--breakout-button-background,var(--breakout-ui-control));color:var(--color-breakout-ui-text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.breakout-start-level strong{font:700 var(--font-size-lg) / 1 var(--font-dot);letter-spacing:.04em}.breakout-start-level--easy{--breakout-button-background:var(--breakout-ui-primary);--breakout-button-border:var(--color-breakout-ui-primary-border);color:var(--color-breakout-ui-primary-text)}.breakout-start-level--hard{--breakout-button-border:var(--color-breakout-ui-accent);color:var(--color-breakout-ui-accent)}.breakout-start-level span{font:400 var(--font-size-xs) / 1.4 var(--font-body)}.breakout-start-level:active{box-shadow:none}.breakout-start-loadout{justify-content:space-between;align-items:center;gap:var(--space-xs);border:0;border-bottom:1px solid var(--color-breakout-ui-border);width:100%;min-height:44px;padding:var(--space-2xs) 0;color:var(--color-breakout-ui-text);font:400 var(--font-size-xs) / 1.2 var(--font-body);text-align:left;box-shadow:none;cursor:pointer;background:0 0;display:flex}.breakout-start-equipped,.breakout-start-skill-link{align-items:center;gap:var(--space-2xs);white-space:nowrap;min-width:0;display:flex}.breakout-skill-loadout-icon{width:24px;height:24px;color:var(--color-breakout-ui-accent);shape-rendering:geometricprecision;flex-shrink:0;display:block}.breakout-start-equipped-label,.breakout-start-no-skills{color:var(--color-breakout-ui-muted)}.breakout-start-overflow,.breakout-start-sp{color:var(--color-breakout-ui-accent);font-family:var(--font-mono);font-weight:700}.breakout-start-record-note{color:var(--color-breakout-ui-muted);font:400 var(--font-size-xs) / 1.4 var(--font-body);text-align:left;margin:0}.breakout-start-screen :where(button:focus-visible){outline:2px solid var(--color-breakout-ui-accent);outline-offset:3px}@media (width<340px){.breakout-start-screen{gap:var(--space-2xs);padding:var(--space-sm)}.breakout-start-wordmark{width:min(100%,228px);margin-block-end:var(--space-2xs)}.breakout-start-level{min-height:54px}.breakout-start-equipped-label{display:none}}.breakout-result-reason{top:0;left:var(--space-base);right:var(--space-base);align-content:center;gap:var(--space-2xs);text-align:center;height:16.6667%;display:grid;position:absolute}.breakout-result-reason strong{color:var(--breakout-caution-surface);font:700 var(--font-size-lg) / 1.15 var(--font-body)}.breakout-result-reason small{color:var(--breakout-muted);font:700 var(--font-size-2xs) / 1.2 var(--font-body);letter-spacing:.08em}.breakout-result-reason span{color:var(--breakout-muted);font:var(--font-size-xs) / 1.3 var(--font-body)}.breakout-result-meta{width:37.5%;font:700 var(--font-size-2xs) / 1.2 var(--font-body);margin:0;position:absolute;top:47.0833%;left:8.75%}.breakout-result-meta strong{font-size:inherit}.breakout-save-retry{color:var(--breakout-caution-surface);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.breakout-personal-best{z-index:1;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--breakout-caution-ink);border-radius:var(--breakout-ui-radius);background:var(--breakout-accent);color:var(--breakout-caution-ink);font:700 var(--font-size-xs) / 1 var(--font-body);animation:1s step-end infinite newRecordBlink;position:absolute;top:24.7917%;left:10%;transform:rotate(-12deg)}@keyframes newRecordBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.breakout-personal-best{animation:none}}.breakout-menu-control{z-index:20;position:relative}.breakout-skill-hint{top:calc(100% + var(--space-xs));padding:var(--space-xs);border:1px solid var(--breakout-caution-ink);border-radius:var(--breakout-ui-radius);background:var(--breakout-caution-surface);color:var(--breakout-caution-ink);font:700 var(--font-size-2xs) / 1.2 var(--font-body);white-space:nowrap;cursor:pointer;animation:1.2s ease-in-out infinite skillHintFloat;position:absolute;right:0}.breakout-skill-hint:before{background:inherit;content:"";width:6px;height:6px;position:absolute;top:-4px;right:24px;transform:rotate(45deg)}@keyframes skillHintFloat{50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.breakout-skill-hint{animation:none}}.breakout-action-btn--retry{width:100%;min-height:var(--space-2xl);font-size:var(--font-size-lg);grid-column:1/-1}:where(.breakout-ranking-panel){--ranking-accent:var(--breakout-accent);--ranking-row-height:var(--space-xl);min-height:0}:where([data-ranking-category=growth],[data-ranking-theme=growth]){--ranking-accent:var(--breakout-signal)}:where([data-ranking-category=ai],[data-ranking-theme=ai]){--ranking-accent:var(--breakout-brick-poison-laser)}.breakout-ranking-title-window,.breakout-ranking-swipe{overflow:hidden}.breakout-ranking-title-window{flex:1}.breakout-ranking-track,.breakout-ranking-title-track{width:100%;transform:translateX(calc(-100% * var(--ranking-offset) + var(--ranking-drag)));transition:transform .24s;display:flex}.breakout-ranking-page,.breakout-ranking-title-track>strong{text-align:center;flex:0 0 100%;min-width:0}.breakout-ranking-page{--color-breakout-ui-accent:var(--ranking-accent)}.breakout-ranking-panel[data-dragging=true] :where(.breakout-ranking-track,.breakout-ranking-title-track){transition:none}.breakout-ranking-switch button:disabled{opacity:.3}@media (prefers-reduced-motion:reduce){.breakout-ranking-track,.breakout-ranking-title-track{transition:none}}.breakout-ranking-switch{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.breakout-ranking-switch button{width:var(--breakout-compact-control-size);height:var(--breakout-compact-control-size);border:1px solid var(--breakout-rule);border-radius:var(--breakout-ui-radius);background:var(--breakout-panel);color:var(--ranking-accent)}.breakout-ranking-switch strong{color:var(--ranking-accent);font:700 var(--font-size-sm) / 1.2 var(--font-body)}.breakout-ranking-swipe{touch-action:pan-y}.breakout-ranking-date{font-size:var(--font-size-2xs);white-space:nowrap}.breakout-ranking-date time{line-height:var(--breakout-ranking-date-leading,1.25);display:grid}@container breakout-menu (height<480px){.breakout-ranking-panel{--breakout-ranking-date-leading:1;--ranking-row-height:calc(var(--space-lg) + var(--space-2xs) / 2)}.breakout-ranking-note{display:none}}.breakout-return-title{flex-direction:column;align-items:stretch}.breakout-return-title p{color:var(--breakout-muted);font:var(--font-size-xs) / 1.5 var(--font-body);margin:0}.breakout-relay-mark{width:var(--space-lg);height:var(--space-base);color:var(--breakout-accent);flex:none}.breakout-readout{height:var(--breakout-readout-height);align-items:center;gap:var(--space-xs);border-top:1px solid var(--breakout-rule);padding-inline:var(--space-sm);background:var(--breakout-header-surface);color:var(--breakout-muted);font:var(--font-size-2xs) / 1.25 var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1.1fr) minmax(0,2.2fr) minmax(0,.8fr);display:grid}.breakout-readout[hidden]{display:none}.breakout-readout>span:first-child{text-align:left}.breakout-readout-score{container-type:inline-size}.breakout-readout strong{color:var(--breakout-accent);font-size:var(--font-size-lg);font-weight:700;line-height:calc(var(--font-size-lg) * 1.25);display:block}.breakout-readout-score strong{font-size:var(--font-size-breakout-score)}.breakout-current-track{color:var(--color-breakout-ui-muted);font:var(--font-size-xs) / 1.5 var(--font-body);margin:0}.breakout-cabinet-bezel{height:var(--breakout-bezel-height);justify-content:space-between;align-items:center;gap:var(--space-sm);padding-inline:var(--space-base);border-block:1px solid var(--breakout-rule);background:var(--breakout-bezel-surface);display:flex}.breakout-light-window{--breakout-led-level:0;width:var(--breakout-light-window-width);max-width:32%;height:var(--breakout-light-window-height);border:1px solid var(--breakout-led-bed);background:var(--breakout-led-bed);box-shadow:0 1px 0 var(--breakout-led-recess-lip);border-radius:2px;display:block;position:relative;overflow:hidden}.breakout-light-window:where([data-audio-active]){--breakout-led-level:1}.breakout-light-window i{background:var(--breakout-led-color);opacity:var(--breakout-led-level);position:absolute;inset:0}.breakout-light-window:before{z-index:1;background:repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--breakout-led-divider) calc(25% - 1px) 25%);box-shadow:inset 0 1px 2px var(--breakout-led-recess-shadow);pointer-events:none;content:"";position:absolute;inset:0}.breakout-stage[data-cabinet-alert] .breakout-light-window{--breakout-led-color:var(--breakout-caution-surface);--breakout-led-level:0}.breakout-stage[data-cabinet-alert] .breakout-light-window i{animation:.8s step-end breakoutAlertBlink}.breakout-stage[data-cabinet-alert] .breakout-light-window:after{inset-block:0;background:var(--breakout-led-color);opacity:0;content:"";width:25%;animation:.8s steps(4,end) .8s infinite breakoutAlertStep;position:absolute;left:0}.breakout-stage[data-cabinet-alert] .breakout-light-window:where(:last-child):after{animation-name:breakoutAlertStepFromRight;left:auto;right:0}@keyframes breakoutAlertBlink{0%,50%{opacity:1}25%,75%,to{opacity:0}}@keyframes breakoutAlertStep{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(400%)}}@keyframes breakoutAlertStepFromRight{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-400%)}}.breakout-bezel-joint{background:var(--breakout-rule);width:24px;height:2px}.breakout-block-number{color:var(--color-breakout-ui-muted);font:var(--font-size-xs) / 1.4 var(--font-mono);margin:0}.breakout-block-picker{gap:var(--space-2xs);border:0;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.breakout-block-picker button{border:1px solid var(--breakout-button-border,var(--color-breakout-ui-border));border-radius:var(--breakout-ui-radius);min-height:44px;padding:var(--space-2xs);background:var(--breakout-button-background,var(--breakout-ui-control));color:var(--breakout-button-text,var(--color-breakout-ui-text));font:var(--font-size-xs) / 1.3 var(--font-body);cursor:pointer}.breakout-skill-effect{color:var(--color-breakout-ui-muted);font-size:var(--font-size-xs);margin:0;line-height:1.5}@media (prefers-reduced-motion:reduce){.breakout-stage[data-cabinet-alert] .breakout-light-window{--breakout-led-level:1}.breakout-stage[data-cabinet-alert] .breakout-light-window i,.breakout-stage[data-cabinet-alert] .breakout-light-window:after{animation:none}.breakout-stage[data-cabinet-alert] .breakout-light-window:after{content:none}}}@layer utilities{.hidden{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.expanded-container{z-index:var(--z-expanded);align-items:center;justify-content:var(--expanded-content-alignment,center);background-color:var(--color-mascot-black);touch-action:var(--expanded-touch-action,none);height:100dvh;padding-top:max(4px, env(safe-area-inset-top));padding-right:max(4px, env(safe-area-inset-right));padding-bottom:max(4px, env(safe-area-inset-bottom));padding-left:max(4px, env(safe-area-inset-left));flex-direction:column;display:flex;position:fixed;inset:0}}body{background-color:var(--breakout-c-071020,#071020);font-family:var(--font-body);margin:0}@font-face{font-family:Breakout Rounded;src:url(/assets/BgVnY6AN.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+B7,U+D7,U+2013-2014,U+2190-2193}@font-face{font-family:Breakout Rounded;src:url(/assets/BUo5AluQ.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+B7,U+D7,U+2013-2014,U+2190-2193}