.ink-icon-btn{width:48px;height:48px;flex:none;display:grid;place-items:center;color:var(--ink);border-radius:999px;transition:background var(--t-micro),opacity var(--t-micro)}.ink-icon-btn:hover:not(:disabled){background:#ffffff14}.ink-icon-btn:disabled{opacity:.35;cursor:default}.btn.quiet:hover:not(:disabled){color:var(--ink)}.gold-pill{flex:none;margin-right:4px;padding:5px 12px;border-radius:999px;white-space:nowrap;font:600 10.5px/1.2 Inter,system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--on-gold);background:linear-gradient(var(--gold-light),var(--gold-deep))}.top-bar{padding:4px 8px 0 4px}.board-page{position:relative;max-width:var(--max);margin:0 auto;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);animation:page-in var(--t-screen) var(--ease-out)}.frame-top{display:flex;align-items:center;padding:4px 8px 0 4px;min-height:52px}.frame-title{flex:1;min-width:0;display:flex;align-items:center}.frame-title.stacked{flex-direction:column;align-items:flex-start}.frame-title-text{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-title .gold-pill{margin-left:auto}.frame-title.stacked .frame-title-text{flex:none;max-width:100%}.stats{display:flex;gap:8px;padding:8px var(--gutter) 0}.stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border)}.stat .eyebrow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font:700 19px/1.43 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);container-type:size}.board-fit{flex:none}.frame-hint{margin:0;padding:0 var(--gutter) 16px;text-align:center;font:500 13px/1.3 Inter,system-ui,sans-serif;color:var(--muted)}.frame-controls{padding:0 var(--gutter) 16px}.ending-catch{position:fixed;inset:0;z-index:5}.climb{display:flex;align-items:center;gap:8px;margin:8px var(--gutter) 0;padding:6px 12px 6px 8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border)}.climb-level{font:600 15px/1.2 Fraunces,Georgia,serif}.climb-left{font-variant-numeric:tabular-nums}.climb-track{height:6px;margin-top:5px;border-radius:3px;background:var(--glass-border);overflow:hidden}.climb-fill{height:100%;border-radius:3px;background:linear-gradient(var(--gold-light),var(--gold-deep));transition:width var(--t-micro)}.climb-fill.snap{transition:none}.level-burst{position:fixed;left:50%;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.burst-medal{position:relative;width:132px;height:132px;display:grid;place-items:center}.burst-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.burst-disc{position:relative;border-radius:50%;background:var(--bg-mid);display:flex}.burst-sparkles{position:absolute;left:24px;top:24px;width:84px;height:84px;overflow:visible}.burst-label{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:999px;background:#23264fe6;border:1px solid var(--glass-border)}.burst-label .title{white-space:nowrap}.pause-scrim,.dialog-scrim{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;animation:fade-in var(--t-micro) ease-out}.pause-scrim.ranked{background:#000000b3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.dialog-scrim{z-index:30;background:#0009}.pause-panel,.dialog-panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px;border-radius:var(--r-card);background:#23264fe6;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pause-panel{width:268px;max-width:100%;display:flex;flex-direction:column}.pause-panel.wide{width:348px}.pause-lumi{display:flex;justify-content:center;margin-bottom:12px}.pause-note{margin:8px 0 0;text-align:center;color:var(--muted)}.pause-resume{margin-top:24px}.pause-row{display:flex;gap:8px;margin-top:8px}.pause-row>*{flex:1;min-width:0}.pause-options{margin-top:16px;display:flex;flex-direction:column}.pause-options>.eyebrow{margin-bottom:8px}.pause-howto{margin-top:8px}.dialog-panel{width:100%;max-width:420px;display:flex;flex-direction:column}.dialog-body{margin:8px 0 0;color:var(--muted)}.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.turn-upright{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:var(--bg-mid)}.turn-upright p{margin:0}.levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.levels.compact{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 6px;margin-top:0}.level-tile{width:64px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:var(--r-tile);background:var(--glass);border:1px solid var(--glass-border);transition:background var(--t-micro),border-color var(--t-micro)}.levels.compact .level-tile{width:auto;min-width:0;padding:6px 0}.level-tile:hover:not(:disabled):not(.on){background:#ffffff17}.level-tile.on{background:#ebc97b29;border-color:var(--gold)}.level-tile:disabled{cursor:default}.level-medal{position:relative;display:flex}.level-tile.locked .level-medal{opacity:.35}.level-lock{position:absolute;right:-6px;bottom:-4px;display:flex}.level-name{font:500 11px/1.3 Inter,system-ui,sans-serif;color:var(--muted);white-space:nowrap}.levels.compact .level-name{font-size:10px}.level-tile.on .level-name{color:var(--gold)}.level-tile.locked .level-name{color:#bec2ea99}.unlock-note{margin:8px 0 0}.climb-rule{margin:12px 0 0;color:var(--ink)}.segmented{display:flex;padding:3px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border)}.seg{flex:1;padding:8px 12px;border-radius:999px;text-align:center;font:600 10.5px/1.2 Inter,system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);transition:color var(--t-micro),background var(--t-micro)}.seg.on{color:var(--on-gold);background:linear-gradient(var(--gold-light),var(--gold-deep))}.clock-choice{display:flex;flex-direction:column}.clock-choice .segmented{margin-top:12px}.clock-choice .caption{margin:8px 0 0}.clock-choice.spaced{margin-bottom:24px}.pregame-scrim{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:#0009;animation:fade-in .25s ease-out}.pregame-sheet{width:calc(100% - 16px);max-width:584px;margin:0 8px calc(8px + env(safe-area-inset-bottom));max-height:calc(100% - 24px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 16px;border-radius:32px;background:#23264fe6;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sheet-up .25s cubic-bezier(.215,.61,.355,1)}.pregame-scrim.closing{animation:fade-out .22s ease-in forwards}.pregame-scrim.closing .pregame-sheet{animation:sheet-down .22s ease-in forwards}.pregame-head{display:flex;align-items:center;gap:8px}.mode-switch{position:relative;flex:none;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;border:1px solid var(--glass-border)}.mode-switch button{position:relative;padding:8px 12px;text-align:center;white-space:nowrap;font:600 10.5px/1.2 Inter,system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);transition:color var(--t-tile) cubic-bezier(.215,.61,.355,1)}.mode-switch button.on{color:var(--on-gold)}.mode-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(var(--gold-light),var(--gold-deep));transition:transform var(--t-tile) cubic-bezier(.215,.61,.355,1)}.mode-switch.right .mode-thumb{transform:translate(100%)}.pregame-rules{list-style:none;margin:16px 0 0;padding:0}.pregame-rules li{display:flex;align-items:flex-start;padding-bottom:8px}.rule-dot{flex:none;width:5px;height:5px;margin:7px 12px 0 0;border-radius:50%}.mode-swap{margin-top:12px;overflow:hidden}.mode-pane{display:flex;flex-direction:column;animation:pane-in .32s cubic-bezier(.215,.61,.355,1)}.mode-pane.from-left{--drift: -6%}.mode-pane.from-right{--drift: 6%}.ranked-note{padding:16px;border-radius:var(--r-card);font-size:14px;background:color-mix(in srgb,rgba(235,201,123,.08),rgba(255,255,255,.06));border:1px solid rgba(235,201,123,.4)}@keyframes pane-in{0%,45%{opacity:0;transform:translate(var(--drift))}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.result-page{max-width:var(--max);margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);animation:fade-in var(--t-screen) ease-out}.result-sky{flex:1;min-height:168px;display:flex;align-items:center;justify-content:center}.level-earned{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;margin:0 var(--gutter) 12px;padding:12px;border-radius:var(--r-card);border:1px solid rgba(235,201,123,.45);background:color-mix(in srgb,rgba(235,201,123,.08),rgba(255,255,255,.06));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:twinkle-in var(--t-tile) cubic-bezier(.215,.61,.355,1) both}.level-earned .eyebrow{display:block}.level-earned .caption{margin:2px 0 0}.result-sheet{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px 24px calc(16px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;background:var(--glass);border:1px solid var(--glass-border);border-bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sheet-rise var(--t-screen) var(--ease-out)}.result-title{text-align:center}.result-headline{margin-top:8px;text-align:center;font:700 52px/1 Fraunces,Georgia,serif;letter-spacing:-1px;overflow-wrap:anywhere}.result-caption{margin-top:4px;text-align:center}.result-rows{margin:16px 0 0}.result-rows div{display:flex;align-items:center;gap:12px;padding:12px 0}.result-rows div+div{border-top:1px solid var(--glass-border)}.result-rows dt{flex:1;margin:0;color:var(--muted)}.result-rows dd{margin:0;text-align:right;font:600 16px/1.43 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}.result-rows dd.strong{font-size:19px;font-weight:700}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.action-row{display:flex;gap:12px}.action-row>*{flex:1;min-width:0}.share-btn{position:relative;display:flex;flex-direction:column}.toast{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:6px 12px;border-radius:999px;font:600 13px/1.2 Inter,system-ui,sans-serif;background:#23264ff2;border:1px solid var(--glass-border);animation:fade-in var(--t-micro) ease-out}.shimmer:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,231,168,.22) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;animation:shimmer .9s ease-in-out .12s both}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes sheet-rise{0%{transform:translateY(32px);opacity:0}}@keyframes twinkle-in{0%{opacity:0;transform:scale(.85)}}.mascot.alive .mascot-float{animation:lumi-float 3s ease-in-out infinite alternate}.mascot.alive .lumi-eye{animation:lumi-blink 4.6s ease-in-out infinite}@keyframes lumi-float{to{transform:translateY(-3px)}}@keyframes lumi-blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.sparkles{position:relative;display:inline-flex}.sparkles-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sparkle{opacity:0;animation:bloom .52s ease-in-out both}@keyframes bloom{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.center-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.center-page .btn{margin-top:8px}.body-ink{margin:0;max-width:360px;color:var(--ink)}.howto-page{max-width:var(--max);margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) var(--gutter) calc(12px + env(safe-area-inset-bottom));animation:page-in var(--t-screen) var(--ease-out)}.howto-page>div:first-child{margin-left:-12px}.howto-name{margin-top:4px}.howto-demo{flex:5;min-height:0;margin-top:12px;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-border);container-type:size}.demo-fit{flex:none;pointer-events:none}.howto-cards{flex:3;min-height:0;margin-top:16px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.howto-cards::-webkit-scrollbar{display:none}.howto-card{flex:0 0 100%;scroll-snap-align:start;overflow-y:auto}.howto-card p{margin:8px 0 0}.howto-plain{font-size:17px;color:var(--ink)}.howto-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.howto-dots span{width:6px;height:6px;border-radius:3px;background:#bec2ea66;transition:width .2s,background .2s}.howto-dots span.on{width:18px;background:var(--gold)}.guide-layer{position:fixed;inset:0;z-index:40;background:linear-gradient(var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%)}.action-row .btn.quiet{padding-left:8px;padding-right:8px}.lumi{flex:none;overflow:visible;display:block}.lumi.float{animation:lumi-float 3s ease-in-out infinite alternate}@keyframes lumi-float{to{transform:translateY(-3%)}}.lumi-eye{transform-box:fill-box;transform-origin:center}.lumi.blink .lumi-eye{animation:lumi-blink .28s ease-in-out}@keyframes lumi-blink{50%{transform:scaleY(.1)}}@media(prefers-reduced-motion:reduce){.lumi.float,.lumi.blink .lumi-eye{animation:none!important}}.sheet-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#00000080;animation:sheet-fade .25s ease-out both}.sheet{width:100%;max-width:calc(var(--max) - 2 * var(--gutter));margin:var(--gutter);margin-bottom:calc(var(--gutter) + env(safe-area-inset-bottom));padding:24px;outline:none;display:flex;flex-direction:column;align-items:stretch;animation:sheet-up .25s cubic-bezier(.2,0,0,1) both}.sheet-scrim.leaving{pointer-events:none;animation:sheet-fade-out .2s ease-in both}.sheet-scrim.leaving .sheet{animation:sheet-down .2s ease-in both}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(calc(100% + var(--gutter)))}}@keyframes sheet-fade-out{to{opacity:0}}@keyframes sheet-down{to{transform:translateY(calc(100% + var(--gutter)))}}.home .home-head{display:flex;align-items:flex-start}.home .home-head .title{margin-top:4px}.home .home-offline{display:flex;margin-top:-4px}.home .glass>.row,.home .glass.tap .row{align-items:center}.home .home-card-title{font-size:19px;margin-top:4px}.home .home-card-text{font-size:13px;margin:4px 0 0}.home .league-rank{color:var(--gold);font-weight:600;flex:none}.home .league-points{display:flex;align-items:baseline;gap:8px;margin-top:8px}.home .league-points .title{font-size:34px;flex:none}.home .league-points .caption{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .league-pending{font-size:13px;margin:4px 0 0}.home .league-pending b{color:var(--gold);font-weight:600}.home .progress{position:relative;height:5px;margin-top:12px;border-radius:4px;overflow:hidden;background:var(--glass-border)}.home .progress span{position:absolute;left:0;top:0;bottom:0}.home .progress .pending{background:#ebc97b59}.home .progress .done{background:linear-gradient(90deg,var(--amethyst),var(--gold))}.home .league-foot{margin-top:8px;gap:4px}.home .league-foot .caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .league-badges{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px}.home .week{display:grid;grid-template-columns:repeat(7,1fr)}.home .day{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.home .day-icon{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.home .day-icon.ringed{border:2px solid var(--gold)}.home .day-icon.today{box-shadow:0 0 17px #ebc97b66}.home .day-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--glass-border);font:600 12px/1.3 Inter,system-ui,sans-serif;color:#bec2ea99}.home .day-dot.today{border:0;background:linear-gradient(var(--gold-light),var(--gold-deep));color:var(--on-gold)}.home .day-badge{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--bg-mid);color:#fff}.home .day-badge.played{background:linear-gradient(var(--gold-light),var(--gold-deep));color:var(--on-gold)}.home .day-badge.frozen{background:#4d86c2}@media(hover:hover){.home .day:hover .day-icon>span:first-child{transform:translateY(-1px)}}.home .day-icon>span:first-child{transition:transform var(--t-micro) ease-out}.home .today-top{min-height:27.6px}.home .today-name{margin-top:8px;gap:12px}.home .today-title{overflow-wrap:break-word}.home .today-tagline{margin:8px 0 24px}.home .save-progress{position:relative}.home .save-progress>.icon-btn{position:absolute;top:0;right:0}.home .next-week{padding:16px 16px 8px;display:flex;flex-direction:column}.home .next-days{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;margin-top:8px}.home .next-day{display:flex;align-items:center;height:48px;text-align:left;min-width:0}.home .next-day-name{width:48px;flex:none;display:flex}.home .next-day-game{margin-left:8px;min-width:0;font:400 15px/1.15 Inter,system-ui,sans-serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:440px){.home .next-day-name{width:40px}}@media(max-width:359px){.home .next-days{grid-template-columns:minmax(0,1fr)}}.home .hall-rows{margin-top:12px;display:flex;flex-direction:column}.home .hall-row{display:flex;align-items:center;gap:12px;padding:6px 0}.home .hall-medal{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 14px/1 Inter,system-ui,sans-serif}.home .hall-name,.home .hall-place{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .hall-points{font:700 16px/1.21 Inter,system-ui,sans-serif;color:var(--ink);flex:none}.practice .practice-head{display:flex;flex-direction:column;align-items:flex-start}.practice .practice-title{font-size:34px;margin-top:4px}.practice .practice-intro{margin:8px 0 0}.practice .practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:172px;gap:12px}@media(min-width:505px){.practice .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:272px){.practice .practice-grid{grid-template-columns:minmax(0,1fr)}}.practice .practice-card.glass{display:flex;flex-direction:column;align-items:stretch;height:172px;overflow:hidden}.practice .practice-card-top{display:flex;align-items:flex-start;justify-content:space-between}.practice .practice-level{display:flex;flex-direction:column;align-items:center;gap:2px}.practice .practice-level .caption{font-size:10.5px}.practice .practice-name{font-size:18px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice .practice-tagline{font-size:12.5px;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 90% 55% at 50% -5%,#4a52a88c,#4a52a881,#4a52a863,#4a52a83f,#4a52a822,#4a52a810,#4a52a806 120%,#4a52a801 150%),linear-gradient(var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%)}.stars{position:absolute;left:0;top:0;will-change:opacity}.stars.s0{animation:twinkle 5.3s ease-in-out infinite}.stars.s1{animation:twinkle 7.1s ease-in-out -2.4s infinite}.stars.s2{animation:twinkle 9.7s ease-in-out -5.1s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.stars{animation:none!important}}@font-face{font-family:Fraunces;font-weight:400;font-display:swap;src:url(/fonts/Fraunces-400.woff2) format("woff2")}@font-face{font-family:Fraunces;font-weight:600;font-display:swap;src:url(/fonts/Fraunces-600.woff2) format("woff2")}@font-face{font-family:Fraunces;font-weight:700;font-display:swap;src:url(/fonts/Fraunces-700.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/Inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/Inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/Inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/Inter-700.woff2) format("woff2")}:root{--bg-top: #33397A;--bg-mid: #181B42;--bg-bottom: #0A0C22;--raised: #23264F;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .11);--ink: #F3EEE2;--muted: #BEC2EA;--gold: #EBC97B;--gold-light: #F6DC9A;--gold-deep: #D6A84E;--sapphire: #9AA8F5;--sky: #8EC5F0;--aqua: #8EDBD0;--amethyst: #C1AEF8;--rose: #F4B3C2;--amber: #F8CDA6;--on-gold: #1A1C3A;--gutter: 20px;--max: 600px;--r-tile: 14px;--r-card: 24px;--ease-out: cubic-bezier(.33, 1, .68, 1);--t-micro: .12s;--t-tile: .2s;--t-screen: .32s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html:has(.board-page){overscroll-behavior:none}body{color:var(--ink);font:400 15px/1.45 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.page{position:relative;max-width:var(--max);margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) var(--gutter) calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;animation:page-in var(--t-screen) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translate(24px)}}.display{font:600 40px/1.05 Fraunces,Georgia,serif;letter-spacing:-.6px;margin:0}.title{font:600 28px/1.1 Fraunces,Georgia,serif;letter-spacing:-.3px;margin:0}.heading{font:600 21px/1.2 Fraunces,Georgia,serif;margin:0}.label{font:600 15px/1.2 Inter,system-ui,sans-serif}.caption{font:500 12px/1.3 Inter,system-ui,sans-serif;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font:600 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass.tap{display:block;width:100%;text-align:left;cursor:pointer;transition:transform var(--t-micro) ease-out,background-color var(--t-micro)}@media(hover:hover){.glass.tap:hover{background-color:#ffffff16}}.glass.tap:active{transform:scale(.985)}.glass.elevated{background:#23264fe6}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;align-items:flex-start}.grow{flex:1;min-width:0}.pill{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 12px;border-radius:999px;font:600 10.5px/1.2 Inter,system-ui,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--c, var(--ink));background:color-mix(in srgb,var(--c, var(--ink)) 14%,transparent);border:1px solid color-mix(in srgb,var(--c, var(--ink)) 45%,transparent);white-space:nowrap}.pill.solid{color:var(--on-gold);border-color:transparent;background:linear-gradient(var(--gold-light),var(--gold-deep))}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:52px;padding:12px 24px;border-radius:999px;font:600 15px/1.2 Inter,system-ui,sans-serif;transition:transform var(--t-micro) ease-out,box-shadow var(--t-micro) ease-out,opacity var(--t-micro);user-select:none;-webkit-user-select:none}.btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.expand{width:100%}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.filled{color:var(--on-gold);background:linear-gradient(var(--gold-light),var(--gold-deep));box-shadow:0 10px 29px -10px #d6a84e99}.btn.filled:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff6,#fff0 10%)}.btn.filled:active:not(:disabled){box-shadow:0 4px 13px -10px #d6a84e59}.btn.ghost{background:var(--glass);border:1px solid rgba(243,238,226,.22)}@media(hover:hover){.btn.ghost:hover:not(:disabled){background:#ffffff1a}}.btn.quiet{color:var(--muted)}.icon-btn{width:48px;height:48px;flex:none;border-radius:999px;display:grid;place-items:center;color:var(--ink);transition:background var(--t-micro)}@media(hover:hover){.icon-btn:hover{background:#ffffff14}}.icon-btn svg:not([width]){width:24px;height:24px}.placeholder{border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-border);flex:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}
