:root{--ink: #14102E;--twilight: #2B2A6B;--lead: #1A1430;--spark: #FFF4D6;--dawn: #FFD27A;--amber: #FFB23E;--ember: #FF6A2A;--rose: #FF5FA2;--lilac: #B69CFF;--teal: #2EC4B6;--moon: #D9E2F2;--soft: #C9C3E8;--glass: rgba(27, 21, 64, .72);--title: "Fraunces", Georgia, "Times New Roman", serif;--ui: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--p: 0;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;background:var(--ink);color:var(--spark);font:400 17px/1.55 var(--ui);overflow-x:hidden}a{color:var(--dawn)}h1,h2,h3{font-family:var(--title);font-weight:800;line-height:1.1;margin:0;text-wrap:balance}h2{font-size:clamp(30px,4.2vw,46px);letter-spacing:.005em;text-shadow:0 2px 0 var(--lead),0 0 22px rgba(255,210,122,.25)}.sub{color:var(--soft);max-width:40em;margin:12px 0 28px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:30;padding:10px 14px;background:var(--dawn);color:var(--ink);border-radius:10px;font-weight:700}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--dawn);outline-offset:3px}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.sky i{position:absolute;top:0;right:0;bottom:0;left:0}.sky .dusk{background:radial-gradient(120% 60% at 80% 0%,#3A2A6E 0%,transparent 60%),linear-gradient(180deg,#14102e,#1b1640 55%,#2a1a3a)}.sky .dawn{opacity:var(--p);background:radial-gradient(90% 60% at 50% 110%,rgba(255,214,130,.85) 0%,rgba(240,138,93,.55) 35%,transparent 70%),linear-gradient(180deg,#1b1640,#2c3f8f 45%,#9a6a9e 75%,#f08a5d)}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,#14102eeb,#14102eb3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--lead)}.brand{display:flex;align-items:center;gap:10px;color:var(--spark);text-decoration:none}.brand .o{width:26px;height:30px;filter:drop-shadow(0 0 8px rgba(255,178,62,.5))}.brand .word{font:800 21px/1 var(--title);letter-spacing:.02em}.tools{display:flex;align-items:center;gap:10px}.play,.snd{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;font:700 15px var(--ui);text-decoration:none;cursor:pointer}.play{background:linear-gradient(180deg,#ffd27a,#ffb23e 60%,#e8892a);color:var(--ink);border:2px solid var(--lead);box-shadow:inset 0 1px #fff9}.snd{background:#2b2a6bcc;color:var(--spark);border:2px solid var(--lead);box-shadow:inset 0 0 0 1px #d4af5a80}.snd i{width:16px;height:14px;background:currentColor;clip-path:polygon(0 30%,30% 30%,62% 0,62% 100%,30% 70%,0 70%);opacity:.55}.snd[aria-pressed=true]{color:var(--dawn)}.snd[aria-pressed=true] i{opacity:1;clip-path:polygon(0 30%,30% 30%,62% 0,62% 100%,30% 70%,0 70%);box-shadow:6px 0 0 -4px currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:14px;font:800 17px var(--ui);text-decoration:none;text-align:center;border:2px solid var(--lead)}.btn.primary{position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(180deg,#ffe7a8,#ffb23e 55%,#e8892a);box-shadow:inset 0 0 0 2px #fff4d659,0 8px 28px #ffb23e59}.btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%);animation:glint 6s ease-in-out infinite 2s}@keyframes glint{0%,80%{transform:translate(-120%)}to{transform:translate(120%)}}.btn.primary:hover{filter:brightness(1.06)}.btn.soon,.btn.ghost{color:var(--soft);background:var(--glass);box-shadow:inset 0 0 0 1px #d4af5a66}.btn.soon{cursor:default;font-weight:600}.btn.ghost{color:var(--spark)}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,72px);width:min(1120px,100% - 32px);margin:0 auto;padding:clamp(28px,6vh,64px) 0 56px;min-height:calc(100vh - 62px)}.copy h1{display:flex;flex-direction:column;gap:14px}.logo{display:block;width:min(100%,520px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(255,210,122,.16))}.logo svg{display:block;width:100%;height:auto;overflow:visible}.genre{font:700 13px/1.3 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin-top:-4px}.tag{font:700 italic clamp(22px,2.6vw,30px)/1.2 var(--title);color:var(--dawn)}.lead{font-size:clamp(17px,1.5vw,19px);color:var(--spark);max-width:34em;margin:18px 0 26px}.ctas{display:flex;flex-wrap:wrap;gap:12px}.free{color:var(--soft);font-size:15px;margin:14px 0 0}.screen{position:relative;width:clamp(280px,30vw,380px)}.screen canvas,.window canvas{display:block;width:100%;height:auto;aspect-ratio:624 / 960;border-radius:22px;border:6px solid var(--lead);box-shadow:0 0 0 2px #c9773b,0 0 0 4px var(--lead),0 24px 60px #0000008c,0 0 80px #ffb23e1f;background:#05060f;touch-action:manipulation;cursor:pointer}.hint{margin:12px 0 0;text-align:center;color:var(--soft);font-size:14px}.hold{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:2px solid var(--lead);background:#14102eb3;cursor:pointer}.hold:before,.hold:after{content:"";position:absolute;top:9px;width:4px;height:12px;background:var(--spark);border-radius:2px}.hold:before{left:11px}.hold:after{left:18px}.hold[aria-pressed=true]:before{left:12px;width:0;height:0;background:none;border-left:11px solid var(--spark);border-top:7px solid transparent;border-bottom:7px solid transparent;border-radius:0;top:8px}.hold[aria-pressed=true]:after{display:none}.logo .sh{transform-box:fill-box;transform-origin:center;animation:shard .8s cubic-bezier(.16,.84,.3,1) both;animation-delay:calc(var(--i) * 14ms)}@keyframes shard{0%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.6);opacity:0}55%{opacity:1}}.logo .ld,.logo .fin{animation:settle .35s ease-out 1.05s both}@keyframes settle{0%{opacity:0}}.logo .spk{transform-box:fill-box;transform-origin:center;animation:lit .5s cubic-bezier(.3,1.6,.5,1) 1.2s both}@keyframes lit{0%{transform:scale(0);opacity:0}}.logo .gl{animation:sweep 5s ease-in-out infinite;animation-delay:calc(1.6s + var(--i) * 70ms)}@keyframes sweep{0%{transform:skew(-18deg) translate(0)}30%,to{transform:skew(-18deg) translate(150px)}}main>section{padding:clamp(56px,9vh,110px) 0}.panel{background:var(--glass);border:3px solid var(--lead);border-radius:20px;box-shadow:inset 0 0 0 1px #d4af5a73}.cast{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cast li{background:var(--glass);border:3px solid var(--lead);border-radius:20px;box-shadow:inset 0 0 0 1px #d4af5a73;padding:22px 22px 24px;text-align:center}.cast canvas{width:128px;height:128px;display:block;margin:0 auto 12px}.cast h3{font-size:26px}.role{margin:4px 0 12px;color:var(--soft);font-size:15px}.cast blockquote{margin:0;font:600 italic 18px/1.4 var(--title);color:var(--dawn)}.bench{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,26vw,330px);gap:28px;align-items:start}.rack{display:grid;gap:12px}.kind{position:relative;text-align:left;padding:16px 18px 16px 58px;border-radius:16px;border:3px solid var(--lead);background:var(--glass);color:var(--soft);font:400 16px/1.45 var(--ui);cursor:pointer;box-shadow:inset 0 0 0 1px #d4af5a4d;transition:background .2s,color .2s,transform .2s}.kind b{display:block;color:var(--spark);font:800 20px var(--title);margin-bottom:2px}.kind:before{content:"";position:absolute;left:18px;top:20px;width:26px;height:18px;border-radius:4px;background:linear-gradient(160deg,#fff 0%,var(--c) 35%,color-mix(in srgb,var(--c) 55%,#14102E) 100%);border:2px solid var(--lead)}.kind[aria-pressed=true]{background:#3a2a6ee6;color:var(--spark);box-shadow:inset 0 0 0 2px var(--c),0 0 24px color-mix(in srgb,var(--c) 30%,transparent)}.kind:hover{transform:translate(3px)}.town{list-style:none;margin:0 auto;padding:0;width:min(1120px,100% - 32px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.town li{position:relative;background:var(--glass);border:3px solid var(--lead);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #d4af5a73}.town canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border-bottom:3px solid var(--lead)}.town .no{position:absolute;top:10px;left:12px;font:700 13px var(--ui);color:var(--spark);background:#14102ebf;padding:3px 8px;border-radius:8px}.town em{position:absolute;top:10px;right:12px;font:800 12px var(--ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--dawn);padding:3px 8px;border-radius:8px}.town h3{font-size:22px;margin:14px 16px 6px}.town p{margin:0 16px 18px;color:var(--soft);font-size:15px}.deal{text-align:center}.deal p{max-width:36em;margin:14px auto 26px;color:var(--spark);font-size:18px}.page{padding:48px 0 80px}.page article{max-width:46em}.page h1{font-size:clamp(34px,5vw,52px);margin-bottom:14px}.page h2{font-size:24px;margin:30px 0 8px;text-shadow:none}.page li{margin:6px 0}.updated{color:var(--soft);font-size:15px}.lost{text-align:center;margin:8vh auto}.lost .code{font:900 96px/1 var(--title);color:var(--lilac);margin:0;text-shadow:0 4px 0 var(--lead)}.lost .ctas{justify-content:center;margin-top:24px}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:28px 16px max(28px,env(safe-area-inset-bottom));border-top:2px solid var(--lead);background:#14102e99;color:var(--soft);font-size:15px}.foot a{color:var(--soft)}.foot a:hover{color:var(--dawn)}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center;min-height:0}.copy h1{align-items:center}.logo{margin:0 auto;width:min(100%,420px)}.lead{margin-inline:auto}.ctas{justify-content:center}.screen{margin:0 auto;width:min(100%,360px)}.cast,.bench{grid-template-columns:1fr}.bench .window{order:-1;width:min(100%,330px);margin:0 auto}.town{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.hero{gap:18px;padding-top:20px}.copy{display:contents}.copy h1{order:1;gap:10px}.screen{order:2;width:min(66vw,300px,(100svh - 460px) * .65);min-width:170px}.hint{margin-top:8px;font-size:13px}.ctas{order:3}.free{order:4;margin-top:-6px}.lead{order:5;margin:6px auto 0}.tag{font-size:20px}}@media (max-width: 700px) and (max-height: 700px){.hint{display:none}.hero{gap:14px}}@media (max-width: 560px){.town{grid-template-columns:1fr}.bar .brand .word{font-size:18px}.btn{width:100%}}@media (prefers-reduced-motion: reduce){.logo .sh,.logo .ld,.logo .fin,.logo .spk,.logo .gl,.btn.primary:after{animation:none}.kind{transition:none}}