:root{--bg-000:#0b0c0e;--bg-100:#16181c;--bg-200:#20242a;--line:#2c3138;--text:#eef5f5;--muted:#9aa6a8;--teal-500:#0ba5ac;--teal-300:#3fe0da;--teal-900:#063f43;--gold:#d9a84e;--curl:#6b3a1c;--on-brand:#0b0c0e;--live:#ff4d4d;--twitch:#9146ff;--youtube:#f03;--display:"Dela Gothic One","Arial Black",Impact,sans-serif;--body:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-000);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg-000);position:fixed;inset:0 0 auto}a{color:inherit}.wrap{max-width:1180px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}h2{font-size:clamp(30px,4.5vw,44px)}.demo-note{background:var(--teal-900);color:var(--teal-300);font-family:var(--mono);padding-block:8px;font-size:12px}nav{top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb,var(--bg-000) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}nav .wrap{align-items:center;gap:16px;padding-block:10px;display:flex}.logo{font-family:var(--display);align-items:center;gap:12px;font-size:18px;text-decoration:none;display:flex}.logo img{border-radius:50%;flex:none;width:36px;height:36px}.ck{color:var(--teal-300)}.links{gap:22px;margin-left:auto;font-size:15px;font-weight:600;display:flex}.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--text)}.pill{font-family:var(--mono);letter-spacing:.12em;border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.pill .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.is-live .pill{border-color:var(--live);color:var(--live)}.is-live .pill .dot{background:var(--live);animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff4d4d99}70%{box-shadow:0 0 0 8px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}@media (width<=680px){.links{display:none}.pill{margin-left:auto}}.hero{position:relative;overflow:hidden}.hero .wrap{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);padding-block:clamp(44px,8vw,96px);display:grid}.avatar{aspect-ratio:1;width:clamp(160px,24vw,280px);max-width:100%;box-shadow:0 0 0 6px var(--bg-000),0 0 0 9px var(--teal-500);border-radius:50%}.halo{aspect-ratio:1;background:radial-gradient(circle,var(--teal-900) 0,transparent 68%);pointer-events:none;border-radius:50%;width:min(70vw,720px);position:absolute;top:-30%;right:-12%}.hero h1{letter-spacing:-.01em;font-size:clamp(28px,6vw,84px);line-height:.95}.tagline{font-family:var(--display);color:var(--gold);margin:16px 0 8px;font-size:clamp(18px,2.2vw,24px)}.intro{color:var(--muted);max-width:40ch;margin:0 0 26px;font-size:clamp(17px,1.8vw,19px)}.btns{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;font-size:15px;font-weight:800;font-family:var(--body);border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--teal-500);color:var(--on-brand)}.btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn-twitch{background:var(--twitch);color:#fff}.btn:hover{filter:brightness(1.08)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width<=680px){.hero .wrap{grid-template-columns:1fr}}section{padding-block:clamp(48px,6vw,64px)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:28px;display:flex}.sec-head .eyebrow{margin-bottom:8px;display:block}.sub{color:var(--muted);margin:8px 0 0}.live-box{border:1px solid var(--line);background:var(--bg-100);border-radius:20px;overflow:hidden}.toggle{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.toggle button{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:12px}.toggle button[aria-pressed=true]{background:var(--bg-200);color:var(--text)}.live-on{grid-template-columns:minmax(0,1fr) 320px;display:grid}.player{aspect-ratio:16/9;background:radial-gradient(120% 90% at 30% 40%,#0d5f63 0,#0b1a1c 60%,#07090a 100%);place-items:center;max-width:100%;display:grid;position:relative}.badge{background:var(--live);color:#fff;font-family:var(--mono);letter-spacing:.1em;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.viewers{color:#fff;font-family:var(--mono);background:#0009;border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;top:14px;right:14px}.play{background:#ffffff1f;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.chat{border-left:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--line);padding:12px 14px}.chat ul{flex-direction:column;gap:10px;margin:0;padding:12px 14px;font-size:14px;list-style:none;display:flex}.chat b{color:var(--teal-300)}.chat li:nth-child(3n) b{color:var(--gold)}.stream-meta{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 24px;padding:16px 18px;display:flex}.stream-meta strong{margin-right:auto;font-size:18px}.meta{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.live-off{flex-wrap:wrap;align-items:center;gap:28px;padding:32px;display:flex}.live-off img{filter:grayscale(.85)brightness(.75);border-radius:50%;flex:none;width:96px;height:96px}.live-off div{flex:1;min-width:220px}.live-off h3{margin-bottom:8px;font-size:28px}.live-off p{color:var(--muted);max-width:52ch;margin:0 0 16px}@media (width<=880px){.live-on{grid-template-columns:1fr}.chat{border-left:0;border-top:1px solid var(--line)}.chat ul{max-height:170px;overflow:hidden}}.rail{scroll-snap-type:x mandatory;grid-auto-columns:clamp(160px,21vw,205px);grid-auto-flow:column;gap:14px;padding-bottom:12px;display:grid;overflow-x:auto}.card{scroll-snap-align:start;border-radius:12px;flex-direction:column;gap:8px;min-width:0;text-decoration:none;display:flex}.thumb{border:1px solid var(--line);border-radius:12px;max-width:100%;position:relative;overflow:hidden}.thumb.v{aspect-ratio:9/16}.thumb.h{aspect-ratio:16/9}.thumb .t{position:absolute;inset:0}.thumb .tag{font-family:var(--mono);color:#fff;background:#000000b3;border-radius:6px;padding:3px 7px;font-size:11px;position:absolute;bottom:8px}.thumb.v .tag{left:8px}.thumb.h .tag{right:8px}.thumb .new{font-family:var(--mono);letter-spacing:.12em;background:var(--gold);color:var(--on-brand);border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.thumb .face{aspect-ratio:1;width:42%;box-shadow:0 0 0 3px var(--bg-000);border-radius:50%;position:absolute;top:50%;right:8%;translate:0 -50%}.thumb.v .face{width:60%;top:38%;left:20%;right:auto}.card:hover .thumb{border-color:var(--teal-300)}.card .ttl{font-size:16px;font-weight:800;line-height:1.3}.featured{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:28px;margin-bottom:32px;display:grid}.featured .ttl{font-family:var(--display);margin:8px 0 12px;font-size:clamp(24px,3vw,34px);font-weight:400;line-height:1.12}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-template-columns:1fr}}@media (width<=540px){.grid{grid-template-columns:1fr}}.socials{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.soc{border:1px solid var(--line);background:var(--bg-100);border-radius:20px;flex-direction:column;gap:14px;padding:20px;text-decoration:none;display:flex}.soc:hover{border-color:var(--teal-300)}.soc svg{width:28px;height:28px}.soc .name{font-size:18px;font-weight:800}.soc .go{color:var(--teal-300);margin-top:auto;font-size:14px;font-weight:800}@media (width<=860px){.socials{grid-template-columns:repeat(2,minmax(0,1fr))}}.biz{background:var(--teal-500);color:var(--on-brand);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.biz h2{color:var(--on-brand)}.biz p{max-width:48ch;margin:10px 0 0;font-size:17px}.mailbox{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail{font-family:var(--mono);background:var(--bg-000);color:var(--text);-webkit-user-select:all;user-select:all;border-radius:12px;padding:12px 16px;font-weight:700}.btn-ink{background:var(--bg-000);color:var(--teal-300)}footer{border-top:1px solid var(--line);margin-top:24px}footer .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding-block:28px;font-size:14px;display:flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}