:root{--ink:#141925;--ink-2:#1b2232;--ink-3:#252e43;--line:#ffffff1a;--text:#eef2f8;--text-2:#b5bfd0;--text-3:#8592a8;--yellow:#ffd24a;--yellow-2:#ffc21a;--blue:#4a9aff;--display:"Lilita One", system-ui, sans-serif;--body:Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--ink);min-height:100svh;color:var(--text);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}.wrap{width:min(1120px,100%);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.site-top{z-index:20;padding:10px var(--gutter);padding-top:max(10px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#141925d1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.site-top.is-over{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0a0d14b3,#0000);border-bottom:0;position:absolute;top:0;bottom:auto;left:0;right:0}.brand{font:22px/1 var(--display);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px}.brand-head{width:34px;height:34px;line-height:0;display:inline-block}.brand-head img{width:100%;height:100%}.brand .y{color:var(--yellow)}.brand-text{-webkit-text-stroke:1px #14192599}.btn{background:var(--ink-3);min-height:44px;color:var(--text);font:800 15px/1.1 var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#2e3952}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn-play{background:var(--yellow);color:var(--ink);box-shadow:0 4px #c99712}.btn-play:hover:not(:disabled){background:var(--yellow-2)}.btn-big{min-height:56px;font:24px/1 var(--display);letter-spacing:.02em;border-radius:16px;padding:14px 28px}.btn-ghost{background:#ffffff14}.btn-icon{width:44px;padding:0}.hero{background:radial-gradient(ellipse at 50% 35%, #2c3d63 0%, transparent 65%), var(--ink);align-items:end;min-height:min(100svh,860px);display:grid;position:relative;overflow:hidden}.hero-stage,.hero-poster{position:absolute;top:0;bottom:0;left:0;right:0}.hero-poster{opacity:.85;background-position:50%;background-size:cover}.hero-stage canvas{display:block}.hero-stage{opacity:0;transition:opacity .8s}.hero-stage.is-live{opacity:1}.hero-shade{pointer-events:none;background:linear-gradient(to top, var(--ink) 0%, #141925d1 30%, #14192526 62%, #14192559 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{padding:120px var(--gutter) 48px;width:min(1120px,100%);margin-inline-start:auto;margin-inline-end:auto;position:relative}.hero-logo{filter:drop-shadow(0 6px 16px #00000073);width:84px;height:84px;margin-bottom:10px}.hero-marine-box{align-items:flex-end;height:clamp(200px,30vw,300px);margin-bottom:10px;display:flex}.hero-marine-box canvas{filter:drop-shadow(0 10px 22px #00000080)}.hero-marine{height:clamp(160px,26vw,260px);image-rendering:pixelated;filter:drop-shadow(0 10px 22px #00000080);margin-bottom:14px}.hero h1{font:clamp(44px, 11vw, 92px)/.95 var(--display);letter-spacing:.01em;text-shadow:0 4px #00000059;margin:0}.hero h1 .y{color:var(--yellow)}.hero-lead{max-width:560px;color:var(--text-2);margin:14px 0 24px;font-size:clamp(17px,2.4vw,20px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.hero-note{color:var(--text-3);font-size:14px}.hero-now{right:var(--gutter);color:var(--text-3);text-shadow:0 1px 2px #000;font-size:12px;position:absolute;bottom:18px}.stats{padding:26px var(--gutter);border-block:1px solid var(--line);background:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:12px 40px;display:flex}.stat{text-align:center}.stat b{font:clamp(30px, 6vw, 44px)/1 var(--display);color:var(--yellow);display:block}.stat span{color:var(--text-2);font-size:14px}.section{padding:56px 0}.section h2{font:clamp(30px, 6vw, 44px)/1.05 var(--display);margin:0 0 6px}.section-lead{color:var(--text-2);margin:0 0 26px}.clips{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;display:grid}.clip{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line);text-decoration:none;transition:transform .15s;display:block;overflow:hidden}.clip:hover{transform:translateY(-2px)}.clip-img{aspect-ratio:1200/630;background:radial-gradient(circle at 50% 40%, #2c3d63, transparent 70%), var(--ink-3);background-position:50%;background-size:cover;position:relative}.clip-img svg{width:52px;height:52px;color:var(--yellow);background:#141925b3;border-radius:50%;padding:12px;position:absolute;top:50%;left:50%;translate:-50% -50%}.clip-body{padding:12px 14px 14px}.clip-body b{font:20px/1.15 var(--display);display:block}.clip-body span{color:var(--text-3);font-size:14px}.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.feature{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line);padding:20px}.feature svg{width:30px;height:30px;color:var(--yellow)}.feature h3{font:22px/1.1 var(--display);margin:10px 0 6px}.feature p{color:var(--text-2);margin:0;font-size:15px}.cta-band{padding:56px var(--gutter);text-align:center;background:radial-gradient(ellipse at 50% 0%, #ffd24a29, transparent 60%), var(--ink-2);border-top:1px solid var(--line)}.cta-band h2{font:clamp(30px, 6vw, 46px)/1.05 var(--display);margin:0 0 8px}.cta-band p{max-width:520px;color:var(--text-2);margin:0 auto 22px}.site-foot{padding:28px var(--gutter) max(28px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-3);font-size:14px}.site-foot nav{flex-wrap:wrap;gap:8px 20px;margin-bottom:8px;display:flex}.site-foot a{color:var(--text-2);text-decoration:none}.site-foot a:hover{text-decoration:underline}.watch{width:min(1040px,100%);padding:16px var(--gutter) 40px;margin-inline-start:auto;margin-inline-end:auto}.watch-stage-wrap{border-radius:var(--radius);background:#0b0d12;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000073}.watch-stage{aspect-ratio:16/9;cursor:pointer;touch-action:manipulation;max-height:72svh;margin-inline-start:auto;margin-inline-end:auto;position:relative}@media (max-aspect-ratio:4/5){.watch-stage{aspect-ratio:4/5}}.watch-overlay{text-align:center;pointer-events:none;place-items:center;padding:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.watch-overlay.is-solid{pointer-events:auto;background:#0b0d12c7}.watch-big-play{width:72px;height:72px;color:var(--yellow);background:#141925b8;border-radius:50%;place-items:center;display:grid}.spinner{border:4px solid #ffffff26;border-top-color:var(--yellow);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.watch-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.watch-progress{background:var(--ink-3);border-radius:3px;flex:140px;height:6px;overflow:hidden}.watch-progress>span{background:var(--yellow);height:100%;display:block}.seg{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.seg button{min-height:38px;color:var(--text-2);font:800 14px/1 var(--body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 12px}.seg button[aria-pressed=true]{background:var(--ink-3);color:var(--text)}.watch-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}.watch-info h1{font:clamp(30px, 6vw, 42px)/1.05 var(--display);margin:0}.watch-info p{color:var(--text-2);margin:4px 0 0}.cta-card{border-radius:var(--radius);background:radial-gradient(ellipse at 0% 0%, #ffd24a24, transparent 55%), var(--ink-2);border:1px solid var(--line);align-items:center;gap:16px;padding:22px;display:grid}@media (min-width:720px){.cta-card{grid-template-columns:auto 1fr auto}}.cta-card img{width:72px;height:72px}.cta-card h2{font:28px/1.05 var(--display);margin:0 0 4px}.cta-card p{color:var(--text-2);margin:0}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:50;background:var(--text);color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:800;position:fixed;translate:-50%;box-shadow:0 8px 24px #0006}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:10ms!important}}.doc{width:min(760px,100%);padding:36px var(--gutter) 56px;margin-inline-start:auto;margin-inline-end:auto}.doc h1{font:clamp(34px, 7vw, 48px)/1.05 var(--display);margin:0 0 10px}.doc h2{font:26px/1.1 var(--display);letter-spacing:.01em;margin:32px 0 8px}.doc p,.doc li{color:var(--text-2)}.doc b{color:var(--text)}.doc ul,.doc ol{margin:8px 0;padding-left:22px}.doc li+li{margin-top:6px}.doc a{color:var(--yellow)}.doc-lead{font-size:17px}.doc-for{color:var(--text-3);margin:0 0 18px;font-size:14px}.doc-legal .legal-lead{color:var(--text);font-size:17px}.doc-legal .legal-updated{color:var(--text-3);margin:0;font-size:14px}.doc-legal .legal-section h3{font:26px/1.1 var(--display);letter-spacing:.01em;margin:32px 0 8px}.doc-legal a{overflow-wrap:anywhere}.doc-card{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line);margin-top:24px;padding:6px 20px 20px}.doc-card h2{margin-top:16px}.doc-form{gap:14px;margin-top:8px;display:grid}.doc-field{gap:6px;font-size:14px;font-weight:800;display:grid}.doc-field input{background:var(--ink);min-height:46px;color:var(--text);font:400 16px var(--body);border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}.doc-field input:focus{outline:3px solid var(--blue);outline-offset:1px}.doc-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.doc-check input{accent-color:#e5484d;flex:none;width:20px;height:20px;margin:2px 0 0}.doc-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.doc .doc-link{color:var(--text-2);font-size:14px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-danger{color:#fff;background:#e5484d}.btn-danger:hover:not(:disabled){background:#cf3a3f}.doc-error{background:#e5484d29;border-radius:10px;margin:0;padding:10px 12px;color:#ffb4b6!important}.doc-done{background:#46be7829;border-radius:10px;padding:12px 14px;color:#b9f0cd!important}.doc-note{font-size:14px}
