@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}:root{--ink:#14112b;--deep:#1f1a3d;--dusk:#2c2657;--glass:#cdd6f4;--candle:#f5c46b;--parchment:#f3e9d2;--muted:#a99fc9;--scrim:#14112b99;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--win-card-ms:.24s;--reduced-fade-ms:.1s;--column-max:480px;--top-bar:56px;--tray:120px;--actions:76px;--action-column:84px}html,body{background:var(--ink);color:var(--parchment);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0}body{font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.level{box-sizing:border-box;max-width:var(--column-max);height:100vh;grid-template-rows:calc(var(--top-bar) + env(safe-area-inset-top)) minmax(0, 1fr) var(--tray) calc(var(--actions) + env(safe-area-inset-bottom));height:100dvh;margin:0 auto;display:grid;position:relative;overflow:hidden}.level-title,.topbar-title{text-align:center;font-family:var(--font-display);color:var(--parchment);font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:600;line-height:1.2}.level-title-block{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.level-caption{color:var(--muted);white-space:nowrap;margin:0;font-size:14px;font-weight:400;line-height:20px}.level-caption[hidden]{display:none}.topbar{box-sizing:border-box;height:calc(var(--top-bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;background:var(--deep);border-bottom:1px solid #cdd6f426;grid-template-columns:56px minmax(108px,1fr) 180px;align-items:center;display:grid}.topbar-left,.topbar-right{gap:4px;display:flex}.topbar-right{justify-content:flex-end}.topbar-center{justify-content:center;min-width:0;display:flex}.topbar-btn{box-sizing:border-box;width:56px;height:52px;color:var(--parchment);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}.topbar-btn .icon{flex:none}.topbar-label{font-size:14px;font-weight:600;line-height:1.1}.topbar-actions{gap:4px;display:flex}.topbar-btn.is-armed{box-shadow:inset 0 0 0 2px var(--candle);color:var(--candle)}.topbar-btn[aria-disabled=true]{opacity:.4;cursor:default}.board{touch-action:none;min-height:0;margin:0 16px;position:relative;overflow:hidden}.board-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.board-overlay{touch-action:none;position:absolute;inset:0}.flask-hit{cursor:pointer;touch-action:none;appearance:none;background:0 0;border:0;border-radius:8px;margin:0;padding:0;position:absolute}.haptic-switch,.haptic-switch-input{opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;position:absolute;inset:0}.chain-label,.chain-label-out{box-sizing:border-box;border:1px solid var(--candle);height:32px;color:var(--candle);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#1f1a3deb;border-radius:16px;padding:4px 16px;font-size:20px;font-weight:600;line-height:22px;position:absolute;top:0;left:0}.chain-label[hidden],.chain-label-out[hidden]{display:none}.level-tray{box-sizing:border-box;padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:var(--deep);text-align:center;flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.level-tray.tray-centered{padding:0 16px env(safe-area-inset-bottom);justify-content:center}.tray-coach:empty,.tray-hint[hidden]{display:none}.tray-hint{justify-content:center;align-items:center;min-height:48px;display:flex}.tray-hint .hint-btn{justify-content:center;align-items:center;gap:8px;width:auto;min-width:144px;height:48px;display:inline-flex}.tray-hint .hint-btn .icon{flex:none;width:20px;height:20px}.tray-hint .hint-btn[aria-disabled=true]{opacity:.4}.tray-hint .hint-btn[hidden],.hint-error[hidden]{display:none}.hint-error{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:20px}.level-tray[data-card]>.tray-coach,.level-tray[data-card]>.tray-hint{visibility:hidden}.level-tray{position:relative}.tray-card{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--deep);height:112px;color:var(--parchment);text-align:left;animation:tray-card-in var(--stuck-in-ms,.2s) cubic-bezier(.33, 1, .68, 1) both;border:1px solid #cdd6f440;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute}.tray-card-text{white-space:nowrap;margin:0;font-size:16px;font-weight:400;line-height:24px}.tray-card-lead{font-weight:600}.tray-card-actions{gap:8px;display:flex}.tray-card .tray-card-btn{white-space:nowrap;flex:1 1 0;min-width:0;height:48px;min-height:48px;padding:0 8px}.tray-card .btn-primary{font-size:18px}.card-out{animation:fade-out var(--stuck-out-ms,.16s) ease-out both;pointer-events:none}@keyframes tray-card-in{0%{opacity:0;transform:translateY(var(--stuck-slide,8px))}to{opacity:1;transform:translateY(0)}}.coach{color:var(--parchment);margin:0;font-size:16px;font-weight:400;line-height:1.5}.coach-out{animation:fade-out var(--coach-fade-ms,.16s) ease-out both}.coach-intro{line-height:24px}.board-enter{animation:board-in var(--board-entry-ms,.2s) linear both}@keyframes board-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.scrim{background:var(--scrim);touch-action:manipulation;animation:card-in var(--win-card-ms) ease-out both;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.win-card{box-sizing:border-box;background:var(--deep);text-align:center;border:1px solid #cdd6f440;border-radius:20px;flex-direction:column;gap:16px;width:min(328px,100vw - 32px);padding:24px;display:flex}.scrim .win-card{animation:card-rise var(--win-card-ms) cubic-bezier(.33, 1, .68, 1) both}.star-row{justify-content:center;display:flex}.star-slot{color:var(--muted);line-height:0;display:block;position:relative}.star-slot .star-fill{color:var(--candle);position:absolute;inset:0}.win-stars{gap:8px}.win-stars .star-fill{animation:star-fill var(--star-fill-ms,.16s) cubic-bezier(.34, 1.56, .64, 1) both;animation-delay:var(--star-delay,0s)}.card-text{flex-direction:column;gap:8px;display:flex}.card-caption{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:1.4}@keyframes star-fill{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.win-card:focus{outline:none}.win-card:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.card-title{font-family:var(--font-display);margin:0;font-size:20px;font-weight:600;line-height:1.2}.card-body{margin:0}.btn-primary{box-sizing:border-box;background:var(--candle);width:100%;min-height:56px;color:var(--ink);font-family:var(--font-display);cursor:pointer;border:0;border-radius:16px;padding:0 24px;font-size:20px;font-weight:600;line-height:1.2}.win-card .btn-primary{min-height:48px}.btn-secondary{box-sizing:border-box;background:var(--dusk);width:100%;min-height:48px;color:var(--parchment);cursor:pointer;border:1px solid #cdd6f440;border-radius:16px;padding:0 24px;font-size:16px;font-weight:600;line-height:1.4}.btn-secondary:active{filter:brightness(1.2)}.btn-text{box-sizing:border-box;min-height:44px;color:var(--parchment);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.4}.btn-text:active{background:var(--dusk)}.btn-block{width:100%}.btn-primary:active{filter:brightness(.92);transform:scale(.97)}.home{box-sizing:border-box;max-width:var(--column-max);min-height:100vh;min-height:100dvh;padding:calc(48px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:32px;margin:0 auto;display:flex;position:relative}.home-brand{flex-direction:column;gap:8px;display:flex}.home-wordmark{font-family:var(--font-display);color:var(--candle);margin:0;font-size:28px;font-weight:600;line-height:1.2}.home-tagline{color:var(--muted);margin:0}.home-hero{flex:none;display:block}.home-actions{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.btn-continue{flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex}.btn-sub{font-family:var(--font-body);color:#14112bb3;font-size:14px;font-weight:400;line-height:1.4}.home-install{width:100%;max-width:320px;margin-top:-8px}.home-install:empty{display:none}.btn-install{justify-content:center;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;display:flex}.btn-install .icon{flex:none}.ios-hint{box-sizing:border-box;background:var(--deep);width:100%;color:var(--parchment);text-align:left;border:1px solid #cdd6f440;border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.ios-hint-head{align-items:center;gap:8px;display:flex}.ios-hint-head .icon{width:20px;height:20px;color:var(--parchment);flex:none}.ios-hint-title{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.5}.ios-hint-body{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:400;line-height:1.5}.ios-hint-actions{justify-content:flex-end;display:flex}.ios-hint-out{animation:fade-out var(--ios-hint-fade-ms,.16s) ease-out both;pointer-events:none}.levels{box-sizing:border-box;max-width:var(--column-max);height:100vh;--wobble-ms:.16s;flex-direction:column;height:100dvh;margin:0 auto;display:flex}.levels>.topbar{z-index:1;flex:none;position:sticky;top:0}.levels-total{color:var(--candle);align-items:center;gap:4px;padding-right:8px;display:inline-flex}.levels-total-text,.chapter-count-text{color:var(--parchment);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;line-height:1.4}.levels-scroll{box-sizing:border-box;overscroll-behavior:contain;min-height:0;padding:24px 0 calc(48px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:32px;display:flex;overflow-y:auto}.chapter{content-visibility:auto;contain-intrinsic-size:auto 312px;flex:none;scroll-margin-top:16px}.chapter-header{grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;align-items:center;gap:4px 16px;min-height:48px;padding:0 24px;display:grid}.chapter-mark{background:var(--dusk);width:40px;height:40px;color:var(--parchment);border-radius:8px;grid-area:1/1/span 2;justify-content:center;align-items:center;display:flex}.chapter-name{font-family:var(--font-display);color:var(--parchment);grid-area:1/2;margin:0;font-size:20px;font-weight:600;line-height:1.2}.chapter-count{color:var(--candle);grid-area:1/3;align-items:center;gap:4px;display:inline-flex}.chapter-lock{color:var(--muted)}.chapter-lock .icon{width:16px;height:16px}.chapter-caption{color:var(--muted);grid-area:2/2/auto/span 2;margin:0;font-size:14px;font-weight:400;line-height:1.4}.chapter.is-locked .chapter-name,.chapter.is-locked .chapter-mark{color:var(--muted)}.tile-grid{grid-template-columns:repeat(5,56px);grid-auto-rows:56px;justify-content:center;gap:8px;margin-top:16px;display:grid}.tile{box-sizing:border-box;background:var(--dusk);width:56px;height:56px;color:var(--parchment);cursor:pointer;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;display:flex;position:relative}.tile-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.2}.tile-current{box-shadow:inset 0 0 0 2px var(--candle);color:var(--candle)}.tile-locked{opacity:.5;color:var(--muted);cursor:default}.tile-locked .icon{width:20px;height:20px}.tile-solved,.tile-stars{gap:4px}.tile-stars-pop .star-fill{animation:star-fill var(--tile-pop-ms,.16s) cubic-bezier(.34, 1.56, .64, 1) both;animation-delay:var(--star-delay,0s)}.tile-wobble{animation:tile-wobble var(--wobble-ms) ease-in-out}@keyframes tile-wobble{0%,50%,to{transform:translate(0)}12.5%,62.5%{transform:translate(-3px)}37.5%,87.5%{transform:translate(3px)}}@keyframes tile-pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes card-in{0%{opacity:0}to{opacity:1}}@keyframes card-rise{0%{transform:translateY(8px)}to{transform:translateY(0)}}.home-settings{top:calc(env(safe-area-inset-top) + 8px);position:absolute;right:8px}.settings-scrim{z-index:20;animation:card-in var(--sheet-scrim-ms,.2s) ease-out both;background:#14112b99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings-sheet{box-sizing:border-box;width:100%;max-width:var(--column-max);padding:24px 24px calc(24px + env(safe-area-inset-bottom));background:var(--deep);color:var(--parchment);text-align:left;animation:sheet-rise var(--sheet-in-ms,.24s) cubic-bezier(.33, 1, .68, 1) both;border-top:1px solid #cdd6f440;border-radius:24px 24px 0 0}.settings-scrim.is-closing{animation:fade-out var(--sheet-out-ms,.16s) cubic-bezier(.32, 0, .67, 0) both;pointer-events:none}.settings-scrim.is-closing .settings-sheet{animation:sheet-drop var(--sheet-out-ms,.16s) cubic-bezier(.32, 0, .67, 0) both}.settings-title{font-family:var(--font-display);margin:0;font-size:20px;font-weight:600;line-height:1.2}.setting-row{box-sizing:border-box;width:100%;min-height:64px;color:var(--parchment);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;margin:16px 0 0;padding:16px 0;display:flex}.setting-text{flex-direction:column;flex:auto;min-width:0;display:flex}.setting-label{font-size:16px;font-weight:600;line-height:1.5}.setting-desc{color:var(--muted);font-size:14px;font-weight:400;line-height:1.4}.setting-control{flex:none;align-items:center;gap:8px;display:flex}.setting-state{color:var(--muted);font-size:14px;font-weight:600;line-height:1.4}.setting-row[data-on=true] .setting-state{color:var(--parchment)}.switch-track{box-sizing:border-box;background:var(--dusk);border:1px solid #cdd6f440;border-radius:16px;width:52px;height:32px;display:block;position:relative}.switch-knob{background:var(--muted);width:24px;height:24px;transition:transform var(--switch-ms,.12s) cubic-bezier(.33, 1, .68, 1);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:3px}.switch-check{color:var(--candle);opacity:0}.setting-row[data-on=true] .switch-track{border-color:var(--candle);background:var(--candle)}.setting-row[data-on=true] .switch-knob{background:var(--ink);transform:translate(20px)}.setting-row[data-on=true] .switch-check{opacity:1}.settings-close{margin-top:24px}.settings-sheet{overscroll-behavior:contain;max-height:calc(100dvh - 72px);overflow-y:auto}.settings-rows .setting-row{min-height:56px;margin-top:4px;padding:10px 0}.setting-slider-row{padding:8px 0 10px}.setting-slider-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.setting-value{color:var(--muted);font-size:14px;font-weight:600}.setting-slider{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:44px;margin:0;display:block}.setting-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--candle) var(--fill), var(--dusk) var(--fill));border:1px solid #cdd6f440;border-radius:4px;height:8px}.setting-slider::-webkit-slider-thumb{border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff4d6, var(--candle) 60%, #c98a2e);appearance:none;border-radius:50%;width:28px;height:28px;margin-top:-11px;box-shadow:0 0 12px #f5c46b8c}.setting-slider::-moz-range-track{background:var(--dusk);border:1px solid #cdd6f440;border-radius:4px;height:8px}.setting-slider::-moz-range-progress{background:var(--candle);border-radius:4px;height:8px}.setting-slider::-moz-range-thumb{border:2px solid var(--ink);background:var(--candle);border-radius:50%;width:24px;height:24px}.setting-slider:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.setting-slider-row[data-muted=true]{opacity:.55}html[data-reduce-motion=on] .scrim .win-card,html[data-reduce-motion=on] .board-enter,html[data-reduce-motion=on] .settings-sheet,html[data-reduce-motion=on] .settings-scrim.is-closing .settings-sheet,html[data-reduce-motion=on] .win-stars .star-fill,html[data-reduce-motion=on] .tile-stars-pop .star-fill,html[data-reduce-motion=on] .home .btn-primary,html[data-reduce-motion=on] .home-logo{animation:none}html[data-reduce-motion=on] .switch-knob{transition:none}html[data-bg-motion=off] .bg-drift,html[data-bg-motion=off] .home .btn-primary{animation:none}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-drop{0%{transform:translateY(0)}to{transform:translateY(var(--sheet-drop,16px))}}@media (prefers-reduced-motion:reduce){.scrim{animation-duration:var(--reduced-fade-ms)}.scrim .win-card,.board-enter{animation:none}.coach-out,.card-out{animation-duration:0s}.tray-card{animation-name:card-in}.tile-wobble{animation-name:tile-pulse}.win-stars .star-fill,.tile-stars-pop .star-fill{animation:none}}.toast-slot{z-index:40;pointer-events:none;--toast-in-ms:.2s;--toast-out-ms:.16s;width:min(328px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.toast-anchor-bar{top:calc(env(safe-area-inset-top) + 72px)}.toast-anchor-home{top:calc(env(safe-area-inset-top) + 16px)}.toast{box-sizing:border-box;background:var(--deep);min-height:48px;color:var(--parchment);pointer-events:auto;animation:toast-in var(--toast-in-ms) cubic-bezier(.33, 1, .68, 1) both;border:1px solid #cdd6f440;border-radius:16px;flex-direction:column;gap:8px;padding:8px 16px;display:flex;box-shadow:0 8px 24px #00000059}.toast-leaving{animation:toast-out var(--toast-out-ms) ease-out both;pointer-events:none}.toast-text{overflow-wrap:anywhere;margin:0;padding:4px 0}.toast-actions{justify-content:flex-end;gap:8px;display:flex}.toast-btn{box-sizing:border-box;white-space:nowrap;cursor:pointer;border:0;border-radius:16px;min-height:44px;padding:0 16px;font-size:16px;font-weight:600;line-height:1.2}.toast-btn-primary{background:var(--candle);color:var(--ink)}.toast-btn-primary:active{filter:brightness(.92);transform:scale(.97)}.card-body{overflow-wrap:anywhere}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.toast{animation-name:toast-fade-in}}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.settings-scrim,.settings-scrim.is-closing{animation-duration:var(--reduced-fade-ms)}.settings-sheet,.settings-scrim.is-closing .settings-sheet{animation:none}.switch-knob{transition:none}}:root{--wood-hi:#9a6a3e;--wood:#6b4226;--wood-deep:#3b2211;--gold:#e8b45a;--gold-hi:#ffe4a3;--gold-deep:#a8692a;--glass-panel:#16102cb8;--glass-edge:#f5c46b47;--plum-hi:#54427f;--plum:#34295f;--plum-deep:#1a1433}.level,.levels,.home{isolation:isolate}.level:before,.levels:before,.home:before{content:"";z-index:-1;background-color:var(--ink);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.level:before{background-image:radial-gradient(90% 60% at 50% 48%,#140e2800 40%,#0a06168c 100%),linear-gradient(#0e0a1e2e,#0e0a1e2e),url(../art/bg-level.webp)}.levels:before{background-image:linear-gradient(#0e0a1e9e,#0e0a1eb8),url(../art/bg-level.webp)}.level .board:before{content:"";pointer-events:none;background:radial-gradient(70% 55%,#0a0616d9,#0a06168c 60%,#0a061600 100%);position:absolute;inset:0}.home:before{background-image:radial-gradient(80% 40% at 50% 22%,#0a061659,#0a061600 70%),linear-gradient(#0a061600 62%,#0a06168c 100%),url(../art/bg-home.webp)}.topbar{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-bottom:1px solid var(--glass-edge);background:linear-gradient(#120c26db,#120c269e);box-shadow:0 6px 18px #06030e59}.topbar-btn{border-radius:14px}.topbar-btn .icon{color:var(--candle);filter:drop-shadow(0 0 4px #f5c46b73)}.topbar-label{letter-spacing:.02em;color:var(--parchment);text-shadow:0 1px 2px #0009;font-size:12px}.topbar-btn:active{background:#f5c46b24}.topbar-btn[aria-disabled=true]:active{background:0 0}.level-title,.topbar-title{color:var(--gold-hi);letter-spacing:.01em;text-shadow:0 0 12px #f5c46b73,0 2px #3c1e0acc;font-size:22px}.level-tray{background:linear-gradient(#0a061600,#0a06168c 55%,#0a0616b3)}.coach{text-shadow:0 1px 3px #000c,0 0 12px #0009;font-weight:600}.btn-primary{background:linear-gradient(to bottom, var(--gold-hi) 0%, #f7cd77 38%, var(--gold) 70%, #d9953f 100%);color:#3a1f0b;text-shadow:0 1px #fff4d6a6;box-shadow:0 4px 0 var(--gold-deep), 0 8px 18px #06030e80, 0 0 22px #f5c46b47, inset 0 2px 0 #ffffffa6, inset 0 -3px 6px #a8692a59;border:0;border-radius:18px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;position:relative}.btn-primary:active{filter:brightness(.96);box-shadow:0 1px 0 var(--gold-deep), 0 3px 8px #06030e80, inset 0 2px 0 #ffffff80;transform:translateY(3px)}.btn-sub{color:#3a1f0bbf;text-shadow:none}.btn-secondary{background:linear-gradient(to bottom, var(--plum-hi), var(--plum) 55%, #2a2150);color:var(--parchment);text-shadow:0 1px 2px #00000080;box-shadow:0 3px 0 var(--plum-deep), 0 6px 14px #06030e73, inset 0 1px 0 #ffffff2e;border:1px solid #f5c46b66;border-radius:16px;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.btn-secondary:active{filter:brightness(1.12);box-shadow:0 1px 0 var(--plum-deep), 0 2px 6px #06030e73, inset 0 1px 0 #ffffff2e;transform:translateY(2px)}.tray-hint .hint-btn .icon{color:var(--candle)}.tray-card{background:var(--glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-edge);border-radius:20px;box-shadow:0 10px 28px #06030e8c,inset 0 1px #ffffff14}.tray-card-lead{color:var(--gold-hi)}.chain-label,.chain-label-out{border-color:var(--gold);color:var(--gold-hi);text-shadow:0 0 8px #f5c46b99;background:linear-gradient(#3c2614f2,#22140af2);box-shadow:0 0 16px #f5c46b73}.scrim{padding:0 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#08051200 0%,#08051226 35%,#080512d1 100%);align-items:flex-end}.board{transition:transform var(--win-lift-ms,0s) cubic-bezier(.33, 1, .68, 1)}.win-card{border:2px solid var(--gold);background:radial-gradient(80% 45% at 50% 0,#f5c46b38,#f5c46b00 70%),repeating-linear-gradient(#0000 0 9px,#14080214 9px 10px),linear-gradient(#573721,#3c2414 60%,#2c1a0e);border-radius:24px;gap:12px;padding:24px 20px 16px;position:relative;box-shadow:0 0 0 4px #3a1f0be6,0 0 0 5px #f5c46b73,0 18px 48px #0009,0 0 60px #f5c46b2e,inset 0 1px #ffe4a359}.win-card .card-title{color:var(--gold-hi);text-shadow:0 0 14px #f5c46b99,0 2px #281204e6;font-size:28px}.win-card .card-body{color:var(--parchment)}.win-card .card-caption{color:#f3e9d2b3}.win-stars{gap:4px;margin-top:-4px}.win-stars .star-slot{color:#1408028c;filter:drop-shadow(0 2px #14080299)}.win-stars .star-slot:nth-child(2){transform:translateY(-8px)scale(1.2)}.win-stars .star-fill{color:#ffd46e;filter:drop-shadow(0 0 6px #ffd46ee6)drop-shadow(0 0 14px #f5a03c99)}.win-card .btn-secondary{background:linear-gradient(#6b4a2e,#4a301b 60%,#3a2414);border-color:#f5c46b73;box-shadow:0 3px #22130a,0 6px 12px #0006,inset 0 1px #ffe4a333}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-edge);text-align:center;background:#16102cd1;border-radius:24px;box-shadow:0 8px 24px #06030e80,inset 0 1px #ffffff14}.toast-btn-primary{background:linear-gradient(to bottom, var(--gold-hi), var(--gold));color:#3a1f0b;box-shadow:0 3px 0 var(--gold-deep)}.home{padding-top:calc(env(safe-area-inset-top) + max(9dvh, 72px));justify-content:flex-start;gap:0}.home:before{width:100vw;height:100vh;height:100dvh;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.home-stage{flex:none;width:100%}.home-brand{align-items:center;gap:10px}.home-wordmark{line-height:0}.home-logo{filter:drop-shadow(0 6px 14px #080412a6)drop-shadow(0 0 22px #f5c46b59);width:min(86vw,360px);height:auto;animation:.6s cubic-bezier(.34,1.4,.64,1) both logo-in;display:block}.home-tagline{color:var(--parchment);letter-spacing:.02em;text-shadow:0 1px 3px #000000e6,0 0 14px #000000b3;font-weight:600}.home-hero{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.home-actions{gap:18px;max-width:300px;margin-top:auto}.home .btn-primary{border-radius:22px;min-height:64px;font-size:24px;animation:2.8s ease-in-out infinite candle-breathe}.home .btn-continue{min-height:72px}.home .btn-continue .btn-line{font-size:24px}.home-settings{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16102c99;border-radius:50%;width:52px;height:52px}.home-settings .topbar-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-install{margin-top:16px}body:has(.home){overflow-x:hidden}@keyframes candle-breathe{0%,to{box-shadow:0 4px 0 var(--gold-deep), 0 8px 18px #06030e80, 0 0 18px #f5c46b4d, inset 0 2px 0 #ffffffa6, inset 0 -3px 6px #a8692a59}50%{box-shadow:0 4px 0 var(--gold-deep), 0 8px 18px #06030e80, 0 0 36px #f5c46b99, inset 0 2px 0 #ffffffa6, inset 0 -3px 6px #a8692a59}}@keyframes logo-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}to{opacity:1;transform:none}}.chapter-mark{background:linear-gradient(to bottom, var(--plum-hi), var(--plum));border:1px solid var(--glass-edge);color:var(--candle);box-shadow:0 2px 0 var(--plum-deep)}.chapter-name{color:var(--gold-hi);text-shadow:0 2px #140802b3}.tile{text-shadow:0 1px 2px #0009;background:linear-gradient(#7a5232,#5a3920 60%,#472c18);border:1px solid #f5c46b4d;border-radius:14px;box-shadow:0 3px #24140a,0 5px 10px #00000059,inset 0 1px #ffe4a340}.tile-current{background:linear-gradient(to bottom, var(--gold-hi), var(--gold) 60%, #d9953f);color:#3a1f0b;text-shadow:0 1px #fff4d699;box-shadow:0 3px 0 var(--gold-deep), 0 0 18px #f5c46b8c, inset 0 1px 0 #fff9}.tile-locked{background:linear-gradient(#34295fbf,#1a1433bf);border-color:#cdd6f41f;box-shadow:0 2px #0a0616cc}.settings-sheet{border-top:1px solid var(--glass-edge);background:linear-gradient(#281e4cf5,#16102cfa);box-shadow:0 -12px 32px #00000073}.ios-hint{background:var(--glass-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--glass-edge)}@media (prefers-reduced-motion:reduce){.home .btn-primary,.home-logo{animation:none}}.mote{flex:none;display:block;overflow:visible}.mote .mote-body{transform-origin:32px 30px;animation:3.6s ease-in-out infinite mote-float}.mote .mote-glow{transform-origin:32px 30px;animation:3.6s ease-in-out infinite mote-glow}.mote .mote-eyes{transform-origin:32px 30px;animation:5.2s step-end infinite mote-blink}@keyframes mote-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mote-glow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes mote-blink{0%,94%{transform:scaleY(1)}95%,97%{transform:scaleY(.12)}}html[data-reduce-motion=on] .mote *,html[data-bg-motion=off] .mote *{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .mote *{animation:none}}.home-tagline-row{justify-content:center;align-items:center;gap:0;margin:-6px 0 -10px -30px;display:flex}.home-mote{margin-right:-8px}.win-card .win-mote{pointer-events:none;position:absolute;top:-34px;left:14px}.level-bar{grid-template-columns:minmax(56px,1fr) minmax(108px,auto) minmax(116px,1fr)}.level-bar-right{justify-content:flex-end;gap:4px;display:flex}.level-tray{padding-bottom:8px}.level .tray-card{bottom:8px}.level-actions{box-sizing:border-box;padding:6px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-edge,#cdd6f426);background:linear-gradient(#120c268c,#0c081aeb);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.level-actions .action-btn,.level-actions .hint-btn{box-sizing:border-box;width:100%;height:60px;min-height:0;color:var(--parchment);-webkit-tap-highlight-color:transparent;background:linear-gradient(#40326ed9,#261e48e6);border:1px solid #f5c46b47;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:13px;display:flex;box-shadow:0 3px #080512b3,inset 0 1px #ffffff1a}.level-actions .action-btn:active,.level-actions .hint-btn:active{transform:translateY(2px);box-shadow:0 1px #080512b3,inset 0 1px #ffffff1a}.level-actions .action-btn .icon,.level-actions .hint-btn .icon{width:26px;height:26px;color:var(--candle)}.level-actions .topbar-label,.level-actions .hint-label{font-size:13px;font-weight:700;line-height:1}.level-actions .tray-hint{min-width:0;min-height:0;display:flex}.level-actions .tray-hint .hint-btn{width:100%;min-width:0}.level-actions .tray-hint[hidden]{visibility:hidden;display:flex}.level-actions .action-btn[aria-disabled=true],.level-actions .hint-btn[aria-disabled=true]{opacity:.45}.level-actions .action-btn.is-armed{border-color:var(--candle);box-shadow:0 0 0 2px var(--candle), 0 3px 0 #080512b3;color:var(--candle)}.level-bar .level-settings,.level-bar .level-pause{position:relative}.level-bar .level-settings .topbar-label,.level-bar .level-pause .topbar-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (orientation:landscape) and (max-height:540px){.level{grid-template-columns:minmax(0, 1fr) var(--action-column);grid-template-rows:calc(var(--top-bar) + env(safe-area-inset-top)) minmax(0, 1fr) var(--tray);max-width:640px}.level>.topbar{grid-column:1/-1}.level>.board{grid-area:2/1}.level>.level-tray{grid-area:3/1}.level-actions{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) 4px;border-top:0;border-left:1px solid var(--glass-edge,#cdd6f426);grid-area:2/2/4;grid-auto-rows:minmax(0,1fr);grid-auto-flow:row}.level-actions .action-btn,.level-actions .hint-btn{height:100%;max-height:64px}}html,body{overscroll-behavior:none;touch-action:manipulation}.level,.home,.level *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.level>.topbar,.level>.level-tray,.level>.level-actions{z-index:1;position:relative}.level>.board{z-index:1}.ambience{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambience-mood{background:radial-gradient(ellipse 100% 42% at 50% 6%, color-mix(in srgb, var(--mood,#f5c46b) 55%, transparent), transparent 72%), radial-gradient(ellipse 60% 60% at 0% 55%, color-mix(in srgb, var(--mood,#f5c46b) 22%, transparent), transparent 70%), radial-gradient(ellipse 60% 60% at 100% 55%, color-mix(in srgb, var(--mood,#f5c46b) 22%, transparent), transparent 70%), radial-gradient(ellipse 90% 34% at 50% 100%, color-mix(in srgb, var(--mood,#f5c46b) 38%, transparent), transparent 75%);mix-blend-mode:screen;transition:background .6s;position:absolute;inset:0}.ambience-candle{aspect-ratio:1;mix-blend-mode:screen;background:radial-gradient(circle,#ffc46e52,#ffaa501a 40%,#ffaa5000 70%);border-radius:50%;width:46%;animation:3.2s ease-in-out infinite candle-flicker;position:absolute}.ambience-candle-left{top:58%;left:-14%}.ambience-candle-right{animation-duration:2.7s;animation-delay:-1.1s;top:38%;right:-14%}@keyframes candle-flicker{0%,to{opacity:.75;transform:scale(1)}18%{opacity:.95;transform:scale(1.03)}36%{opacity:.7;transform:scale(.98)}52%{opacity:1;transform:scale(1.04)}74%{opacity:.8;transform:scale(1)}}.mote-dust{width:4px;height:4px;box-shadow:0 0 6px 2px color-mix(in srgb, var(--mood,#f5c46b) 45%, transparent);opacity:0;background:radial-gradient(circle,#ffecbef2,#f5c46b00);border-radius:50%;animation:14s linear infinite mote-rise;position:absolute;bottom:-8px}.mote-dust-1{animation-duration:15s;animation-delay:-1s;left:6%}.mote-dust-2{width:3px;height:3px;animation-duration:12s;animation-delay:-9s;left:14%}.mote-dust-3{animation-duration:17s;animation-delay:-5s;left:22%}.mote-dust-4{width:2px;height:2px;animation-duration:13s;animation-delay:-12s;left:31%}.mote-dust-5{animation-duration:16s;animation-delay:-3s;left:39%}.mote-dust-6{width:3px;height:3px;animation-duration:11s;animation-delay:-7s;left:47%}.mote-dust-7{animation-duration:18s;animation-delay:-14s;left:55%}.mote-dust-8{width:2px;height:2px;animation-duration:14s;animation-delay:-2s;left:62%}.mote-dust-9{animation-duration:12s;animation-delay:-10s;left:70%}.mote-dust-10{width:3px;height:3px;animation-duration:16s;animation-delay:-6s;left:77%}.mote-dust-11{animation-duration:13s;animation-delay:-13s;left:84%}.mote-dust-12{width:2px;height:2px;animation-duration:15s;animation-delay:-4s;left:91%}.mote-dust-13{animation-duration:19s;animation-delay:-8s;left:35%}.mote-dust-14{width:3px;height:3px;animation-duration:17s;animation-delay:-11s;left:66%}@keyframes mote-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}50%{opacity:.7;transform:translate(14px,-48vh)}90%{opacity:.5}to{opacity:0;transform:translate(-10px,-100vh)}}html[data-reduce-motion=on] .ambience *,html[data-bg-motion=off] .ambience *{animation:none}html[data-reduce-motion=on] .mote-dust,html[data-bg-motion=off] .mote-dust{display:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .ambience *{animation:none}html:not([data-reduce-motion=off]) .mote-dust{display:none}}.level-chapter{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--mood,#f5c46b) 70%, #f3e9d2);text-align:center;margin:1px 0 0;font-size:12px;font-weight:700;line-height:1}.level-caption:not([hidden])~.level-chapter{display:none}.level>.scrim{z-index:5}.home>.home-ambience{z-index:-1;position:fixed}.level-actions .hint-error{text-align:center;margin:0;position:absolute;bottom:calc(100% + 6px);left:16px;right:16px}.chapter:not(.is-locked) .chapter-mark{background:linear-gradient(to bottom, color-mix(in srgb, var(--mood,#f5c46b) 55%, var(--plum-hi)), color-mix(in srgb, var(--mood,#f5c46b) 25%, var(--plum)));color:#fff6e0;box-shadow:0 2px 0 var(--plum-deep), 0 0 14px color-mix(in srgb, var(--mood,#f5c46b) 45%, transparent)}.chapter:not(.is-locked) .chapter-name{text-shadow:0 0 16px color-mix(in srgb, var(--mood,#f5c46b) 40%, transparent)}.win-card .mote-line{min-height:40px;color:var(--parchment);text-align:left;text-wrap:pretty;margin:-4px 0 0;padding-left:56px;font-size:16px;font-weight:500;line-height:20px}.invite-scrim{z-index:20;touch-action:manipulation;animation:card-in var(--invite-scrim-ms,.2s) ease-out both;background:#14112b99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.invite-card{box-sizing:border-box;width:100%;max-width:var(--column-max);padding:24px 24px calc(24px + env(safe-area-inset-bottom));color:var(--parchment);text-align:center;animation:sheet-rise var(--invite-in-ms,.24s) cubic-bezier(.33, 1, .68, 1) both;background:linear-gradient(#281e4c,#16102c);border-top:1px solid #cdd6f440;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;display:flex;box-shadow:0 -12px 32px #00000073}.invite-bottle{filter:drop-shadow(0 0 10px #f5c46b59);flex:none;display:block}.invite-overline{color:var(--muted);margin:12px 0 0;font-size:14px;font-weight:600;line-height:20px}.invite-name{font-family:var(--font-display);color:var(--candle);margin:4px 0 0;font-size:22px;font-weight:600;line-height:1.2}.invite-line{color:var(--parchment);text-wrap:pretty;margin:8px 0 0;font-size:17px;font-weight:400;line-height:24px}.invite-card .invite-start{min-height:56px;margin-top:24px}html[data-reduce-motion=on] .invite-scrim{animation-duration:var(--reduced-fade-ms)}html[data-reduce-motion=on] .invite-card{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .invite-scrim{animation-duration:var(--reduced-fade-ms)}html:not([data-reduce-motion=off]) .invite-card{animation:none}}.home-invite{text-align:center;text-shadow:0 1px 6px #080512e6;flex-direction:column;gap:2px;margin:0;display:flex}.home-invite-name{color:var(--candle);font-size:14px;font-weight:600;line-height:20px}.home-invite-line{color:var(--parchment);font-size:16px;font-weight:400;line-height:22px}.backup-section{border-top:1px solid #cdd6f41f;margin-top:4px}.backup-toggle .backup-chevron{color:var(--muted);transition:transform var(--switch-ms,.12s) ease-out;flex:none;transform:rotate(-90deg)}.backup-toggle[aria-expanded=true] .backup-chevron{transform:rotate(90deg)}.backup-panel{flex-direction:column;gap:12px;padding:4px 0 8px;display:flex}.backup-panel[hidden]{display:none}.backup-text{color:var(--muted);margin:0;font-size:14px;line-height:20px}.backup-btn{justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.backup-code-area{flex-direction:column;gap:8px;display:flex}.backup-code-area[hidden]{display:none}.backup-code{box-sizing:border-box;width:100%;min-height:72px;color:var(--parchment);resize:vertical;word-break:break-all;background:#14112bb3;border:1px solid #cdd6f440;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;line-height:20px;display:block}.backup-code:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.backup-paste-label{margin-top:4px}.backup-status{min-height:20px;color:var(--parchment);margin:0;font-size:14px;font-weight:600;line-height:20px}html[data-reduce-motion=on] .backup-toggle .backup-chevron{transition:none}.session-scrim{z-index:20;touch-action:manipulation;animation:card-in var(--invite-scrim-ms,.2s) ease-out both;background:#14112b99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.session-card{box-sizing:border-box;width:100%;max-width:var(--column-max);padding:20px 20px calc(20px + env(safe-area-inset-bottom));color:var(--parchment);text-align:left;animation:sheet-rise var(--invite-in-ms,.24s) cubic-bezier(.33, 1, .68, 1) both;background:linear-gradient(#281e4c,#16102c);border-top:1px solid #cdd6f440;border-radius:24px 24px 0 0;outline:none;flex-direction:column;display:flex;box-shadow:0 -12px 32px #00000073}.session-card:focus-visible{box-shadow:0 -12px 32px #00000073, inset 0 0 0 2px var(--candle)}.session-head{align-items:center;gap:8px;display:flex}.session-mote{flex:none}.session-title{font-family:var(--font-display);color:var(--candle);text-wrap:balance;margin:0;font-size:22px;font-weight:600;line-height:1.2}.session-text{margin-top:4px}.session-line{color:var(--parchment);text-wrap:pretty;margin:6px 0 0;font-size:16px;line-height:22px}.session-line:first-child{font-weight:600}.session-choices{gap:12px;margin-top:20px;display:flex}.session-choices .session-choice{flex:1 1 0;min-width:0;height:56px;min-height:56px;margin:0;padding:0 8px;font-size:17px;font-weight:600}html[data-reduce-motion=on] .session-scrim{animation-duration:var(--reduced-fade-ms)}html[data-reduce-motion=on] .session-card{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .session-scrim{animation-duration:var(--reduced-fade-ms)}html:not([data-reduce-motion=off]) .session-card{animation:none}}.home-tagline-row .home-tagline{text-wrap:balance;max-width:min(260px,68vw)}.pause-clock{color:var(--parchment);margin:8px 0 0;font-size:17px;line-height:24px}.pause-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.pause-actions .pause-btn{min-height:56px;margin:0}.win-links{gap:8px;display:flex}.win-links .btn-text{flex:1 1 0;min-width:0}.home-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.home .home-grid-btn{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:60px;padding:8px 6px;font-size:15px;line-height:1.2;display:flex}.home .home-grid-btn .icon{width:22px;height:22px;color:var(--candle)}.shelf,.stats{box-sizing:border-box;max-width:var(--column-max);height:100vh;isolation:isolate;flex-direction:column;height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}.shelf:before,.stats:before{content:"";z-index:-1;background-color:var(--ink);pointer-events:none;background-image:linear-gradient(#0e0a1e9e,#0e0a1eb8),url(../art/bg-level.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.shelf>.topbar,.stats>.topbar{z-index:1;flex:none;position:sticky;top:0}.shelf-scroll,.stats-scroll{box-sizing:border-box;overscroll-behavior:contain;min-height:0;padding:16px 16px calc(48px + env(safe-area-inset-bottom));flex:1;overflow:hidden auto}.shelf-heading{font-family:var(--font-display);color:var(--gold-hi);text-shadow:0 2px #140802b3;margin:0;font-size:22px;font-weight:600;line-height:1.2}.shelf-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:14px;font-weight:600;line-height:20px}.shelf-rows{flex-direction:column;gap:12px;display:flex}.shelf-spots{grid-template-columns:repeat(5,1fr);place-items:end center;display:grid}.shelf-spot{box-sizing:border-box;width:56px;min-width:56px;height:80px;color:inherit;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:flex-end;margin:0;padding:0 0 6px;display:flex}.shelf-spot.is-filled{cursor:pointer}.shelf-spot.is-filled .bottle{filter:drop-shadow(0 0 8px #f5c46b59)}.shelf-spot.is-filled:active{transform:translateY(1px)}.shelf-spot:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.shelf-plank{background:var(--deep);border-top:1px solid #cdd6f459;border-radius:3px;height:10px;box-shadow:0 6px 10px #06030e80}.bottle-scrim{z-index:20;touch-action:manipulation;animation:card-in var(--invite-scrim-ms,.2s) ease-out both;background:#14112b99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottle-card{box-sizing:border-box;width:100%;max-width:var(--column-max);padding:24px 24px calc(24px + env(safe-area-inset-bottom));color:var(--parchment);text-align:center;animation:sheet-rise var(--invite-in-ms,.24s) cubic-bezier(.33, 1, .68, 1) both;background:linear-gradient(#281e4c,#16102c);border-top:1px solid #cdd6f440;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;display:flex;box-shadow:0 -12px 32px #00000073}.bottle-big{filter:drop-shadow(0 0 12px #f5c46b66);flex:none;display:block}.bottle-name{font-family:var(--font-display);color:var(--candle);margin:12px 0 0;font-size:22px;font-weight:600;line-height:1.2}.bottle-chapter{color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:600;line-height:20px}.bottle-thanks{color:var(--parchment);text-wrap:pretty;margin:8px 0 0;font-size:17px;font-weight:400;line-height:24px}.bottle-card .bottle-close{min-height:56px;margin-top:24px}html[data-reduce-motion=on] .bottle-scrim{animation-duration:var(--reduced-fade-ms)}html[data-reduce-motion=on] .bottle-card{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .bottle-scrim{animation-duration:var(--reduced-fade-ms)}html:not([data-reduce-motion=off]) .bottle-card{animation:none}}.styles-section{margin-top:28px}.styles-next{color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:600;line-height:20px}.styles-preview{margin:12px auto 4px;display:block}.style-group{margin-top:12px}.style-kind{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:600;line-height:20px}.style-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;padding:3px 2px 8px;display:flex;overflow:auto hidden}.style-chip{box-sizing:border-box;background:var(--glass-panel);width:72px;min-height:72px;color:var(--parchment);font:inherit;text-align:center;scroll-snap-align:start;cursor:pointer;border:1px solid #cdd6f433;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;margin:0;padding:6px 4px;font-size:12px;font-weight:600;line-height:14px;display:flex}.style-chip[aria-checked=true]{border-color:var(--candle);box-shadow:inset 0 0 0 2px #f5c46b8c}.style-chip:focus-visible{outline:2px solid var(--candle);outline-offset:2px}.style-chip:disabled{opacity:.55;cursor:default}.style-swatch{border:1px solid #ffffff59;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 -3px 4px #00000040}.style-name{text-wrap:balance}.style-lock{color:var(--muted);align-items:center;gap:2px;font-size:11px;font-weight:400;line-height:14px;display:flex}.style-lock .icon{width:12px;height:12px}.stats-list{margin:4px 0 0;padding:0}.stats-row{border-bottom:1px solid #cdd6f41f;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 4px;display:flex}.stats-label{color:var(--muted);margin:0;font-size:16px;font-weight:400;line-height:22px}.stats-value{color:var(--parchment);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:20px;font-weight:600;line-height:24px}.win-card .guest-thanks{margin:8px 0 0;font-size:15px;font-style:italic;line-height:20px}.home .home-grid-btn .home-grid-sub{color:var(--muted);text-shadow:none;font-size:12px;line-height:1.2}.daily-win-card .share-area{width:100%}.daily-win-card .share-area[hidden]{display:none}.daily-win-card .share-field{width:100%;min-height:72px;font-family:var(--font-body);resize:none;margin:0;font-size:14px;line-height:20px}.daily-win-card .share-fallback{margin:6px 0 0}.daily-win-card .daily-copy{margin:0}.level[data-mode=rush] .level-title-block{grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:8px;display:grid}.level[data-mode=rush] .level-title-block .rush-ring{grid-area:1/1/span 2}.level[data-mode=rush] .level-title-block .level-title{text-align:left;grid-area:1/2}.level[data-mode=rush] .level-title-block .level-caption{text-align:left;grid-area:2/2}.rush-ring{flex:none;width:44px;height:44px;display:block}.rush-ring .rush-ring-track{stroke:#cdd6f440}.rush-ring .rush-ring-arc{stroke:var(--candle);transform-origin:50%;filter:drop-shadow(0 0 4px #f5c46b99);transform:rotate(-90deg)}.rush-intro-text{margin-top:8px}.rush-intro-line{color:var(--parchment);text-wrap:pretty;margin:6px 0 0;font-size:16px;line-height:22px}.win-card .guest-bottle{color:var(--candle);margin:6px 0 0;font-size:14px;font-weight:600;line-height:20px}.rush-intro-best{color:var(--candle);font-weight:600}.rush-intro-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.rush-intro-actions .rush-intro-btn{min-height:56px;margin:0}.splash{z-index:30;pointer-events:none;opacity:1;background:radial-gradient(70% 45% at 50% 46%,#2c2657 0%,#14112b 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.splash *{pointer-events:none}.splash.is-ending{opacity:0;transition:opacity var(--splash-fade-ms) ease-out}.splash-wordmark{filter:drop-shadow(0 0 18px #f5c46b59);width:min(78vw,360px);height:auto;animation:splash-drift var(--splash-ms) ease-out forwards;display:block}.splash-glow{width:10px;height:10px;animation:splash-swell var(--splash-ms) ease-out forwards;background:#fff1cc;border-radius:50%;box-shadow:0 0 12px 6px #f5c46b8c,0 0 36px 14px #f5c46b33}.splash-spark{opacity:0;width:4px;height:4px;animation:splash-spark-rise var(--splash-ms) ease-out forwards;background:#fff1cc;border-radius:50%;position:absolute;bottom:40%;box-shadow:0 0 6px 2px #f5c46b73}.splash-spark-1{animation-delay:0s;left:42%}.splash-spark-2{animation-delay:.3s;left:50%}.splash-spark-3{animation-delay:.6s;left:58%}@keyframes splash-drift{0%{filter:drop-shadow(0 0 18px #f5c46b59)brightness(.9);transform:translateY(8px)}to{filter:drop-shadow(0 0 22px #f5c46b73)brightness(1.08);transform:translateY(-6px)}}@keyframes splash-swell{0%{box-shadow:0 0 12px 6px #f5c46b8c,0 0 36px 14px #f5c46b33}to{box-shadow:0 0 16px 8px #f5c46b99,0 0 56px 22px #f5c46b59}}@keyframes splash-spark-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}to{opacity:0;transform:translateY(-48px)}}.splash[data-splash=reduced] .splash-wordmark,.splash[data-splash=reduced] .splash-glow,.splash[data-splash=reduced] .splash-spark,html[data-reduce-motion=on] .splash *{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce-motion=off]) .splash *{animation:none}}