[data-puzzle-experience-view=play],html[data-puzzle-experience-mode=play] .site-header,html[data-puzzle-experience-mode=play] .site-footer,html[data-puzzle-experience-mode=play] [data-puzzle-experience-view=overview],html[data-puzzle-experience-mode=play] [data-puzzle-experience-long-content]{display:none}html[data-puzzle-experience-mode=play] [data-puzzle-experience-view=play]{display:block}html[data-puzzle-experience-mode=play] main{min-height:100vh;padding-top:0}html[data-puzzle-experience-mode=play] .ui-page-section.ui-page-wrapper,html[data-puzzle-experience-mode=play] [data-tool-page-width=full-bleed]{width:100%;max-width:none;padding:0}[data-tool-page-width=full-bleed]>[data-puzzle-experience-view=overview]{border-radius:0}[data-tool-page-width=full-bleed]{background:var(--color-canvas)}@media screen{[data-tool-page-width=full-bleed]{padding-top:0}[data-tool-page-width=full-bleed]>[data-puzzle-experience-view=overview]>[data-puzzle-overview-intro]{padding-top:7rem}}[data-tool-page-width=full-bleed] [data-puzzle-experience-view=overview] [data-puzzle-overview-layout]{padding-top:0;padding-inline:0}[data-tool-page-width=full-bleed] [data-puzzle-experience-view=overview] [data-puzzle-overview-layout]>nav[aria-label=Breadcrumb]{padding-inline:var(--space-4)}.puzzle-experience-overview-hero{display:grid;width:min(100%,var(--container-2xl));min-width:0;margin-inline:auto;gap:var(--space-8);align-items:start;padding:var(--space-6) var(--space-4) var(--space-8)}.puzzle-experience-overview-hero__copy,.puzzle-experience-overview-hero__preview{min-width:0}.puzzle-experience-overview-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--ui-pillar-dark);font-size:var(--text-sm);font-weight:800}.puzzle-experience-overview-hero__eyebrow:before{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:var(--ui-pillar);content:""}.puzzle-experience-overview-hero h1{margin:0;color:var(--color-on-surface);font-size:clamp(var(--text-3xl),7vw,var(--text-5xl));line-height:var(--leading-tight)}.puzzle-experience-overview-hero__description{max-width:42rem;margin:var(--space-5) 0 0;color:var(--color-on-surface-variant);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.puzzle-experience-overview-hero__actions,.puzzle-experience-mode-nav{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-3)}.puzzle-experience-overview-hero__actions{margin-top:var(--space-6)}.puzzle-experience-overview-hero__capabilities{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin:var(--space-6) 0 0;padding:0;color:var(--color-on-surface-variant);list-style:none}.puzzle-experience-overview-hero__capabilities li{display:inline-flex;min-width:0;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:750;line-height:var(--leading-snug)}.puzzle-experience-overview-hero__capabilities .material-symbols-outlined{flex:none;color:var(--ui-pillar);font-size:var(--text-lg)}.puzzle-experience-action,.puzzle-experience-mode-nav__link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-weight:800;line-height:1.25;text-decoration:none}.puzzle-experience-action{gap:var(--space-2)}.puzzle-experience-action--primary{border:1px solid var(--ui-pillar);background:var(--ui-pillar);color:var(--color-on-brand)}.puzzle-experience-action--secondary,.puzzle-experience-mode-nav__link{border:1px solid var(--ui-pillar-border);background:var(--color-surface);color:var(--ui-pillar-dark)}.puzzle-experience-overview-hero__preview{border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.puzzle-experience-mode-nav{width:min(100%,var(--container-2xl));margin-inline:auto;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-2)}.puzzle-experience-mode-nav__link{border-color:transparent;border-radius:var(--radius-lg);background:transparent;padding:var(--space-2) var(--space-4);color:var(--color-on-surface-variant)}.puzzle-experience-mode-nav__link[data-active=true]{border-color:var(--ui-pillar);background:var(--color-surface);color:var(--ui-pillar-dark);box-shadow:var(--shadow-xs)}.puzzle-overview-content{border-top:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-on-surface)}.puzzle-overview-content__learning{background:var(--color-canvas)}.puzzle-overview-section{padding-block:var(--space-20)}.puzzle-overview-section--bordered{border-top:1px solid color-mix(in srgb,var(--color-hairline) 72%,transparent)}.puzzle-overview-section__inner,.puzzle-overview-content__inner{width:min(100%,var(--container-2xl));min-width:0;margin-inline:auto;padding-inline:var(--space-4)}.puzzle-overview-section__heading{max-width:48rem;margin:0 auto var(--space-8);text-align:center}.puzzle-overview-section__heading .ui-eyebrow{margin-inline:auto}.puzzle-overview-section__heading h2{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-3) 0 0;color:var(--color-on-surface);font-family:var(--font-headline);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:900;letter-spacing:-.025em;line-height:var(--leading-tight)}.puzzle-overview-section__heading h2>span{color:var(--pillar-resources);font-size:.7em}.puzzle-overview-section__heading>p:last-child:not(.ui-eyebrow){margin:var(--space-3) auto 0;color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.puzzle-overview-card-grid{display:grid;min-width:0;gap:var(--space-4)}.puzzle-overview-card,.puzzle-difficulty-card{min-width:0;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-xs)}.puzzle-difficulty-grid{display:grid;min-width:0;gap:var(--space-5)}.puzzle-overview-card{display:flex;flex-direction:column;padding:var(--space-4)}.puzzle-overview-card__copy{position:relative;min-width:0}.puzzle-overview-card__number{display:inline-grid;width:2rem;height:2rem;margin-bottom:var(--space-3);place-items:center;border-radius:50%;background:var(--ui-pillar);color:var(--color-on-brand);font-size:var(--text-xs);font-weight:900}.puzzle-overview-card h3,.puzzle-difficulty-card h3{margin:0;color:var(--color-on-surface);font-family:var(--font-headline);font-size:var(--text-lg);font-weight:900;line-height:var(--leading-snug)}.puzzle-overview-card p,.puzzle-difficulty-card__description{margin:var(--space-2) 0 0;color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.puzzle-overview-card__visual{display:grid;min-height:12rem;margin-top:var(--space-4);place-items:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--ui-pillar-soft) 54%,var(--color-surface));padding:var(--space-3)}.puzzle-overview-card[data-tone=green]{--card-accent: var(--color-success-600);--card-soft: color-mix(in srgb, var(--color-success-50) 64%, var(--color-surface))}.puzzle-overview-card[data-tone=yellow]{--card-accent: var(--color-warning);--card-soft: color-mix(in srgb, var(--color-warning-50) 68%, var(--color-surface))}.puzzle-overview-card[data-tone=purple]{--card-accent: var(--pillar-company);--card-soft: color-mix(in srgb, var(--pillar-company-soft) 68%, var(--color-surface))}.puzzle-overview-card--rule .puzzle-overview-card__number{background:var(--card-accent, var(--ui-pillar))}.puzzle-overview-card--rule .puzzle-overview-card__visual{background:var(--card-soft, var(--ui-pillar-soft))}.puzzle-difficulty-card{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-5);transition:transform .2s ease,box-shadow .2s ease}.puzzle-difficulty-card:hover{box-shadow:var(--shadow-md)}.puzzle-difficulty-card[data-tone=green]{--difficulty-accent: var(--color-success-600);--difficulty-soft: var(--color-success-50)}.puzzle-difficulty-card[data-tone=yellow]{--difficulty-accent: var(--color-warning);--difficulty-soft: var(--color-warning-50)}.puzzle-difficulty-card[data-tone=purple]{--difficulty-accent: var(--pillar-company);--difficulty-soft: var(--pillar-company-soft)}.puzzle-difficulty-card__preview{display:grid;min-height:13rem;place-items:center;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--difficulty-soft) 60%,var(--color-surface));padding:var(--space-4)}.puzzle-difficulty-card__body{display:flex;flex-direction:column;flex:1 1 auto}.puzzle-difficulty-card__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.puzzle-difficulty-card__heading>span{flex:none;border:1px solid color-mix(in srgb,var(--difficulty-accent) 34%,var(--color-hairline));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--difficulty-soft) 65%,var(--color-surface));padding:var(--space-1) var(--space-3);color:color-mix(in srgb,var(--difficulty-accent) 76%,var(--color-on-surface));font-size:var(--text-xs);font-weight:900}.puzzle-difficulty-card__recommendation{margin:var(--space-3) 0 0;color:color-mix(in srgb,var(--difficulty-accent) 72%,var(--color-on-surface));font-size:var(--text-sm);font-weight:850}.puzzle-difficulty-card__action{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);border:1px solid color-mix(in srgb,var(--difficulty-accent) 42%,var(--color-hairline));border-radius:var(--radius-pill);background:var(--difficulty-accent);padding:var(--space-3) var(--space-4);color:var(--color-on-brand);font-size:var(--text-sm);font-weight:900;text-decoration:none;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.puzzle-difficulty-card__action:hover{background:color-mix(in srgb,var(--difficulty-accent) 88%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--difficulty-accent) 25%,transparent)}.puzzle-difficulty-card__action:active{transform:translateY(0)}.puzzle-overview-content__extensions{display:flex;flex-direction:column;gap:var(--space-20);padding-block:var(--space-20)}.puzzle-print-bridge{display:grid;min-width:0;gap:var(--space-6);overflow:hidden;border:1px solid color-mix(in srgb,var(--ui-pillar) 20%,var(--color-hairline));border-radius:calc(var(--radius-xl) + var(--space-1));background:color-mix(in srgb,var(--color-surface) 82%,var(--color-canvas-soft));box-shadow:var(--shadow-sm);padding:var(--space-6)}.puzzle-print-bridge__preview{position:relative;display:grid;min-width:0;min-height:20rem;place-items:center;isolation:isolate}.puzzle-print-bridge__decoration{position:absolute;z-index:-1;inset:0;width:100%;height:100%;border-radius:var(--radius-xl);object-fit:cover;opacity:.9}.puzzle-print-bridge__papers{display:flex;width:min(100%,28rem);align-items:center;justify-content:center;padding:var(--space-6)}.puzzle-print-bridge__copy h2{max-width:18ch;margin:var(--space-3) 0 0;color:var(--color-on-surface);font-family:var(--font-headline);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:900;letter-spacing:-.035em;line-height:var(--leading-tight)}.puzzle-print-bridge__copy>p:last-of-type{max-width:42rem;margin:var(--space-4) 0 0;color:var(--color-on-surface-variant);line-height:var(--leading-relaxed)}.puzzle-print-bridge__copy ul{display:grid;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.puzzle-print-bridge__copy li{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-on-surface-variant);font-size:var(--text-sm);font-weight:750;line-height:var(--leading-relaxed)}.puzzle-print-bridge__copy li .material-symbols-outlined{color:var(--color-success-600);font-size:var(--text-xl)}.puzzle-print-bridge__copy .puzzle-experience-action{width:fit-content;margin-top:var(--space-6)}.puzzle-overview-content :where(a,button,summary):focus-visible,.puzzle-difficulty-card__action:focus-visible{outline:3px solid var(--ui-pillar-dark);outline-offset:3px}.puzzle-experience-shell{width:100%;max-width:100%;min-width:0;min-height:100vh;background:var(--color-canvas);color:var(--color-on-surface);overflow-wrap:anywhere;isolation:isolate}.puzzle-play-topbar{position:sticky;z-index:30;top:0;display:grid;width:100%;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface) 96%,transparent);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-left));box-shadow:0 .45rem 1.4rem color-mix(in srgb,var(--color-on-surface) 7%,transparent);backdrop-filter:blur(16px)}.puzzle-play-topbar__back,.puzzle-play-topbar__navigation a,.puzzle-play-topbar__actions :where(a,button){display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.puzzle-play-topbar__back,.puzzle-play-topbar__navigation a{gap:var(--space-2);border-radius:var(--radius-lg);color:var(--ui-pillar-dark);font-weight:800;text-decoration:none}.puzzle-play-topbar__back .material-symbols-outlined,.puzzle-play-topbar__navigation .material-symbols-outlined{flex:0 0 auto;font-size:var(--text-xl)}.puzzle-play-topbar__identity{min-width:0}.puzzle-play-topbar h2{margin:0;font-size:var(--text-xl);line-height:var(--leading-snug)}.puzzle-play-topbar__progress{margin-top:var(--space-1);color:var(--color-on-surface-variant);font-size:var(--text-sm)}.puzzle-play-topbar__navigation,.puzzle-play-topbar__actions{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2)}.puzzle-play-topbar__navigation,.puzzle-play-topbar__actions{grid-column:1 / -1}.puzzle-experience-shell__status{width:min(100%,var(--container-2xl));min-width:0;margin:var(--space-3) auto 0;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:var(--ui-pillar-soft);padding:var(--space-3) var(--space-4)}.puzzle-play-panels{display:grid;width:min(100%,var(--container-2xl));min-width:0;margin-inline:auto;gap:var(--space-5);align-items:start;padding:var(--space-4)}.puzzle-play-panels__primary,.puzzle-play-panels__stage,.puzzle-play-panels__product-actions,.puzzle-play-panels__utilities,.puzzle-play-panels__side-rail{min-width:0;max-width:100%}.puzzle-play-panels__stage :where(canvas,img,svg){max-width:100%}.puzzle-play-panels__primary{display:grid;gap:var(--space-4)}.puzzle-play-panels__stage{order:1;overscroll-behavior-y:auto;touch-action:pan-y}.puzzle-play-panels__product-actions{order:2}.puzzle-play-panels__utilities{order:3}.puzzle-play-panels__product-actions,.puzzle-play-panels__utilities,.puzzle-play-panels__mobile-dock{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);align-items:center}.puzzle-play-panels__side-rail{display:none}.puzzle-play-panels__mobile-sheet{width:min(100%,var(--container-2xl));min-width:0;margin-inline:auto;padding:0 var(--space-4) var(--space-4)}.puzzle-play-panels__mobile-dock{position:sticky;z-index:10;bottom:0;justify-content:center;border-top:1px solid var(--ui-pillar-border);background:var(--color-surface);padding:var(--space-2) var(--space-3)}.puzzle-experience-shell :where(a,button,input,select,textarea,[role=button]){min-height:44px}.puzzle-experience-shell :where(a,button,[role=button]){min-width:44px}.puzzle-identity-navigator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;min-width:0}.puzzle-identity-navigator__identity{display:grid;gap:.1rem;min-width:0;text-align:right}.puzzle-identity-navigator__identity strong{color:var(--color-on-surface);font-size:.82rem;white-space:nowrap}.puzzle-identity-navigator__identity code{color:var(--color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;white-space:nowrap}.puzzle-identity-navigator__actions,.puzzle-identity-navigator__actions form{display:flex;align-items:center;gap:.35rem}.puzzle-identity-navigator__actions button,.puzzle-identity-navigator__actions input{border:1px solid var(--color-outline-variant);border-radius:999px;background:var(--color-surface);color:var(--color-on-surface)}.puzzle-identity-navigator__actions button{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;padding-inline:.75rem;font-weight:700}.puzzle-identity-navigator__actions button:disabled{cursor:not-allowed;opacity:.45}.puzzle-identity-navigator__actions input{width:5.25rem;padding-inline:.75rem}.puzzle-identity-navigator__actions .material-symbols-outlined{font-size:1.1rem}.puzzle-experience-shell :where(a,button,input,select,textarea,[tabindex]):focus-visible,.puzzle-experience-action:focus-visible,.puzzle-experience-mode-nav__link:focus-visible{outline:3px solid var(--ui-pillar-dark);outline-offset:3px}@media(max-width:63.999rem){.puzzle-identity-navigator{width:100%;flex-wrap:wrap}.puzzle-identity-navigator__identity{flex:1 1 100%;text-align:left}.puzzle-identity-navigator__identity code{display:none}.puzzle-identity-navigator__actions{width:100%;flex-wrap:wrap}.puzzle-identity-navigator__actions>button,.puzzle-identity-navigator__actions form{flex:1 1 auto}.puzzle-identity-navigator__actions form input{min-width:0;flex:1 1 4rem}}@media(min-width:48rem){.puzzle-experience-overview-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);padding:var(--space-8) var(--space-6) var(--space-12)}.puzzle-play-topbar{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:4.75rem;padding-inline:max(var(--space-6),env(safe-area-inset-right))}.puzzle-play-topbar__navigation,.puzzle-play-topbar__actions{grid-column:auto}.puzzle-play-panels,.puzzle-experience-shell__status,.puzzle-overview-section__inner,.puzzle-overview-content__inner{padding-inline:var(--space-6)}.puzzle-overview-card-grid--four,.puzzle-overview-card-grid--three,.puzzle-overview-card-grid--steps,.puzzle-overview-card-grid--rules,.puzzle-difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-print-bridge{grid-template-columns:minmax(18rem,.86fr) minmax(0,1.14fr);align-items:center;padding:var(--space-8)}}@media(min-width:64rem){.puzzle-play-panels--with-rail{grid-template-columns:minmax(0,1fr) 20rem}.puzzle-play-panels__side-rail{display:block}.puzzle-play-panels__mobile-sheet,.puzzle-play-panels__mobile-dock{display:none}.puzzle-overview-section,.puzzle-overview-content__extensions{padding-block:var(--space-24)}.puzzle-overview-content__extensions{gap:var(--space-24)}.puzzle-overview-card-grid--four,.puzzle-overview-card-grid--steps,.puzzle-overview-card-grid--rules{grid-template-columns:repeat(4,minmax(0,1fr))}.puzzle-overview-card-grid--three,.puzzle-difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.puzzle-experience-shell *,.puzzle-experience-shell *:before,.puzzle-experience-shell *:after,.puzzle-experience-overview-hero *,.puzzle-experience-mode-nav *,.puzzle-overview-content *,.puzzle-overview-content *:before,.puzzle-overview-content *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.puzzle-experience-shell,.puzzle-play-topbar,.puzzle-experience-shell__status,.puzzle-play-panels__side-rail,.puzzle-play-panels__mobile-dock,.puzzle-experience-overview-hero__preview,.puzzle-experience-action,.puzzle-experience-mode-nav__link,.puzzle-overview-card,.puzzle-difficulty-card,.puzzle-print-bridge{border-color:CanvasText;box-shadow:none}.puzzle-experience-shell :where(a,button,input,select,textarea,[tabindex]):focus-visible,.puzzle-experience-action:focus-visible,.puzzle-experience-mode-nav__link:focus-visible{outline-color:Highlight}}.puzzle-play-v1{--puzzle-play-rail: 20rem;min-height:100dvh;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.puzzle-play-v1__header{position:sticky;z-index:40;top:0;display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border-bottom:1px solid var(--ui-pillar-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));box-shadow:var(--shadow-xs);backdrop-filter:blur(16px)}.puzzle-play-v1__back,.puzzle-play-v1__header-actions,.puzzle-play-v1__header-actions button,.puzzle-play-v1__canvas-header>div,.puzzle-play-v1__canvas-header button{display:inline-flex;align-items:center;gap:var(--space-2)}.puzzle-play-v1__back,.puzzle-play-v1__header-actions button,.puzzle-play-v1__canvas-header button{min-height:44px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--ui-pillar-dark);padding-inline:var(--space-3);font-weight:800;text-decoration:none}.puzzle-play-v1__canvas-help-label{display:none}.puzzle-play-v1__identity{min-width:0;text-align:center}.puzzle-play-v1__identity h2,.puzzle-play-v1__canvas-header h3,.puzzle-play-v1__info-card h3{margin:0;color:var(--color-on-surface);font-family:var(--font-headline);font-weight:900}.puzzle-play-v1__identity h2{font-size:var(--text-xl)}.puzzle-play-v1__meta{display:flex;min-width:0;justify-content:safe center;gap:var(--space-2);margin-top:var(--space-1);overflow-x:auto;color:var(--color-on-surface-variant);font-size:var(--text-xs);scrollbar-width:none}.puzzle-play-v1__meta span{flex:0 0 auto;border-radius:var(--radius-pill);background:var(--ui-pillar-soft);padding:.2rem .55rem;font-weight:800}.puzzle-play-v1__header-actions{justify-content:flex-end}.puzzle-play-v1__navigator{display:grid;width:min(100% - 2rem,var(--container-2xl));min-width:0;gap:var(--space-2);margin:var(--space-3) auto 0}.puzzle-play-v1__navigator-mobile,.puzzle-play-v1__navigator-desktop,.puzzle-play-v1__navigator-desktop form>div{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.puzzle-play-v1__navigator-mobile>button,.puzzle-play-v1__navigator-desktop>button,.puzzle-play-v1__navigator-desktop form button,.puzzle-play-v1__navigator-desktop form input,.puzzle-play-v1__jump-form button,.puzzle-play-v1__jump-form input{min-height:44px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-on-surface);padding-inline:var(--space-3);font-weight:800}.puzzle-play-v1__navigator-mobile>button{flex:1 1 0}.puzzle-play-v1__navigator-mobile>button:nth-child(2){color:var(--ui-pillar-dark)}.puzzle-play-v1__navigator-desktop{display:none;justify-content:flex-end}.puzzle-play-v1__navigator-desktop form{display:flex;align-items:center}.puzzle-play-v1__navigator-desktop form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.puzzle-play-v1__navigator-desktop form input{width:7rem}.puzzle-play-v1__jump-form{display:grid;gap:var(--space-2)}.puzzle-play-v1__jump-form>div{display:flex;gap:var(--space-2)}.puzzle-play-v1__jump-form input{min-width:0;flex:1 1 auto}.puzzle-play-v1__status{display:grid;width:min(100% - 2rem,var(--container-2xl));min-width:0;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;margin:var(--space-3) auto 0;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:var(--ui-pillar-soft);color:var(--color-on-surface);padding:var(--space-3) var(--space-4)}.puzzle-play-v1__status[data-tone=success]{border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:var(--color-success-50)}.puzzle-play-v1__status[data-tone=warning]{border-color:color-mix(in srgb,var(--color-warning) 48%,transparent);background:var(--color-warning-50)}.puzzle-play-v1__status[data-tone=error]{border-color:color-mix(in srgb,var(--color-error) 38%,transparent);background:var(--color-error-50)}.puzzle-play-v1__status-copy{min-width:0}.puzzle-play-v1__status>button{min-width:44px;min-height:44px;border-radius:var(--radius-pill)}.puzzle-play-v1__status[data-presentation=transient][data-visible=true]{position:fixed;z-index:60;top:calc(env(safe-area-inset-top) + 5.25rem);left:50%;width:min(calc(100% - 2rem),42rem);margin:0;transform:translate(-50%);box-shadow:var(--shadow-lg)}.puzzle-play-v1__status[data-presentation=sr-only],.puzzle-play-v1__status[data-presentation=transient][data-visible=false],.puzzle-play-v1__stage-instructions[data-presentation=sr-only]{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}.puzzle-play-v1__workspace{display:grid;width:min(100%,var(--container-2xl));min-width:0;min-height:0;gap:var(--space-5);margin-inline:auto;padding:var(--space-4)}.puzzle-play-v1__primary,.puzzle-play-v1__canvas-card,.puzzle-play-v1__stage,.puzzle-play-v1__sidebar{min-width:0;min-height:0}.puzzle-play-v1__canvas-card{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-3);box-shadow:var(--shadow-sm);overflow:visible}.puzzle-play-v1__canvas-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3)}.puzzle-play-v1__canvas-header h3{flex:0 0 auto;font-size:var(--text-lg);white-space:nowrap}.puzzle-play-v1__canvas-header>div{min-width:0;flex-wrap:wrap;justify-content:flex-end}.puzzle-play-v1__stage{display:grid;place-items:center;width:100%;max-width:100%;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;overscroll-behavior:auto}.puzzle-play-v1[data-stage-sizing=fit-square] .puzzle-play-v1__stage{aspect-ratio:var(--puzzle-stage-aspect)}.puzzle-play-v1__stage>*{min-width:0;max-width:100%;max-height:100%}.puzzle-play-v1__stage :where(canvas,img,svg){max-width:100%;max-height:100%}.puzzle-play-v1__stage-instructions{color:var(--color-on-surface-variant);font-size:var(--text-sm)}.puzzle-play-v1__dialog-guidance,.puzzle-play-v1__dialog-shortcuts{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:var(--space-3)}.puzzle-play-v1__dialog-guidance h3,.puzzle-play-v1__dialog-shortcuts h3{margin:0;color:var(--color-on-surface);font-family:var(--font-headline);font-size:var(--text-base);font-weight:900}.puzzle-play-v1__dialog-guidance>:last-child,.puzzle-play-v1__dialog-shortcuts dl{margin-bottom:0}.puzzle-play-v1__dialog-shortcuts dl,.puzzle-play-v1__dialog-shortcuts dl>div{display:grid;gap:var(--space-2)}.puzzle-play-v1__dialog-shortcuts dl>div{grid-template-columns:minmax(5rem,auto) minmax(0,1fr);align-items:baseline}.puzzle-play-v1__dialog-shortcuts dd{margin:0;color:var(--color-on-surface-variant)}.puzzle-play-v1__tool-tray,.puzzle-play-v1__action-bar,.puzzle-play-v1__action-dock,.puzzle-play-v1__more-actions,.puzzle-play-v1__dialog-actions{display:flex;min-width:0;gap:var(--space-2);align-items:stretch}.puzzle-play-v1__tool-tray{width:100%;min-height:44px;flex:0 0 auto;overflow-x:auto;padding-block:var(--space-1);scrollbar-width:thin}.puzzle-play-v1__tool-tray button,.puzzle-play-v1__action-bar button,.puzzle-play-v1__action-dock button,.puzzle-play-v1__more-actions button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-on-surface);padding:var(--space-2) var(--space-3);font-weight:800}.puzzle-play-v1__tool-tray button[aria-pressed=true]{border-color:var(--ui-pillar);background:var(--ui-pillar-soft);color:var(--ui-pillar-dark);box-shadow:inset 0 0 0 1px var(--ui-pillar)}.puzzle-play-v1__action-bar{display:none;flex-wrap:wrap}.puzzle-play-v1__action-bar button{flex:1 1 7rem}.puzzle-play-v1__action-bar .puzzle-play-v1__action-primary,.puzzle-play-v1__action-dock .puzzle-play-v1__action-primary{border-color:var(--ui-pillar);background:var(--ui-pillar);color:var(--color-on-brand)}.puzzle-play-v1__action-badge{display:inline-flex;min-width:1.5rem;min-height:1.5rem;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--ui-pillar-soft);color:var(--ui-pillar-dark);font-size:var(--text-xs)}.puzzle-play-v1__action-dock{position:fixed;z-index:35;right:0;bottom:0;left:0;justify-content:space-evenly;border-top:1px solid var(--ui-pillar-border);background:color-mix(in srgb,var(--color-surface) 97%,transparent);padding:var(--space-2) max(var(--space-2),env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));box-shadow:0 -.5rem 1.5rem color-mix(in srgb,var(--color-on-surface) 8%,transparent);backdrop-filter:blur(16px)}.puzzle-play-v1__action-dock button{flex:1 1 0;flex-direction:column;gap:0;border:0;padding:var(--space-1);font-size:var(--text-xs)}.puzzle-play-v1__action-status{margin:0;color:var(--color-on-surface-variant);font-size:var(--text-sm)}.puzzle-play-v1__keyboard-hints{display:none;min-width:0;flex-wrap:wrap;gap:var(--space-3);color:var(--color-on-surface-variant);font-size:var(--text-xs)}.puzzle-play-v1 kbd{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface-soft);padding:.1rem .35rem;font-family:var(--font-mono);font-size:.72rem}.puzzle-play-v1__sidebar{display:grid;gap:var(--space-3)}.puzzle-play-v1__info-card{min-width:0;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-4);box-shadow:var(--shadow-xs)}.puzzle-play-v1__info-card>summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;color:var(--color-on-surface);font-family:var(--font-headline);font-size:var(--text-lg);font-weight:900;list-style:none}.puzzle-play-v1__info-card>summary::-webkit-details-marker{display:none}.puzzle-play-v1__info-card>summary>span:first-child,.puzzle-play-v1__info-card h3{display:flex;align-items:center;gap:var(--space-2)}.puzzle-play-v1__info-card[open] .puzzle-play-v1__summary-icon{transform:rotate(180deg)}.puzzle-play-v1__primary-progress{display:grid;gap:var(--space-1);margin-top:var(--space-3)}.puzzle-play-v1__primary-progress strong{color:var(--ui-pillar-dark);font-size:var(--text-xl)}.puzzle-play-v1__primary-progress progress{width:100%}.puzzle-play-v1__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0 0}.puzzle-play-v1__metrics>div{min-width:0;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:var(--space-2)}.puzzle-play-v1__metrics dt,.puzzle-play-v1__secondary-metrics dt{color:var(--color-on-surface-variant);font-size:var(--text-xs)}.puzzle-play-v1__metrics dd,.puzzle-play-v1__secondary-metrics dd{margin:var(--space-1) 0 0;color:var(--color-on-surface);font-weight:900}.puzzle-play-v1__secondary-metrics{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0}.puzzle-play-v1__secondary-metrics>div{display:flex;justify-content:space-between;gap:var(--space-3)}.puzzle-play-v1__settings-renderer,.puzzle-play-v1__settings-fields{display:grid;gap:var(--space-3)}.puzzle-play-v1__settings-renderer{margin-top:var(--space-3)}.puzzle-play-v1__settings-description{margin:0;color:var(--color-on-surface-variant);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.puzzle-play-v1__choice-field{min-width:0;border:0;padding:0}.puzzle-play-v1__choice-field legend{color:var(--color-on-surface);font-size:var(--text-sm);font-weight:800}.puzzle-play-v1__choice-field>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--space-2);margin-top:var(--space-2)}.puzzle-play-v1__choice-field button{display:grid;min-height:44px;gap:var(--space-1);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-on-surface);padding:var(--space-2)}.puzzle-play-v1__choice-field button[aria-pressed=true],.puzzle-play-v1__choice-field button[aria-checked=true]{border-color:var(--ui-pillar);background:var(--ui-pillar-soft);box-shadow:inset 0 0 0 1px var(--ui-pillar)}.puzzle-play-v1__choice-field small{color:var(--color-on-surface-variant)}.puzzle-play-v1__settings-actions{display:block}.puzzle-play-v1__settings-actions>.ui-button{width:100%;min-height:44px;border-radius:var(--radius-md);padding-block:var(--space-2)}.puzzle-play-v1__rules ul{margin:var(--space-3) 0;padding-left:var(--space-5);color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.puzzle-play-v1__more-actions,.puzzle-play-v1__dialog-actions{flex-wrap:wrap}.puzzle-play-v1__more-actions>*,.puzzle-play-v1__dialog-actions>*{flex:1 1 9rem}@media(min-width:48rem){.puzzle-play-v1{padding-bottom:0}.puzzle-play-v1__canvas-card{padding:var(--space-4)}.puzzle-play-v1__action-bar{display:flex}.puzzle-play-v1__action-dock{display:none}.puzzle-play-v1__sidebar{grid-template-columns:minmax(0,1fr)}}@media(min-width:64rem){.puzzle-play-v1__stage{container-type:size}.puzzle-play-v1__navigator-mobile{display:none}.puzzle-play-v1__navigator-desktop{display:flex}.puzzle-play-v1__workspace{grid-template-columns:minmax(0,1fr) var(--puzzle-play-rail);align-items:start}.puzzle-play-v1__keyboard-hints{display:flex}.puzzle-play-v1__tool-tray[data-presentation=coarse-pointer]{display:none}}@media(min-width:64rem)and (any-pointer:coarse){.puzzle-play-v1__tool-tray[data-presentation=coarse-pointer]{display:flex}}@media(min-width:90rem)and (min-height:53.125rem){.puzzle-play-v1{--puzzle-play-rail: 21rem}.puzzle-play-v1__workspace{width:min(100%,100rem)}}@media(min-width:64rem)and (max-height:53.124rem){.puzzle-play-v1__workspace{gap:var(--space-3);padding-block:var(--space-3)}.puzzle-play-v1__canvas-card{gap:var(--space-2);padding:var(--space-3)}.puzzle-play-v1__keyboard-hints,.puzzle-play-v1__stage-instructions[data-presentation=compact-on-demand]{display:none}.puzzle-play-v1__canvas-header,.puzzle-play-v1__canvas-header>div{flex-wrap:nowrap}.puzzle-play-v1__canvas-header>div{overflow-x:auto;scrollbar-width:thin}.puzzle-play-v1__canvas-header button{min-height:40px;flex:0 0 auto;padding-inline:var(--space-2)}.puzzle-play-v1__canvas-help-label{display:none}.puzzle-play-v1__action-bar button{font-size:var(--text-sm);white-space:nowrap}.puzzle-play-v1__info-card{padding:var(--space-3)}.puzzle-play-v1__sidebar:has(.puzzle-play-v1__settings[open]) .puzzle-play-v1__challenge,.puzzle-play-v1__sidebar:has(.puzzle-play-v1__settings[open]) .puzzle-play-v1__rules{display:none}}@media(min-width:64rem){html[data-puzzle-experience-mode=play] .puzzle-play-v1[data-desktop-mode=viewport-contained]{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow-x:clip;overflow-y:auto}.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__workspace{height:auto;min-height:0;flex:1 1 auto;align-items:stretch;overflow:visible}.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__primary,.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__canvas-card,.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__stage{min-height:0}.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__canvas-card{height:100%;overflow:hidden}.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__stage{flex:1 1 auto}.puzzle-play-v1[data-desktop-mode=viewport-contained] .puzzle-play-v1__sidebar{align-content:start;overflow:visible}}@media(max-width:47.999rem){.puzzle-play-v1__workspace{gap:var(--space-3);padding:var(--space-2)}.puzzle-play-v1__canvas-card{gap:var(--space-2);padding:var(--space-2)}.puzzle-play-v1__header{grid-template-columns:auto minmax(0,1fr) auto}.puzzle-play-v1__back span:last-child,.puzzle-play-v1__header-actions button span:last-child,.puzzle-play-v1__header-actions button:first-child{display:none}.puzzle-play-v1__header-actions{gap:var(--space-1)}.puzzle-play-v1__header-actions button{padding-inline:var(--space-2)}.puzzle-play-v1__identity h2{overflow:hidden;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap}.puzzle-play-v1__meta{justify-content:flex-start}.puzzle-play-v1__canvas-header{align-items:flex-start}.puzzle-play-v1__canvas-header>div{flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto}.puzzle-play-v1__canvas-header button{flex:0 0 auto}.puzzle-play-v1__canvas-help-label{display:none}}@media(max-width:63.999rem){.puzzle-play-v1__stage-instructions[data-presentation=compact-on-demand]{display:none}.puzzle-play-v1[data-stage-sizing=fit-bounds] .puzzle-play-v1__stage{min-height:0;aspect-ratio:var(--puzzle-stage-aspect)}}@media(prefers-reduced-motion:reduce){.puzzle-play-v1 *,.puzzle-play-v1 *:before,.puzzle-play-v1 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}