@font-face{font-family:Outfit;src:url(../../../assets/identity/fonts/outfit-latin-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lora;src:url(../../../assets/identity/fonts/lora-latin-italic-400.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172940;font-synthesis:none;--ink:#172940;--muted:#52637a;--panel:#f8fbfdf0;--rule:#cbd6e1;--signal:#1976dd;--shell:#eaf1f6;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#eaf1f6;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{border:1px solid var(--rule);background:var(--panel);min-height:44px;color:var(--ink);border-radius:7px;padding:10px 16px;font-size:.875rem;transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover{background:#e6f0fb;border-color:#8ea9c7}button:disabled{opacity:.5;cursor:default}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #147ee4}a{color:inherit;text-underline-offset:4px}p{line-height:1.6}.ui-icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{letter-spacing:.14em;color:var(--muted);font-size:.75rem}.secondary{color:var(--muted);font-size:.8125rem;line-height:1.55}.play-route{min-height:100vh;color:var(--ink);isolation:isolate;background:var(--shell);position:relative}.play-route:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#edf3f9e6,#edf3f9db 42%,#edf3f9b5),url(../../../assets/alpine/alpine-winter-original.png) bottom/cover no-repeat;position:fixed;inset:0}.play-route__content{flex-direction:column;min-height:100vh;display:flex}.play-route[data-ambience=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf4ff;--muted:#bdcada;--panel:#1f3045f2;--rule:#4b617a;--shell:#16283c;--signal:#8bc1ff}.play-route[data-ambience=night]:before{background-image:linear-gradient(#132438d9,#132438bd),url(../../../assets/alpine/alpine-winter-original.png)}.play-route[data-ambience=night] button:hover{background:#354b65}.play-route[data-ambience=night] .primary-action{color:#153457;background:#c6e0ff}.play-route[data-ambience=night] .play-route__settings-nav a[aria-current]{color:#9bcbff}.site-header{border-bottom:1px solid var(--rule);background:var(--panel);align-items:center;gap:28px;min-height:82px;padding:12px 4%;display:flex;box-shadow:0 2px 8px #21365205}.brand{min-height:64px;color:var(--ink);flex-shrink:0;align-items:center;gap:20px;display:inline-flex}.brand__logo{border-radius:8px;flex:none;text-decoration:none;display:block}.brand__mark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;object-fit:contain;aspect-ratio:1;width:64px;height:64px;display:block}.brand__type{gap:4px;display:grid}.brand__name{letter-spacing:normal;white-space:nowrap;font:600 1.625rem/1.2 Outfit,Segoe UI,Arial,sans-serif}.brand__tagline{color:var(--muted);letter-spacing:normal;white-space:nowrap;margin:0;font:italic 400 .875rem/1.5 Lora,Georgia,serif}.brand__logo:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.header-context{letter-spacing:.12em;color:var(--muted);margin-left:auto;font-size:.75rem}.header-motto{color:var(--muted);max-width:90px;font-size:.75rem;line-height:1.25}.play-route__settings-nav{align-items:center;gap:14px;margin:auto;display:flex}.play-route__settings-nav a,.play-route__settings-nav button{background:0 0;border:0;border-radius:0;align-items:center;min-height:44px;padding:10px 4px;font-size:1rem;text-decoration:none;display:flex}.play-route__settings-nav a[aria-current]{color:#123d7b;border-bottom:2px solid #1988ed;font-weight:650}.theme-trigger{align-items:center;gap:9px;display:flex}.header-tools{align-items:center;gap:16px;display:flex}.header-tools .theme-trigger{background:0 0;border:0;font-size:1rem}.ambience-toggle{border:0;border-left:1px solid var(--rule);background:0 0;border-radius:0;padding:10px}.field{width:min(620px,100% - 40px);margin:26px auto}.field-heading{align-items:center;gap:14px;margin-bottom:16px;display:flex}.field-heading h1{margin:0;font-size:2rem}.field-heading p{color:var(--muted)}.alpine-workspace{flex:1;grid-template-columns:260px minmax(0,clamp(520px,100vh - 420px,640px)) 260px;justify-content:center;align-items:start;gap:32px;width:min(1392px,100% - 64px);margin:28px auto 22px;display:grid}.board-column{min-width:0;container-type:inline-size}.side-panel{background:var(--panel);border:1px solid var(--rule);border-radius:12px;min-width:0;padding:22px;box-shadow:0 8px 24px #3c50630a}.side-panel h2{margin:0 0 18px;font-size:1.125rem;font-weight:650}.mode-panel{margin-top:18px}.right-rail{gap:18px;min-width:0;margin-top:18px;display:grid}.play-route__presets{flex-wrap:wrap;gap:8px;display:flex}.mode-panel .play-route__presets{gap:10px;display:grid}.play-route__presets button{text-align:left;flex:1}.mode-panel .play-route__presets button{background:0 0;gap:3px;min-height:72px;padding:12px 16px;display:grid}.mode-panel .play-route__presets button>strong{font-size:1rem;font-weight:650}.mode-panel .play-route__presets button>small{color:var(--muted);white-space:nowrap;font-size:.875rem;font-weight:400}.play-route__presets button[aria-pressed=true]{background:#d7eaff;border-color:#6caeff;box-shadow:inset 0 0 0 1px #fff6}.play-route[data-ambience=night] .play-route__presets button[aria-pressed=true]{color:#fff;background:#25476c}.preset-number{display:none}.mode-panel .play-route__presets button[data-preset-choice=CLASSIC_BEGINNER_8],.mode-panel .play-route__presets button[data-preset-choice=MODERN_CUSTOM]{justify-content:space-between;align-items:center;min-height:44px;padding:9px 13px;font-size:.8125rem;display:flex}.mode-panel .play-route__presets button[data-preset-choice=CLASSIC_BEGINNER_8] strong{font-size:.875rem}.rail-actions{border-top:1px solid var(--rule);gap:10px;margin-top:22px;padding-top:20px;display:grid}.rail-actions button{justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:.9375rem;font-weight:650;display:flex}.primary-action{color:#fff;background:#3c5677;border-color:#3c5677}.primary-action:hover{color:#fff;background:#284a72}.secondary-action{color:#183e6b;background:#e8f2fd;border-color:#bdd4eb}.mode-tip{color:var(--muted);margin:24px 0 16px;font-size:.875rem;line-height:1.55}.mode-tip strong{color:var(--ink)}.play-route__view-controls{flex-wrap:wrap;gap:6px;display:flex}.play-route__view-controls button{background:0 0;flex:1;min-height:38px;padding:7px 9px;font-size:.75rem}.play-route__view-controls .ui-icon{width:17px;height:17px}.panel-heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.panel-heading h2{flex:1;margin:0}.theme-panel .panel-heading{justify-content:space-between}.panel-heading .ui-icon{width:22px;height:22px}.best-list{gap:12px;margin:0;display:grid}.best-list div{justify-content:space-between;align-items:center;gap:8px;font-size:.9375rem;display:flex}.best-list dt{color:var(--muted)}.best-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.best-list .is-selected dt{color:var(--ink)}.best-note{border-top:1px solid var(--rule);color:var(--muted);margin:23px 0 0;padding-top:20px;font-family:Georgia,serif;font-size:1.0625rem;font-style:italic;line-height:1.5}.best-note small{letter-spacing:.12em;margin-top:9px;font:.75rem Segoe UI,Arial,sans-serif;display:block}.mini-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px;display:grid}.mini-theme{background:0 0;border:0;gap:7px;min-width:0;padding:0;font-size:.8125rem;font-weight:600;display:grid}.mini-theme:hover{background:0 0}.mini-theme .material{border-radius:5px}.mini-theme[aria-pressed=true] .material{outline-offset:3px;outline:2px solid #1387f7}.mini-theme:last-child{border-top:1px solid var(--rule);grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding-top:13px;font-size:.8125rem;display:flex}.mini-theme:last-child .material{flex-shrink:0;width:48px}.mini-theme:last-child .material i{font-size:7px}.themes-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:.75rem}.panel-link{width:44px;color:var(--ink);text-align:left;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;min-height:30px;margin-bottom:18px;padding:0;font-size:1rem;font-weight:650;display:flex}.play-route__custom{background:var(--panel);border:1px solid var(--rule);border-radius:10px;gap:10px;margin-bottom:12px;padding:18px;display:grid}.play-route__custom label{grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:.875rem;display:grid}.play-route__custom input{border:1px solid var(--rule);width:100%;min-width:0;color:var(--ink);background:var(--panel);border-radius:4px;padding:8px}.play-route__custom-error{color:#a52127;font-size:.875rem}.notice{background:var(--panel);border:1px solid var(--rule);border-radius:7px;padding:12px;font-size:.875rem}.field .sweeper-play,.tutorial-route .sweeper-play{--sweeper-cell-radius:0px;--sweeper-radius:0px;color:#18283e;background:linear-gradient(120deg,#d5d8dc,#bfc3c9);border:1px solid #89929d;border-radius:5px;min-height:0;padding:14px;font-family:inherit;display:block;box-shadow:inset 2px 2px #ffffffe8,inset -2px -2px #8c9197,0 7px 14px #21375224}.field .sweeper-play__hud,.tutorial-route .sweeper-play__hud{background:linear-gradient(115deg,#d3d6da,#c1c5cb);border:3px solid #f8fafc;border-color:#848a92 #f8fafc #f8fafc #848a92;border-radius:0;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:0 16px;min-height:96px;margin:0 0 12px;padding:7px 15px 5px;display:grid}.field .sweeper-play__identity,.board-coordinate{display:none}.instrument-reading{flex-direction:column-reverse;align-items:center;gap:3px;width:max-content;min-width:0;max-width:100%;display:flex}.instrument-reading--time{grid-column:3;justify-self:end}.instrument-reading .eyebrow{color:#24354a;letter-spacing:.09em;align-self:center;font-size:.75rem}.field .sweeper-play__counter,.field .sweeper-play__timer,.tutorial-route .sweeper-play__counter,.tutorial-route .sweeper-play__timer{min-inline-size:0;color:#ff343b;background:0 0;border:0;border-radius:0;max-width:100%;padding:0;line-height:1}.lcd{background:#160f13;border:2px inset #8d939b;gap:3px;width:max-content;max-width:100%;padding:5px;display:flex;overflow:hidden;box-shadow:inset 0 0 10px #0008}.lcd svg{width:min(29px, calc((100% - 5px) / var(--digit-count)));flex:0 29px;min-width:0;height:51px;display:block}.field .sweeper-play button[data-command=restart],.tutorial-route .sweeper-play button[data-command=restart]{background:#c8ccd0 url(../../../assets/alpine/classic-covered-tile.png) 50%/100% 100%;border:0;border-radius:0;grid-area:1/2;place-self:center;place-items:center;width:68px;min-width:0;height:68px;padding:2px;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #858b93}.restart-face{pointer-events:none;background:url(../../../assets/alpine/restart-faces.png) 13.2% 12.2%/241.15% 241.15% no-repeat;width:59px;height:59px;display:block}.sweeper-play[data-status=WON] .restart-face{background-position:13.2% 87.3%}.sweeper-play[data-status=LOST] .restart-face{background-position:86.5% 87.3%}.sweeper-play:not([data-status=WON]):not([data-status=LOST]):has([data-pressed=true]) .restart-face{background-position:86.5% 12.2%}.field .sweeper-play__viewport,.tutorial-route .sweeper-play__viewport{scrollbar-color:#8291a3 #d5dce3;scrollbar-gutter:auto;border:3px solid #fbfcfd;border-color:#7e858e #fbfcfd #fbfcfd #7e858e;border-radius:0;margin:0;padding:0;overflow:auto}.field .sweeper-play__viewport [role=grid],.tutorial-route .sweeper-play__viewport [role=grid]{box-shadow:none;vertical-align:top;border:0;gap:0}.field .sweeper-play__viewport [role=gridcell],.tutorial-route .sweeper-play__viewport [role=gridcell]{min-width:0;font-family:Arial,sans-serif;font-weight:750;font-size:calc(var(--sweeper-cell-size) * .52);border:1px solid var(--sweeper-covered-edge);border-radius:0;line-height:1}.field .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 36px) / var(--board-columns)), 68px)}.field .sweeper-play[data-viewport-mode=READABLE]{--sweeper-cell-size:42px}.cell-flag,.cell-mine{pointer-events:none;width:65%;height:65%}.cell-mine{color:var(--sweeper-mine)}[data-result=DETONATED_MINE] .cell-mine{color:#fff}.field .sweeper-play[data-theme=CLASSIC_DESKTOP],.tutorial-route .sweeper-play[data-theme=CLASSIC_DESKTOP]{--sweeper-covered:#c4c7cb;--sweeper-covered-edge:#969da5;--sweeper-revealed:#c4c7cb;--sweeper-focus:#123d7b;--sweeper-flag:#bd202c;--sweeper-mine:#172534;--sweeper-detonated:#bc202b;--sweeper-wrong:#721178;--sweeper-clue-1:#0038bf;--sweeper-clue-2:#125c27;--sweeper-clue-3:#98191c;--sweeper-hover:#d2d5d8;--sweeper-pressed:#b6bec7;--sweeper-clue-4:#251074;--sweeper-clue-5:#6b211b;--sweeper-clue-6:#005563;--sweeper-clue-7:#111925;--sweeper-clue-8:#3f4650}.sweeper-play[data-theme=CLASSIC_DESKTOP] [role=gridcell]:not([data-visibility=REVEALED]):not([data-result=DETONATED_MINE]){background:#c4c7cb url(../../../assets/alpine/classic-covered-tile.png) 50%/100% 100%;border:0;box-shadow:inset 1px 1px #f5f7fa,inset -1px -1px #8b929b}.field .sweeper-play[data-theme=MODERN_NEUTRAL],.tutorial-route .sweeper-play[data-theme=MODERN_NEUTRAL]{--sweeper-covered:#35414e;--sweeper-covered-edge:#637489;--sweeper-revealed:#202a36;--sweeper-focus:#ffe596;--sweeper-flag:#ffa3a9;--sweeper-mine:#f4f8ff;--sweeper-detonated:#9e2532;--sweeper-wrong:#f5b1ff;--sweeper-clue-1:#a2caff;--sweeper-clue-2:#a8deb0;--sweeper-clue-3:#ffada8;--sweeper-clue-4:#d9c0ff;--sweeper-clue-5:#ffd2ab;--sweeper-clue-6:#9de0df;--sweeper-clue-7:#fff;--sweeper-clue-8:#d2d9e2;--sweeper-hover:#46596e;--sweeper-pressed:#263444}.field .sweeper-play[data-theme=CRT],.tutorial-route .sweeper-play[data-theme=CRT]{--sweeper-covered:#123023;--sweeper-covered-edge:#397d56;--sweeper-revealed:#061b12;--sweeper-focus:#fff59a;--sweeper-flag:#c0ffa0;--sweeper-mine:#c5fddd;--sweeper-detonated:#803026;--sweeper-wrong:#fff;--sweeper-clue-1:#9efbb9;--sweeper-clue-2:#c0ffd0;--sweeper-clue-3:#f2ffa6;--sweeper-clue-4:#a4ebdc;--sweeper-clue-5:#efdf9b;--sweeper-clue-6:#a8ffd8;--sweeper-clue-7:#fff;--sweeper-clue-8:#b8d5c2;--sweeper-hover:#1c4833;--sweeper-pressed:#082619}.sweeper-play[data-theme=CRT] [role=gridcell]:not([data-visibility=REVEALED]):not([data-result=DETONATED_MINE]){background-image:repeating-linear-gradient(0deg,#0000 0 2px,#0003 2px 3px)}.field .sweeper-play[data-theme=BLUEPRINT],.tutorial-route .sweeper-play[data-theme=BLUEPRINT]{--sweeper-covered:#18548f;--sweeper-covered-edge:#83b4e8;--sweeper-revealed:#073565;--sweeper-focus:#fff09b;--sweeper-flag:#fff;--sweeper-mine:#fff;--sweeper-detonated:#a02834;--sweeper-wrong:#fff5a8;--sweeper-clue-1:#fff;--sweeper-clue-2:#c7efde;--sweeper-clue-3:#ffe3d6;--sweeper-clue-4:#e4d8ff;--sweeper-clue-5:#ffe2a9;--sweeper-clue-6:#b9f7ff;--sweeper-clue-7:#fff;--sweeper-clue-8:#d3e6f7;--sweeper-hover:#256baa;--sweeper-pressed:#123c67}.sweeper-play[data-theme=BLUEPRINT] [role=gridcell]:not([data-visibility=REVEALED]):not([data-result=DETONATED_MINE]){background-image:linear-gradient(90deg,#d4ecff18 1px,#0000 1px),linear-gradient(#d4ecff18 1px,#0000 1px);background-size:8px 8px}.sweeper-play[data-accent=BLUE]:not([data-theme=HIGH_CONTRAST]):not([data-theme=CLASSIC_DESKTOP]){--sweeper-flag:#b7dcff}.sweeper-play[data-accent=GOLD]:not([data-theme=HIGH_CONTRAST]):not([data-theme=CLASSIC_DESKTOP]){--sweeper-flag:#ffe293}.sweeper-play[data-theme=CLASSIC_DESKTOP][data-accent=BLUE]{--sweeper-flag:#164f9b}.sweeper-play[data-theme=CLASSIC_DESKTOP][data-accent=GOLD]{--sweeper-flag:#704200}.field [role=gridcell][data-pressed=true]{background-image:none!important;background-color:var(--sweeper-pressed,var(--sweeper-revealed))!important;box-shadow:inset 1px 1px #596674!important}.field [role=gridcell]:focus{outline:3px solid var(--sweeper-focus);outline-offset:-4px}.field-state{color:#23364f;background:#f5f8fc;border:1px solid #9eaab8;border-radius:5px;margin-top:13px;padding:14px;font-size:.875rem}.field-state__copy{align-items:center;gap:12px;display:flex}.field-state__copy>div{gap:3px;display:grid}.field-state__copy div>span{color:#52637a;font-size:.8125rem;line-height:1.45}.state-symbol{font-size:1.5rem;line-height:1}.field-state[data-result-strip=WON]{background:#eef7ea;border-color:#699666}.field-state[data-result-strip=LOST]{background:#fff1ee;border-color:#bc7775}.field-state[data-result-strip=READY],.field-state[data-result-strip=ACTIVE]{background:#dbe1e8;border:0;padding:10px 12px}.field-state[data-result-strip=READY] .replay-actions,.field-state[data-result-strip=ACTIVE] .replay-actions,.field-state[data-result-strip=READY] .state-symbol,.field-state[data-result-strip=ACTIVE] .state-symbol{display:none}.replay-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.replay-actions button{white-space:nowrap;flex:1;padding:8px 12px;font-size:.8125rem}.field .sweeper-play__controls,.tutorial-route .sweeper-play__controls{background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 0 0;display:flex}.sweeper-play__controls button{color:#23364f;background:#edf2f8;min-height:38px;padding:6px 10px;font-size:.8125rem}.sweeper-play__controls button[data-active=true]{color:#173c69;background:#c7ddf5;border-color:#7699bf}.control-caption{color:#32465e;margin-right:2px;font-size:.75rem}.sweeper-play__controls .surface-theme-trigger{margin-left:auto}.mobile-restart{display:none}.board-stats{background:var(--panel);border:1px solid var(--rule);color:var(--ink);border-radius:7px;align-items:center;gap:0;margin:14px -15px -15px;padding:17px 12px;display:flex;box-shadow:0 8px 15px #3b516418}.board-stats>div{border-right:1px solid var(--rule);flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;padding:0 9px;display:flex}.board-stats>div:last-child{border:0}.board-stats .ui-icon{width:23px;height:23px}.board-stats span{color:var(--muted);gap:2px;font-size:.75rem;display:grid}.board-stats strong{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:650}.material{aspect-ratio:1.55;background:#b8bdc3;border:3px solid #aeb2b7;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:100%;padding:2px;display:grid;overflow:hidden}.material i{color:#063bc4;background:#c4c7cb url(../../../assets/alpine/classic-covered-tile.png) 50%/100% 100%;place-items:center;min-width:0;font:700 16px Arial;display:grid}.material i.open{background:#c4c7cb;border:1px solid #979da4}.material.crt{background:#123026;border-color:#183e31}.material.crt i{color:#98f2bb;background:repeating-linear-gradient(0deg,#0a2118 0 2px,#0d2b1e 2px 3px);box-shadow:inset 0 0 0 1px #286341}.material.blueprint{background:#184e8c;border-color:#255f9d}.material.blueprint i{color:#fff;background-color:#16528e;background-image:linear-gradient(90deg,#d4ecff13 1px,#0000 1px),linear-gradient(#d4ecff13 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;box-shadow:inset 0 0 0 1px #73b0e6}.material.dark{background:#202a36;border-color:#27313d}.material.dark i{color:#afcfff;background:linear-gradient(135deg,#414c5a,#303945);box-shadow:inset 1px 1px #5a697b,inset -2px -2px #121a24}.material.contrast{background:#fff;border-color:#000}.material.contrast i{color:#fff;background:#000;box-shadow:inset 0 0 0 1px #fff}.material.contrast i.open{color:#0040bb;background:#fff}.instrument-dialog{background:var(--panel);border:1px solid var(--rule);width:min(900px,100% - 40px);max-height:calc(100dvh - 60px);color:var(--ink);border-radius:15px;margin:auto;padding:28px;overflow:auto;box-shadow:0 30px 90px #172c4a42}.instrument-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#233b566b}.dialog-top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;padding-bottom:16px;display:flex}.dialog-top button{background:0 0;padding:8px 13px}.instrument-dialog h2{letter-spacing:-.03em;margin:0 0 12px;font-size:2rem;font-weight:600}.dialog-intro{color:var(--muted);max-width:650px;font-size:1rem}.theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.theme-card{text-align:left;background:var(--panel);flex-direction:column;align-items:stretch;gap:13px;min-width:0;padding:15px;display:flex}.sweeper-play .theme-card,.sweeper-play .dialog-top button{background:var(--panel);color:var(--ink)}.theme-card[aria-pressed=true]{outline-offset:1px;outline:2px solid #1976dd}.theme-card__meta{letter-spacing:.05em;color:var(--muted);justify-content:space-between;gap:6px;font-size:.6875rem;display:flex}.theme-card>strong{font-size:1.0625rem;font-weight:600}.theme-description{color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.5}.accent-controls{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;display:flex}.accent-controls>span{margin-right:auto;font-size:.875rem}.accent-controls button[aria-pressed=true]{color:#173b65;background:#dcecff;border-color:#1976dd}.theme-note{color:var(--muted);font-size:.8125rem}.play-route__history{color:var(--ink);margin-top:20px;padding:0}.personal-best{flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.personal-best strong{font-variant-numeric:tabular-nums}.personal-best .eyebrow{font-size:.6875rem}.history-disclosure{border-top:1px solid var(--rule);margin-top:12px;padding-top:10px}.history-disclosure summary{cursor:pointer;min-height:30px;font-size:.8125rem;line-height:30px}.history-panel{padding-top:10px}.history-panel p{font-size:.875rem}.history-panel ol{margin:12px 0;padding:0;list-style:none}.history-panel li{border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;padding:10px 0;font-size:.8125rem;display:flex}.history-panel small{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.history-panel strong{font-variant-numeric:tabular-nums;white-space:nowrap}.field-footnote{color:var(--muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:.75rem;display:flex}.site-footer{letter-spacing:.1em;color:var(--muted);background:var(--panel);border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-top:22px;padding:12px 4%;font-size:.75rem;display:flex}.site-footer button{letter-spacing:normal;background:0 0;border:0;min-height:32px;padding:0;font-size:.8125rem}.settings-route,.tutorial-route{color:var(--ink);background:0 0}.settings-route__header,.tutorial-route__header{border-bottom:1px solid var(--rule);padding-bottom:18px}.settings-route__header h1,.tutorial-route__header h1{letter-spacing:-.035em;margin:15px 0 4px;font-size:2.4rem;font-weight:600}.settings-route__header p,.tutorial-route__header p{color:var(--muted);font-size:1rem}.settings-route__header .brand,.tutorial-route__header .brand{margin-top:10px}.settings-dialog .settings-route__header .brand,.learning-dialog .tutorial-route__header .brand{display:none}.settings-dialog .settings-route,.learning-dialog .tutorial-route{max-width:none;padding:0}.settings-route fieldset{border:1px solid var(--rule);background:var(--panel);border-radius:9px;margin:12px 0;padding:20px}.settings-route legend{padding:0 8px;font-size:1rem;font-weight:650}.settings-route label{font-size:.9375rem;line-height:1.5}.settings-route input[type=checkbox]{accent-color:#1976dd;flex-shrink:0;width:18px;height:18px}.settings-route select{border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:5px;max-width:100%;padding:9px}.settings-route__status{color:var(--muted);font-size:.8125rem}.settings-route{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.settings-route>header{grid-column:1/-1}.settings-route>header h1{letter-spacing:-.025em;font-size:2rem}.settings-route>header h1,.settings-route>header p{margin:0}.settings-route fieldset{align-content:start;margin:0}.settings-route fieldset:last-child{grid-column:1/-1}.instrument-dialog .settings-route.embedded,.instrument-dialog .tutorial-route.embedded{align-content:start;min-height:0;padding:0}.tutorial-route{grid-template-columns:minmax(0,1fr) 260px;align-content:start}.tutorial-route>header,.tutorial-route .field-guide-notes{grid-column:1/-1}.tutorial-route__board{align-self:start}.tutorial-route .sweeper-play__controls .control-caption,.tutorial-route .sweeper-play__controls [data-command=fit],.tutorial-route .sweeper-play__controls [data-command=readable],.tutorial-route .sweeper-play__controls .surface-theme-trigger{display:none}.field-guide-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:15px;display:grid}.field-guide-notes>div{border-top:1px solid var(--rule);padding-top:15px}.field-guide-notes p{color:var(--muted);font-size:.875rem;line-height:1.55}@media (width<=680px){.settings-route,.tutorial-route,.field-guide-notes{grid-template-columns:minmax(0,1fr)}}.tutorial-route__instruction{background:var(--panel);border:1px solid var(--rule);border-radius:9px;padding:20px}.tutorial-route__instruction h2{letter-spacing:-.025em;margin:6px 0;font-size:1.8rem}.tutorial-route__instruction p{color:var(--muted);font-size:1rem}.tutorial-route .sweeper-play{--sweeper-cell-size:64px;max-width:300px;margin:auto}.tutorial-route .sweeper-play__hud,.tutorial-route .field-state,.tutorial-route .board-stats{display:none}.tutorial-route .sweeper-play__controls{justify-content:center}.tutorial-route__surface{margin:18px 0}.tutorial-route__controls-reference{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:18px;display:grid}.tutorial-route__controls-reference p{color:var(--muted);font-size:.875rem}.play-route__onboarding-backdrop{z-index:40;background:#223b5566;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.play-route__onboarding-offer{background:var(--panel);border:1px solid var(--rule);max-width:540px;color:var(--ink);border-radius:12px;padding:28px}.play-route__onboarding-offer h1{letter-spacing:-.025em;font-size:1.8rem}.play-route__onboarding-actions{flex-wrap:wrap;gap:10px;display:flex}.alpine-workspace[data-large-board=true]{grid-template-columns:180px minmax(0,1fr);gap:24px;max-width:1440px}.alpine-workspace[data-large-board=true] .right-rail{grid-area:2/1;margin-top:0}.alpine-workspace[data-large-board=true] .mode-panel{padding:16px}.alpine-workspace[data-large-board=true] .board-column{grid-area:1/2/3}.alpine-workspace[data-large-board=true] .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 36px) / var(--board-columns)), 68px)}.alpine-workspace[data-large-board=true] .mode-panel .play-route__presets button{padding-inline:10px}.alpine-workspace[data-large-board=true] .mode-panel .play-route__presets button>small{font-size:.75rem}.play-route[data-focus-mode=true] .site-header,.play-route[data-focus-mode=true] .site-footer,.play-route[data-focus-mode=true] .right-rail,.play-route[data-focus-mode=true] .mode-panel h2,.play-route[data-focus-mode=true] .mode-tip,.play-route[data-focus-mode=true] .rail-actions,.play-route[data-focus-mode=true] .field-footnote{display:none}.play-route[data-focus-mode=true] .alpine-workspace{flex-direction:column;gap:10px;width:min(1250px,100% - 28px);margin:12px auto;display:flex}.play-route[data-focus-mode=true] .mode-panel{box-shadow:none;background:0 0;border:0;align-self:flex-end;margin:0;padding:0}.play-route[data-focus-mode=true] .board-column{align-self:center;width:100%;max-width:640px}.play-route[data-focus-mode=true] .alpine-workspace[data-large-board=true] .board-column{max-width:none}.play-route[data-focus-mode=true] .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 36px) / var(--board-columns)), 68px)}@media (width<=1200px){.site-header{gap:16px;padding-inline:24px}.header-motto{display:none}.alpine-workspace{grid-template-columns:200px minmax(0,620px);gap:22px;width:calc(100% - 44px);max-width:900px}.right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:0}.mode-panel{padding:18px}.field .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 36px) / var(--board-columns)), 68px)}.play-route__settings-nav{gap:18px}.header-tools{gap:8px}.header-context{display:none}.board-stats>div{gap:6px;padding-inline:5px}}@media (width<=800px){.site-header{flex-wrap:wrap;gap:8px;min-height:76px;padding:13px 20px}.brand{gap:16px;min-height:48px}.brand__mark{width:48px;height:48px}.brand__name{font-size:1.5rem}.brand__tagline{font-size:.8125rem}.play-route__settings-nav{order:3;justify-content:center;gap:26px;width:100%;margin:0}.play-route__settings-nav a,.play-route__settings-nav button{min-height:36px;padding:5px 0;font-size:.875rem}.header-tools{margin-left:auto}.header-tools .theme-trigger{padding:8px;font-size:.875rem}.header-tools .theme-trigger .ui-icon{width:20px;height:20px}.ambience-toggle{padding:7px}.alpine-workspace,.alpine-workspace[data-large-board=true]{flex-direction:column;gap:18px;width:calc(100% - 32px);max-width:660px;margin:18px auto;display:flex}.mode-panel{width:100%;margin:0;padding:14px}.mode-panel h2{margin:0 0 10px;font-size:.875rem}.mode-panel .play-route__presets{scrollbar-width:thin;flex-wrap:nowrap;gap:7px;padding:2px 2px 6px;display:flex;overflow-x:auto}.mode-panel .play-route__presets button{white-space:nowrap;flex:none;min-height:54px;padding:8px 12px}.mode-panel .play-route__presets button>strong{font-size:.875rem}.mode-panel .play-route__presets button>small{font-size:.75rem}.mode-panel .play-route__presets button[data-preset-choice=CLASSIC_BEGINNER_8],.mode-panel .play-route__presets button[data-preset-choice=MODERN_CUSTOM]{min-height:54px}.rail-actions{border:0;gap:8px;margin:10px 0 0;padding:0;display:flex}.rail-actions button{flex:1;min-height:42px;padding:8px;font-size:.8125rem}.rail-actions .ui-icon{width:20px;height:20px}.mode-tip{display:none}.mode-panel .play-route__view-controls{margin-top:10px}.mode-panel .play-route__view-controls button{border:0;flex:0 auto;min-height:32px;padding:4px 8px}.board-column{width:100%}.right-rail,.alpine-workspace[data-large-board=true] .right-rail{grid-template-columns:1fr 1fr;gap:14px;width:100%}.field .sweeper-play[data-viewport-mode=FIT],.alpine-workspace[data-large-board=true] .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 36px) / var(--board-columns)), 68px)}.side-panel{padding:18px}.best-list div{font-size:.875rem}.site-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px}.site-footer>span:last-child{display:none}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card:last-child{grid-column:1/-1}.instrument-dialog{padding:22px}.tutorial-route__controls-reference{grid-template-columns:1fr}}@media (width<=480px){.site-header{padding:12px 14px 8px}.site-header>.brand{flex-basis:100%;justify-content:center;padding-bottom:5px}.brand__mark{width:48px;height:48px}.brand__name{font-size:1.375rem}.brand__tagline{font-size:.8125rem}.play-route__settings-nav{flex:1;order:2;justify-content:flex-start;gap:12px;width:auto}.play-route__settings-nav a,.play-route__settings-nav button{font-size:.75rem}.header-tools{order:3;margin-left:0}.theme-trigger .ui-icon{display:none}.header-tools{gap:2px}.header-tools .theme-trigger{padding-inline:7px;font-size:.8125rem}.ambience-toggle .ui-icon{width:21px;height:21px}.alpine-workspace,.alpine-workspace[data-large-board=true]{gap:14px;width:calc(100% - 20px);margin-top:12px}.mode-panel{padding:12px}.mode-panel h2,.mode-panel .play-route__view-controls{display:none}.field .sweeper-play{padding:9px}.field .sweeper-play__hud{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:8px;min-height:79px;margin-bottom:9px;padding:7px 8px 4px}.field .sweeper-play button[data-command=restart]{width:55px;height:55px}.restart-face{width:49px;height:49px}.lcd{gap:2px;padding:3px}.lcd svg{flex-basis:22px;width:22px;height:40px}.instrument-reading .eyebrow{font-size:.6875rem}.field .sweeper-play[data-viewport-mode=FIT],.alpine-workspace[data-large-board=true] .sweeper-play[data-viewport-mode=FIT]{--sweeper-cell-size:clamp(24px, calc((100cqw - 26px) / var(--board-columns)), 68px)}.field .sweeper-play[data-viewport-mode=READABLE]{--sweeper-cell-size:42px}.field-state{font-size:.8125rem}.field-state__copy div>span{font-size:.75rem}.field-state[data-result-strip=READY],.field-state[data-result-strip=ACTIVE]{padding:9px 3px 0}.field-state[data-result-strip=READY] .field-state__copy div>span,.sweeper-play__controls .control-caption,.sweeper-play__controls .surface-theme-trigger{display:none}.field .sweeper-play__controls{z-index:3;background:#c5cbd3;gap:4px;padding:8px 0 0;position:sticky;bottom:0;box-shadow:0 -5px 8px #c5cbd3}.field .sweeper-play__controls button{white-space:nowrap;flex:1 0 auto;min-height:42px;padding:6px;font-size:.75rem}.sweeper-play__controls .mobile-restart{flex:0 0 38px;font-size:1.125rem;display:block}.board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px -10px -10px;padding:12px 6px;display:grid}.board-stats>div{text-align:center;flex-direction:column;gap:5px;padding:0 4px}.board-stats .ui-icon{width:19px;height:19px}.board-stats span{font-size:.6875rem}.board-stats strong{font-size:.75rem}.right-rail,.alpine-workspace[data-large-board=true] .right-rail{grid-template-columns:1fr}.best-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.best-list div{flex-direction:column;align-items:flex-start;font-size:.8125rem}.best-note{font-size:.9375rem}.best-note small{font-size:.6875rem}.side-panel{padding:18px}.mini-themes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mini-theme{font-size:.75rem}.mini-theme:last-child{grid-column:1/-1}.instrument-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:18px}.instrument-dialog h2{font-size:1.65rem}.dialog-top{margin-bottom:18px}.dialog-top .eyebrow{font-size:.625rem}.theme-gallery{gap:10px}.theme-card{gap:9px;padding:10px}.theme-card__meta{display:none}.theme-card>strong{font-size:.9375rem}.theme-description,.theme-note{font-size:.75rem}.settings-route__header h1,.tutorial-route__header h1{font-size:2rem}.settings-route label{flex-wrap:wrap;font-size:.875rem}.settings-route fieldset{padding:14px}.field-footnote{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.play-route .sweeper-play *,.play-route .sweeper-play :before,.play-route .sweeper-play :after,.tutorial-route .sweeper-play *,.tutorial-route .sweeper-play :before,.tutorial-route .sweeper-play :after,.field .sweeper-play__viewport [role=gridcell],.tutorial-route .sweeper-play__viewport [role=gridcell],*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.play-route:before{display:none}.play-route,.side-panel,.instrument-dialog,.field .sweeper-play,.field .sweeper-play__hud,.board-stats{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.field .sweeper-play{--sweeper-covered:ButtonFace;--sweeper-revealed:Canvas;--sweeper-covered-edge:ButtonText;--sweeper-focus:Highlight;--sweeper-mine:CanvasText;--sweeper-flag:CanvasText}.field [role=gridcell]{forced-color-adjust:auto;background-image:none!important}.lcd,.restart-face{forced-color-adjust:none}.sweeper-play button[data-command=restart]{background-image:none!important;border:2px solid buttontext!important}.ui-icon{forced-color-adjust:auto}}html,body{min-width:100%;min-height:100%;margin:0}body{color:#172940;background:#eaf1f6;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}