@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:500;src:url(./shippori-mincho-b1-latin-500-normal-DJZmBByH.woff2) format("woff2"),url(./shippori-mincho-b1-latin-500-normal-C2NRpg7n.woff) format("woff")}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-display:swap;font-weight:700;src:url(./shippori-mincho-b1-latin-700-normal-BA8lGpy2.woff2) format("woff2"),url(./shippori-mincho-b1-latin-700-normal-DtgeO8QJ.woff) format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-teal: #0E3B43;--vermilion: #F2542D;--cream: #F5EFE0;--gold: #E0B04A;--deep-water: #082A31;--night-water: #061C24;--ink: #10262B;--pad-green: #2E6F5E;--pad-light: #4C9A7A;--stone: #6F8480;--stone-speck: #8FA39D;--bridge-wood: #7A4A2E;--blush: #F6B8A8;--ice: #CFE6E4;--amber: #C98F3A;--cream-78: rgba(245, 239, 224, .78);--cream-14: rgba(245, 239, 224, .14);--dock-bg: rgba(8, 42, 49, .62);--shadow: 0 12px 40px rgba(4, 22, 27, .35);--text-shadow: 0 1px 18px rgba(8, 42, 49, .55);--font-display: "Shippori Mincho B1", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-text: "Instrument Sans Variable", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--inset: 56px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--dock-h: 56px}:root[data-layout=tall]{--inset: 20px;--dock-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--ink-teal);margin:0;overflow:hidden;height:100%}body{color:var(--cream);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.stage{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#water{background:radial-gradient(farthest-corner at 50% 50%,#0e3b43 0% 35%,#082a31)}#surface{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.6' fill='none' stroke='%23F5EFE0' stroke-width='1.5'/%3E%3C/svg%3E") 10 10,crosshair}html.focus-mode #surface{cursor:none}html.focus-mode.pill-on #surface{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.6' fill='none' stroke='%23F5EFE0' stroke-width='1.5'/%3E%3C/svg%3E") 10 10,crosshair}.ui{position:absolute;inset:0;pointer-events:none}.icon{width:20px;height:20px;flex:none;display:block}.corner{position:absolute;top:calc(var(--inset) + var(--safe-t));left:calc(var(--inset) + var(--safe-l));max-width:50vw;text-shadow:var(--text-shadow)}.title-block{transition:opacity .6s var(--ease-io),transform .6s var(--ease-io)}.title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(44px,8.4vw,128px);line-height:.95;letter-spacing:-.01em;color:var(--cream);max-width:50vw;text-wrap:balance}.tagline{margin:16px 0 0;font-size:17px;font-weight:400;line-height:1.45;color:var(--cream-78);max-width:34ch}.wordmark{position:absolute;top:0;left:0;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;white-space:nowrap;opacity:0;transition:opacity .4s var(--ease-io)}.interacted .title-block{opacity:0;transform:translateY(-12px)}.interacted .wordmark{opacity:1;transition:opacity .4s var(--ease-io) .3s}.hints{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px;transition:transform .6s var(--ease-io),opacity .9s var(--ease-io)}:root[data-layout=tall] .hints{flex-direction:column;gap:10px}.hint{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:opacity .24s var(--ease-io)}.hint .icon{width:14px;height:14px}.hint-check{display:none;color:var(--gold)}.hint.used{opacity:.35}.hint.used .hint-icon{display:none}.hint.used .hint-check{display:block}.hints-gone .hints{opacity:0}.season-card{position:absolute;top:38%;left:50%;transform:translate(-50%,calc(-50% + 12px));opacity:0;text-align:center;white-space:nowrap;text-shadow:var(--text-shadow)}.season-card.in{opacity:1;transform:translate(-50%,-50%);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.season-card.out{opacity:0;transform:translate(-50%,-50%);transition:opacity .7s var(--ease-io)}.season-name{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,6vw,92px);line-height:1}.season-line{margin-top:12px;font-size:15px;color:var(--cream-78)}.dock{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%);height:var(--dock-h);padding:6px;display:flex;align-items:center;gap:4px;border-radius:999px;background:var(--dock-bg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--cream-14);box-shadow:var(--shadow);pointer-events:auto;transition:opacity .24s var(--ease-io),transform .24s var(--ease-io)}.seasons{position:relative;display:flex;gap:4px}.thumb{position:absolute;top:0;left:0;width:0;height:44px;border-radius:999px;background:var(--cream);transition:transform .36s var(--ease-out),width .36s var(--ease-out)}.dock-btn{appearance:none;-webkit-appearance:none;border:0;margin:0;background:transparent;color:var(--cream);height:44px;min-width:44px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-text);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;position:relative;z-index:1;opacity:.84;transition:opacity .24s var(--ease-io),color .24s var(--ease-io),background-color .24s var(--ease-io),transform .24s var(--ease-io);-webkit-tap-highlight-color:transparent}.dock-btn:focus-visible,.pill-btn:focus-visible,.btn:focus-visible,.credit:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dock-btn:focus:not(:focus-visible){outline:none}@media (hover: hover){.dock-btn:hover{opacity:1;background-color:#f5efe014}.season-btn.active:hover{background-color:transparent}}.dock-btn:active{transform:scale(.96)}.season-btn{padding:0 14px 0 12px;white-space:nowrap}.season-btn.active{color:var(--ink-teal);opacity:1}.divider{width:1px;height:24px;margin:0 4px;background:#f5efe02e;flex:none}.toggle{width:44px}.toggle .ico{display:block;transition:color .24s var(--ease-io)}.toggle.on{opacity:1}.toggle.on .ico{color:var(--gold)}.toggle .dot{position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold);opacity:0;transition:opacity .24s var(--ease-io)}.toggle.on .dot{opacity:1}.tip{position:absolute;left:50%;bottom:calc(100% + 16px);transform:translate(-50%,4px);padding:9px 14px;border-radius:999px;background:#082a31db;border:1px solid var(--cream-14);box-shadow:var(--shadow);color:var(--cream);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .24s var(--ease-io),transform .24s var(--ease-io)}@media (hover: hover){.toggle:hover .tip{opacity:1;transform:translate(-50%);transition-delay:.4s}}.toggle:focus-visible .tip{opacity:1;transform:translate(-50%)}.toggle.invite:before{content:"";position:absolute;inset:2px;border-radius:999px;pointer-events:none;animation:invite 2.4s var(--ease-out) 3}@keyframes invite{0%{box-shadow:0 0 #e0b04ab3}75%,to{box-shadow:0 0 0 12px #e0b04a00}}.focus-btn{background:var(--gold);color:var(--ink-teal);opacity:1;padding:0 18px 0 14px;margin-left:4px;font-variant-numeric:tabular-nums;white-space:nowrap}@media (hover: hover){.focus-btn:hover{background-color:#e8bd5e}}.focus-btn .short{display:none}.idle .dock{opacity:0;transform:translate(-50%,8px);transition:opacity .9s var(--ease-io),transform .9s var(--ease-io)}.idle .wordmark,.idle .credit{opacity:0;transition:opacity .9s var(--ease-io)}.idle .hints{opacity:0}:root[data-layout=tall] .dock{left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));transform:none;display:grid;grid-template-columns:repeat(8,minmax(36px,1fr));gap:4px}:root[data-layout=tall] .idle .dock{transform:translateY(8px)}:root[data-layout=tall] .seasons{display:contents}:root[data-layout=tall] .divider,:root[data-layout=tall] .dock-btn .label{display:none}:root[data-layout=tall] .dock-btn{height:48px;min-width:36px;width:100%;padding:0}:root[data-layout=tall] .thumb{height:48px}:root[data-layout=tall] .focus-btn{margin:0;gap:2px}:root[data-layout=tall] .focus-btn .short{display:inline;letter-spacing:0}:root[data-layout=tall] .focus-btn .icon{width:16px;height:16px}.credit{position:absolute;left:calc(var(--inset) + var(--safe-l));bottom:calc(24px + var(--safe-b) + 21px);font-size:11px;line-height:14px;color:var(--cream);opacity:.6;text-decoration:none;pointer-events:auto;text-shadow:var(--text-shadow);border-radius:4px;transition:opacity .24s var(--ease-io)}@media (hover: hover){.credit:hover{opacity:.85;text-decoration:underline}}:root[data-layout=tall] .credit{bottom:calc(24px + var(--safe-b) + var(--dock-h) + 12px)}.corner,.season-card,.credit,.dock{visibility:visible}.focusing .corner,.focusing .credit,.focusing .dock,.focusing .season-card{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .8s var(--ease-io),visibility 0s linear .8s}.focus-ui>*{opacity:0;pointer-events:none;transition:opacity .8s var(--ease-io)}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#f5efe01a;overflow:hidden}.progress-fill{height:100%;width:100%;background:#e0b04a8c;transform-origin:0 50%;transform:scaleX(0)}.digits{position:absolute;left:calc(var(--inset) + var(--safe-l));bottom:calc(var(--inset) + var(--safe-b));font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1;color:#f5efe047;white-space:nowrap}.digits .slot{display:inline-block;width:.62em;text-align:center}.focusing .progress,.focusing .digits{opacity:1}.pill{position:absolute;top:calc(var(--inset) + var(--safe-t));right:calc(var(--inset) + var(--safe-r));height:40px;padding:0 4px;display:flex;align-items:center;gap:2px;border-radius:999px;background:var(--dock-bg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--cream-14);box-shadow:var(--shadow);transition:opacity .24s var(--ease-io);visibility:hidden}.focusing.pill-on .pill{opacity:1;pointer-events:auto;visibility:visible}.pill-btn{appearance:none;border:0;background:transparent;color:var(--cream);height:34px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-text);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;position:relative;opacity:.86;transition:opacity .24s var(--ease-io),background-color .24s var(--ease-io),transform .24s var(--ease-io)}.pill-btn:after{content:"";position:absolute;inset:-5px 0}.pill-btn .icon{width:16px;height:16px}@media (hover: hover){.pill-btn:hover{opacity:1;background-color:#f5efe014}}.pill-btn:active,.btn:active{transform:scale(.96)}.complete{position:absolute;top:50%;left:50%;width:min(360px,calc(100vw - 40px));transform:translate(-50%,calc(-50% + 12px));padding:32px 28px 24px;border-radius:20px;text-align:center;background:var(--dock-bg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--cream-14);box-shadow:var(--shadow);visibility:hidden}.focusing.complete-on .complete{opacity:1;transform:translate(-50%,-50%);pointer-events:auto;visibility:visible;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.complete-heading{margin:0;font-family:var(--font-display);font-weight:500;font-size:36px;line-height:1.1}.complete-line{margin:12px 0 24px;font-size:15px;line-height:1.45;color:var(--cream-78)}.complete-actions{display:flex;flex-direction:column;gap:8px}.btn{appearance:none;height:44px;border-radius:999px;border:1px solid transparent;font-family:var(--font-text);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .24s var(--ease-io),border-color .24s var(--ease-io),transform .24s var(--ease-io)}.btn-primary{background:var(--gold);color:var(--ink-teal)}.btn-quiet{background:transparent;color:var(--cream);border-color:var(--cream-14)}@media (hover: hover){.btn-primary:hover{background:#e8bd5e}.btn-quiet:hover{border-color:#f5efe052}}@media (prefers-reduced-motion: reduce){.title-block,.wordmark,.hints,.hint,.dock,.credit,.tip,.pill,.dock-btn,.pill-btn,.btn,.toggle .ico,.toggle .dot,.idle .dock,.idle .wordmark,.idle .credit,.interacted .wordmark{transition:opacity .15s linear!important;transition-delay:0ms!important}.interacted .title-block,.idle .dock,.toggle:focus-visible .tip,.dock-btn:active,.pill-btn:active,.btn:active{transform:none}.idle .dock{transform:translate(-50%)}:root[data-layout=tall] .idle .dock{transform:none}.tip{transform:translate(-50%)}.hints{transition:opacity .15s linear!important}.thumb{transition:none}.toggle.invite:before{animation:none}.season-card,.season-card.in,.season-card.out{transform:translate(-50%,-50%);transition:opacity .4s linear}.focusing .corner,.focusing .credit,.focusing .dock,.focusing .season-card,.focus-ui>*{transition:opacity .4s linear,visibility 0s linear .4s}.focusing .progress,.focusing .digits{transition:opacity .4s linear}.complete,.focusing.complete-on .complete{transform:translate(-50%,-50%);transition:opacity .4s linear}}