:root{--r-card:16px;--r-tile:12px}body:before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 16% 12%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 70%),radial-gradient(34% 30% at 86% 34%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),radial-gradient(40% 32% at 40% 96%,color-mix(in srgb,var(--bridge) 8%,transparent),transparent 70%);filter:blur(150px);animation:orbs-drift 26s ease-in-out infinite alternate}@keyframes orbs-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}body{background:linear-gradient(178deg,color-mix(in srgb,var(--accent) 4%,var(--surface)) 0,var(--surface) 26%,var(--surface) 72%,color-mix(in srgb,var(--primary) 4%,var(--surface)) 100%) var(--surface)}.sig-colon,.slabel:before{content:"";display:inline-block;flex:0 0 auto;width:6px;height:17px;background:radial-gradient(circle at 50% 22%,var(--primary) 0 2.6px,transparent 3.2px),radial-gradient(circle at 50% 78%,var(--accent) 0 2.6px,transparent 3.2px)}.roster-tab.is-active{position:relative;background:var(--primary);color:var(--surface);font-weight:700}.slabel{letter-spacing:.05em;gap:10px}.slabel .rule{width:30px}.hero-title{font-weight:700;letter-spacing:-.03em}.hero-title em{display:inline-block;color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 22%,transparent))}.hero-sub{font-size:1.14rem;color:var(--ink-muted);line-height:1.58}.head h2{position:relative;padding-bottom:14px}.head h2:after{content:"";position:absolute;left:0;bottom:0;width:74px;height:3px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--primary) 0 42%,var(--accent) 58% 100%)}main>.band:nth-of-type(2n) .head h2:after{background:linear-gradient(90deg,var(--accent) 0 42%,var(--primary) 58% 100%)}.mock.win:not(:has(.win-rule)) .win-frame{opacity:.08;filter:grayscale(1)}.mock.win{max-width:336px;border:none;border-radius:var(--r-card);overflow:visible;padding:14px;display:grid;grid-gap:12px;gap:12px;position:relative;background:linear-gradient(170deg,color-mix(in srgb,var(--surface-alt) 88%,transparent),color-mix(in srgb,var(--surface) 86%,transparent));backdrop-filter:blur(40px) saturate(1.9) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(1.9) brightness(1.08);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 32%,transparent),0 18px 60px color-mix(in srgb,var(--primary) 10%,transparent)}.win-chrome{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;min-width:0}.win-screen{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--primary)}.win-rule{padding:5px 10px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--bridge) 42%,transparent);background:color-mix(in srgb,var(--bridge) 9%,transparent);font-size:.62rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bridge);white-space:nowrap}.win-frame{position:relative;overflow:hidden}.win-frame,.win-frame .slot,.win-plate{border-radius:var(--r-tile)}.win-plate{position:absolute;left:10px;right:10px;bottom:10px;margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 12px;background:color-mix(in srgb,var(--surface) 62%,transparent);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}.win-plate b{font-family:var(--font-head);font-size:1rem;color:var(--ink)}.win-plate span{font-size:.7rem;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-greet{max-width:92%;padding:11px 14px;border-radius:var(--r-tile) var(--r-tile) var(--r-tile) 4px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-alt));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:.95rem;line-height:1.45;color:var(--ink)}.win-entry,.win-greet{margin:0;justify-self:start}.win-entry{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.win-entry,.win-entry svg{color:var(--primary)}.win-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:13px 22px;border-radius:var(--r-pill);background:var(--accent);color:var(--surface);font-family:var(--font-head);font-weight:700;font-size:.98rem;text-decoration:none;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent),0 8px 42px color-mix(in srgb,var(--accent) 18%,transparent);transition:transform .18s ease,box-shadow .18s ease}.win-open:hover{transform:translateY(-1px);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 52%,transparent),0 10px 48px color-mix(in srgb,var(--accent) 24%,transparent)}.btn{border-radius:var(--r-pill)}.btn-primary{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 36%,transparent),0 8px 42px color-mix(in srgb,var(--accent) 16%,transparent)}.btn-ghost{background:var(--primary);border-color:transparent;color:var(--surface);font-weight:700}.btn-ghost:hover{background:color-mix(in srgb,var(--primary) 86%,#fff 0%);background:color-mix(in srgb,var(--primary) 88%,var(--ink));border-color:transparent;transform:translateY(-1px)}.hero-face-ring,.hero-face-ring .slot{width:clamp(64px,17vw,78px);aspect-ratio:3/4}.hero-face-ring,.hero-faces .slot.round,.hero-faces .slot.round>img{border-radius:var(--r-tile)}.hero-face-ring{padding:0;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent)}.hero-faces-row a:hover .hero-face-ring{box-shadow:0 0 0 2px var(--card-tint,var(--primary))}.hero-face-dot{background:var(--primary);border-color:var(--surface)}.hero-face-name{font-size:.76rem}.band{border-top:1px solid color-mix(in srgb,var(--primary) 8%,transparent)}.panel{background:color-mix(in srgb,var(--surface-alt) 55%,transparent)}.stats .num{font-weight:700}.stats>div:nth-child(odd) .num{color:var(--primary)}.stats>div:nth-child(2n) .num{color:var(--accent)}.fcard{border-radius:var(--r-card);background:color-mix(in srgb,var(--surface-alt) 72%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);transition:border-color .2s ease,transform .2s ease}.fcard:hover{border-color:color-mix(in srgb,var(--bridge) 45%,transparent);transform:translateY(-2px)}.fcard .ico{border-radius:var(--r-tile)}.fgrid .fcard:nth-child(odd) .ico{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.fgrid .fcard:nth-child(2n) .ico{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.rcard-char{border-radius:var(--r-card);overflow:hidden;background:color-mix(in srgb,var(--surface-alt) 62%,transparent);border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 18%,transparent);transition:border-color .2s ease,transform .2s ease}.rcard-char:hover{border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent);transform:translateY(-2px)}.rcard-live{background:var(--primary);color:var(--surface)}.rcard-live,.rcard-persona{border-radius:var(--r-pill)}.scene-card{border-radius:var(--r-card);overflow:hidden}.scene-card .scene-tag{border-radius:var(--r-pill)}.scene-card:nth-child(odd) .scene-tag{background:var(--primary);color:var(--surface)}.scene-card:nth-child(2n) .scene-tag{background:var(--accent);color:var(--surface)}.step{border-radius:var(--r-card)}.step .n{color:var(--accent);font-weight:700}.plan-opt,.tease-ask,.vibe-chip{border-radius:var(--r-pill)}.plan-opt.is-on{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:var(--primary);color:var(--ink)}.plan-out{border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.plan-line em{color:var(--accent)}.rules-list{border-radius:var(--r-card)}.faq-item:nth-child(odd) .faq-num,.faq-item:nth-child(odd) summary::marker{color:var(--primary)}.faq-item:nth-child(2n) .faq-num,.faq-item:nth-child(2n) summary::marker{color:var(--accent)}.tcard{background:color-mix(in srgb,var(--surface-alt) 66%,transparent);border-top:2px solid color-mix(in srgb,var(--bridge) 45%,transparent)}.pcbox,.tcard{border-radius:var(--r-card)}.pcbox{align-self:start}.rail{border-right:1px solid color-mix(in srgb,var(--primary) 14%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent)}.rail-list a{border-radius:var(--r-tile);color:var(--ink-muted)}.rail-list a:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.rail-cta .btn{border-radius:var(--r-pill)}.rail-lbl{font-size:.6rem;letter-spacing:.05em}.footer,.nav,main{z-index:1}.chip-row li{border-radius:var(--r-pill);border-color:color-mix(in srgb,var(--primary) 22%,transparent);letter-spacing:.05em}.chip-row li:nth-child(2n){border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.floating-cta{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px) saturate(1.8);-webkit-backdrop-filter:blur(18px) saturate(1.8);border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}@media (max-width:640px){.mock.win{max-width:100%}.win-plate b{font-size:.92rem}.hero-title{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){body:before{animation:none}.btn,.fcard,.rcard-char,.win-open{transition:none}}