html,body,#root{color:#e8ecf1;background:#14171c;height:100%;margin:0;font:14px system-ui,sans-serif;overflow:hidden}#root{position:relative}.bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.bar button{color:inherit;cursor:pointer;font:inherit;background:#232830cc;border:1px solid #3a414c;border-radius:6px;padding:6px 10px}.bar button.on{background:#5e1a1d;border-color:#5e1a1d}.bar .group{color:#e7eaf0;background:#11141acc;border-radius:6px;margin-left:8px;padding:4px 8px;font-size:12px}.samples{background:#232830cc;border-radius:6px;margin-left:6px;padding:6px 10px}.cross{z-index:3;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0008}.bar button:disabled{opacity:.4;cursor:default}.hint{z-index:3;pointer-events:none;background:#14171ce6;border-radius:6px;padding:6px 12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.prompt{align-items:center;gap:8px;display:flex;bottom:28px}.tour{z-index:1;box-sizing:border-box;color:#f1d9bf;background:#14171ce6;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;width:min(480px,92vw);min-width:280px;padding:4px 12px 10px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.tour button{color:#f1d9bf;background:0 0;border:0;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:2px 10px;display:inline-flex}button:focus-visible{outline-offset:2px;outline:2px solid #c9a27a}.tour kbd{display:none}@media (pointer:fine){.tour kbd{display:inline-block}}kbd{color:#f1d9bf;text-align:center;box-sizing:border-box;background:#6b2a22;border:1px solid #c9a27a;border-radius:5px;min-width:22px;padding:2px 6px;font:600 12px system-ui,sans-serif}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segs{gap:3px;width:100%;display:flex}.segs span{background:#f1d9bf73;border-radius:2px;flex-basis:0;height:4px;position:relative;overflow:hidden}.segs span.done{background:#f1d9bf}.segs i{transform-origin:0;background:linear-gradient(90deg,#5e1a1d,#f1d9bf);animation:linear forwards fill;position:absolute;inset:0}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.segs i{background:0 0;animation:none;transform:none;box-shadow:inset 0 0 0 1px #f1d9bf}.card,.endhint{animation:none!important}}.fade{pointer-events:none;background:#14171c;animation:.25s ease-out forwards fade;position:absolute;inset:0}@keyframes fade{to{opacity:0}}.endhint{color:#f1d9bf;pointer-events:none;background:#14171ce6;border-radius:6px;max-width:92vw;padding:8px 16px;animation:.2s ease-out rise;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1a1d22f2,#121418f7);border:1px solid #fff6;border-radius:14px;width:360px;animation:.2s ease-out rise;position:absolute;bottom:24px;left:24px;overflow:hidden;box-shadow:0 18px 50px #0009}.card.compact{width:320px}.card:before{content:"";background:#8b2a2f;width:3px;position:absolute;top:0;bottom:0;left:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.card .in{padding:16px 18px 14px 20px}.card .kick{letter-spacing:.14em;text-transform:uppercase;color:#c9a27a;font:600 11px/1 system-ui}.card h2{color:#f6efe6;margin:6px 0 4px;padding-right:36px;font:650 20px/1.2 system-ui}.card .story{color:#c9cdd3;margin:0 0 12px;font-size:14px;line-height:1.5}.card .chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.card .chip{color:#dfe3e8;background:#ffffff0d;border:1px solid #fff6;border-radius:999px;padding:6px 9px;font:500 12px/1 system-ui}.card .chip b{color:#f1d9bf;font-weight:600}.card dl{grid-template-columns:84px 1fr;gap:5px 10px;margin:0 0 12px;font-size:13px;display:grid}.card dt{color:#8e959e}.card dd{color:#e8ecf1;margin:0}.acts{background:#0000001f;border-top:1px solid #ffffff10;flex-wrap:wrap;gap:8px;padding:10px 18px 12px 20px;display:flex}.act{color:#d6dae0;align-items:center;gap:7px;font-size:13px;display:flex}.card .x{color:#9aa1aa;cursor:pointer;background:0 0;border:0;border-radius:10px;width:44px;height:44px;padding:0;font-size:20px;position:absolute;top:4px;right:4px}.card .x:hover{color:#fff;background:#ffffff12}.swatches{color:#8e959e;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.swatch{color:#dfe3e8;cursor:pointer;background:#ffffff0d;border:1px solid #fff6;border-radius:999px;padding:6px 10px;font:500 12px system-ui}.swatch[aria-pressed=true]{color:#f1d9bf;background:#5e1a1d;border-color:#c9a27a}@media (max-width:600px){.card,.card.compact{border-radius:14px 14px 0 0;width:auto;max-height:45vh;bottom:0;left:0;right:0;overflow:auto}#root:has(>.card) :is(.hint,.endhint){bottom:calc(var(--card-h,0px) + 12px)}}.menu-btn{color:#e8ecf1;cursor:pointer;background:#232830cc;border:1px solid #7d8592;border-radius:10px;width:44px;height:44px;padding:0;font-size:20px;position:absolute;top:10px;right:10px}.pause{z-index:5;background:#000a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause .panel{background:linear-gradient(#1a1d22f2,#121418f7);border:1px solid #fff6;border-radius:14px;flex-direction:column;gap:8px;width:min(340px,92vw);max-height:92vh;padding:20px;display:flex;overflow:auto}.pause h2,.pause h3{color:#f6efe6;margin:0}.pause h3{letter-spacing:.14em;text-transform:uppercase;color:#c9a27a;margin-top:8px;font-size:13px}.pause button{color:#e8ecf1;min-height:44px;font:inherit;cursor:pointer;background:#232830cc;border:1px solid #7d8592;border-radius:8px}.pause button[aria-pressed=true]{background:#5e1a1d;border-color:#c9a27a}.pause ul{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.pause li{align-items:center;gap:8px;display:flex}.pause .found{color:#c9a27a;margin:0}.visor{z-index:2;pointer-events:none;background:radial-gradient(at 50% 55%,#0a0a0c66 0%,#0a0a0cc4 60%,#050506f0 100%);border-top:14vh solid #050506;border-radius:0 0 50% 50%/0 0 18% 18%;position:absolute;inset:0}.found-tag{color:#c9a27a;pointer-events:none;background:#14171c99;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:16px;right:16px}.no3d{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.no3d button{color:#f1d9bf;font:inherit;cursor:pointer;background:#5e1a1d;border:1px solid #c9a27a;border-radius:6px;padding:10px 28px}@media (pointer:coarse){.swatch{min-width:44px;min-height:44px}.prompt{gap:8px}.prompt button,.acts button{pointer-events:auto;color:#f1d9bf;background:#6b2a22;border:1px solid #c9a27a;border-radius:8px;min-width:44px;min-height:44px;padding:6px 14px;font:600 14px system-ui}}.title{pointer-events:none;color:#0b0c0f;flex-wrap:wrap-reverse;place-content:end space-between;align-items:end;column-gap:32px;padding:0 clamp(24px,4.5vw,64px);display:flex;position:absolute;inset:0;overflow:hidden}.title h1{white-space:nowrap;letter-spacing:-.05em;color:#0b0c0f;flex:none;margin:0 0 -.13em;font:900 clamp(120px,22vw,380px)/.8 system-ui,sans-serif;animation:.7s cubic-bezier(.2,.7,.2,1) both slide}@keyframes slide{0%{transform:translateY(100%)}}.lede{text-align:right;flex-direction:column;flex:0 340px;align-items:flex-end;gap:0;margin:0 0 clamp(24px,9vh,72px) auto;animation:.5s ease-out .3s both rise;display:flex}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#5e1a1d;font:700 11px/1 system-ui,sans-serif}.title .tag{color:#0b0c0f;text-wrap:balance;margin:10px 0 20px;font:500 20px/1.4 system-ui,sans-serif}.load{letter-spacing:.2em;text-transform:uppercase;color:#0b0c0f;margin:0 0 12px;font:600 11px/1 system-ui,sans-serif}.cta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.title button{pointer-events:auto;cursor:pointer;letter-spacing:.04em;border-radius:999px;min-height:48px;font:600 14px system-ui,sans-serif;transition:background-color .2s,border-color .2s,color .2s}.title button.go{color:#fff;background:#5e1a1d;border:0;padding:0 26px}.title button.go:hover:not(:disabled){background:#7a2428}.title button.go span{margin-left:6px;transition:transform .2s;display:inline-block}.title button.go:hover:not(:disabled) span{transform:translate(3px)}.title button:disabled{opacity:.45;cursor:default}.title button.snd{color:#0b0c0f;background:0 0;border:1px solid #0b0c0f80;padding:0 18px;font-weight:500}.title button.snd[aria-pressed=true]{background:#0b0c0f12;border-color:#0b0c0f}.tip{color:#0b0c0fb3;margin-top:12px;font:12px system-ui,sans-serif;display:block}@media (prefers-reduced-motion:reduce){.title h1,.lede{animation:none}}@media (max-width:600px){.title h1{font-size:34vw}.lede{text-align:left;flex-basis:100%;align-items:flex-start;margin:0 0 16px}.cta{justify-content:flex-start}}