body{background:#000}#model-stage,.shade{position:fixed;inset:0;width:100%;height:100%}#model-stage{overflow:hidden;background:#000}#model-stage canvas{display:block;width:100%;height:100%;outline:0}#model-loading,#model-fallback{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#a99fb2;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-align:center}main{position:fixed;inset:auto 0 clamp(1.5rem,5vh,4rem);width:100%;pointer-events:none}.identity{margin-bottom:1.25rem}.identity h1{font-size:clamp(2.8rem,8vw,6.5rem)}.identity p{margin-top:.6rem}.twitch-button{pointer-events:auto}.shade{background:linear-gradient(180deg,#0008,transparent 35%,transparent 68%,#000c);pointer-events:none}@media(max-width:600px){main{inset:auto 1rem 1.5rem;width:auto}.identity h1{font-size:clamp(2.8rem,14vw,5rem)}}
#model-stage.pulling-tail{cursor:grabbing}
.reaction-bubble{position:absolute;z-index:4;left:50%;top:12%;max-width:min(70vw,280px);padding:.65rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(17,10,24,.86);box-shadow:0 10px 35px rgba(0,0,0,.35);color:#fff;font:700 .9rem/1.2 system-ui,sans-serif;pointer-events:none;opacity:0;transform:translate(-50%,8px) scale(.96);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(8px)}
.reaction-bubble.visible{opacity:1;transform:translate(-50%,0) scale(1)}
body{background:#17172f}
#model-stage{background:radial-gradient(ellipse at 55% 42%,#53588d 0%,#3b3e70 28%,#292a52 58%,#17172f 100%)}
#model-stage canvas{position:relative;z-index:1}#model-stage.model-failed canvas{display:none}#model-stage.model-failed #model-fallback{top:12%}
#model-stage,#model-stage canvas{touch-action:none;user-select:none;-webkit-user-select:none}
#model-stage canvas{filter:brightness(1.12) saturate(1.03)}
.shade{background:radial-gradient(ellipse at 52% 43%,transparent 25%,#11112628 62%,#0b0b1d80 100%),linear-gradient(180deg,#11112624,transparent 32%,transparent 72%,#0b0b1d58)}
.identity{margin-bottom:0}.identity h1{font-size:clamp(2.8rem,7.2vw,6.2rem)}
main{z-index:5;inset:auto 0 max(1rem,env(safe-area-inset-bottom));width:100%;padding-inline:1rem}
.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:min(100%,44rem);margin:.85rem auto 0;pointer-events:auto}
.social{--brand:#333;display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:clamp(112px,9.5vw,148px);min-height:2.65rem;padding:.48rem .68rem;border:1px solid color-mix(in srgb,var(--brand) 72%,white 28%);border-radius:.78rem;background:color-mix(in srgb,var(--brand) 88%,transparent);box-shadow:0 10px 25px #0009,0 0 20px color-mix(in srgb,var(--brand) 32%,transparent);color:#fff;text-decoration:none;font-size:.78rem;font-weight:850;letter-spacing:.01em;backdrop-filter:blur(12px);pointer-events:auto;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.social:hover,.social:focus-visible{transform:translateY(-3px) scale(1.025);filter:brightness(1.16);box-shadow:0 14px 32px #000b,0 0 26px color-mix(in srgb,var(--brand) 52%,transparent);outline:none}.social svg{width:1.3rem;height:1.3rem;flex:none;fill:currentColor}.youtube{--brand:#ff0033}.tiktok{--brand:#161217;box-shadow:0 10px 25px #0009,-2px 0 0 #25f4ee,2px 0 0 #fe2c55}.twitter{--brand:#111}.discord{--brand:#5865f2}.twitch{--brand:#9146ff}.throne{--brand:#a52cff}.throne .throne-mark{width:1.5rem;height:1.2rem;object-fit:contain;flex:none;filter:brightness(0) invert(1)}.patreon{--brand:#ff424d}.merch{--brand:#d53f91}
@media(max-width:850px){main{inset:auto 0 max(.65rem,env(safe-area-inset-bottom));padding-inline:.75rem}.identity h1{font-size:clamp(2.5rem,11vw,4.7rem)}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem;width:min(100%,23rem);margin-top:.65rem}.social{min-width:0;min-height:2.55rem;padding:.45rem}.social span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.social svg{width:1.25rem;height:1.25rem}}
@media(max-height:720px) and (min-width:851px){.eyebrow{margin-bottom:.4rem}.identity h1{font-size:clamp(2.8rem,6vw,5rem)}.social-links{margin-top:.5rem;gap:.35rem}.social{min-height:2.3rem;padding:.4rem .6rem}}
.hood-toggle{position:absolute;z-index:3;transform:translate(-50%,-50%);margin:0;padding:0;border:0;border-radius:48%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hood-toggle:focus-visible{outline:3px solid #d9b6ff;outline-offset:4px;box-shadow:0 0 0 8px #6c2fb155}.hood-toggle[aria-busy=true]{cursor:wait}
.hood-smoke{position:absolute;z-index:4;left:50%;top:40%;width:var(--puff-size,280px);height:var(--puff-size,280px);pointer-events:none;opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity}.hood-smoke.puffing{animation:hood-puff .76s cubic-bezier(.2,.75,.25,1) both}.hood-smoke i{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;border:clamp(2px,.35vw,4px) solid #35105f;border-radius:50%;background:radial-gradient(circle at 31% 27%,#f3dcff 0 7%,#c878ff 20%,#873de0 59%,#592099 100%);box-shadow:inset -8px -10px 0 #3d126633,0 5px 12px #18062866;transform:translate(-50%,-50%);animation:hood-lobe .76s ease-out both;animation-delay:var(--delay,0ms)}
@keyframes hood-puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-5deg)}19%,62%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.28) rotate(4deg)}}
@keyframes hood-lobe{0%,30%{transform:translate(-50%,-50%) scale(.75)}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hood-smoke.puffing{animation:hood-puff-reduced .24s linear both}.hood-smoke i{animation:none}@keyframes hood-puff-reduced{0%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}}
.live-tablet[hidden]{display:none}.live-tablet{position:fixed;z-index:4;left:50%;top:57%;width:clamp(430px,33vw,540px);transform:translate(-50%,-50%) rotate(-1deg);pointer-events:auto;filter:drop-shadow(0 24px 34px #08040dbd)}.tablet-shell{position:relative;padding:25px 16px 16px;border:3px solid #9f6fe1;border-radius:25px;background:linear-gradient(145deg,#29233b,#0c0912 62%);box-shadow:inset 0 0 0 3px #08060d,inset 0 2px 0 #ffffff28,0 0 30px #7c35cf45}.tablet-status{position:absolute;z-index:2;top:5px;left:24px;right:24px;display:flex;justify-content:space-between;gap:1rem;color:#d8cbea;font:800 .67rem/1 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}.tablet-status span{color:#fff}.tablet-status i{display:inline-block;width:.52rem;height:.52rem;margin-right:.38rem;border-radius:50%;background:#ff315b;box-shadow:0 0 10px #ff315b;animation:live-pulse 1.6s ease-in-out infinite}.tablet-screen{width:100%;min-width:400px;height:300px;overflow:hidden;border:2px solid #050407;border-radius:9px;background:#050407}.tablet-screen iframe{display:block;width:100%;height:100%;border:0}.tablet-camera{position:absolute;top:9px;left:50%;width:6px;height:6px;border-radius:50%;background:#08060c;box-shadow:inset 0 0 0 1px #765aa0}.tablet-grip{position:absolute;z-index:3;bottom:15%;width:40px;height:62px;border:3px solid #763daf;border-radius:48% 48% 44% 44%;background:#625a91;box-shadow:inset -7px -5px 0 #453a70,0 5px 12px #0008}.tablet-grip-left{left:-25px;transform:rotate(9deg)}.tablet-grip-right{right:-25px;transform:rotate(-9deg)}.tablet-mobile-link{display:none}@keyframes live-pulse{50%{opacity:.45;transform:scale(.78)}}body.stream-live .identity{filter:drop-shadow(0 3px 12px #08040d)}
@media(max-width:700px){.live-tablet{top:48%;width:calc(100% - 1.5rem);transform:translate(-50%,-50%)}.tablet-shell{padding:20px 12px 12px}.tablet-status{top:5px;left:18px;right:18px}.tablet-screen{min-width:0;height:auto;aspect-ratio:4/3}.tablet-grip{width:30px;height:50px}.tablet-grip-left{left:-18px}.tablet-grip-right{right:-18px}}
@media(max-width:420px){.live-tablet{top:45%;width:calc(100% - 2.4rem)}.tablet-screen{display:none}.tablet-shell{padding:28px 12px 12px}.tablet-mobile-link{display:flex;min-height:5.25rem;align-items:center;justify-content:center;border:2px solid #3b1c65;border-radius:9px;background:linear-gradient(135deg,#9146ff,#5e239c);color:#fff;text-decoration:none;font:900 1rem system-ui,sans-serif}.tablet-grip{bottom:9%;height:42px}}
@media(min-width:701px){.live-tablet{top:calc(45% + 175px);width:436px}body.stream-live main{inset:50% auto auto 1rem;width:min(32vw,430px);padding:0;transform:translateY(-50%)}body.stream-live .identity h1{font-size:clamp(2.5rem,4vw,3.7rem);letter-spacing:-.055em}body.stream-live .social-links{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.45rem}}
.tablet-grip{display:none}
@media(max-width:700px){.live-tablet{top:calc(42% + 195px);width:min(436px,calc(100% - 1.5rem))}body.stream-live main{inset:auto .5rem max(.35rem,env(safe-area-inset-bottom));width:auto;padding:0;transform:none}body.stream-live .identity{margin:0;filter:none}body.stream-live .identity h1{position:fixed;z-index:6;top:max(.55rem,env(safe-area-inset-top));left:.75rem;margin:0;font-size:clamp(1.65rem,7vw,2.25rem);line-height:1;letter-spacing:-.045em}body.stream-live .eyebrow{display:none}body.stream-live .social-links{width:min(100%,25rem);margin:.3rem auto 0;gap:.3rem}body.stream-live .social{min-height:2.25rem;padding:.35rem}}
@media(max-width:420px){.live-tablet{top:57%;width:calc(100% - 2.4rem)}body.stream-live .social-links{width:min(100%,21rem)}}
.tablet-hand{position:absolute;z-index:4;top:27%;width:72px;height:76px;filter:drop-shadow(0 7px 7px #0009);pointer-events:none}.tablet-hand svg{display:block;width:100%;height:100%;overflow:visible}.tablet-hand-left{left:-40px}.tablet-hand-right{right:-40px;transform:scaleX(-1)}.tablet-hand-cuff{fill:#07050b;stroke:#9451cd;stroke-width:2.4;stroke-linejoin:round}.tablet-hand-palm,.tablet-hand-finger,.tablet-hand-thumb{fill:#09070e;stroke:#a35adb;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tablet-hand-finger{stroke-width:2.3}
@media(max-width:700px){.tablet-hand{top:27%;width:44px;height:61px}.tablet-hand-left{left:-10px}.tablet-hand-right{right:-10px}}
@media(max-width:420px){.tablet-hand{top:28%;width:40px;height:55px}.tablet-hand-left{left:-8px}.tablet-hand-right{right:-8px}}
body.stream-live .live-tablet{translate:0 -50px}
body.stream-live main{inset:0;width:100%;padding:0;transform:none}
body.stream-live .identity{margin:0;filter:none}
body.stream-live .eyebrow{display:block;position:fixed;z-index:6;top:max(1.1rem,env(safe-area-inset-top));left:1.5rem;margin:0;font-size:.68rem;text-shadow:0 3px 12px #08040d}
body.stream-live .identity h1{position:fixed;z-index:6;top:max(2.15rem,calc(env(safe-area-inset-top) + 1.05rem));left:1.5rem;margin:0;font-size:clamp(2.5rem,4vw,3.7rem);line-height:.88;letter-spacing:-.055em;text-shadow:0 3px 12px #08040d}
body.stream-live .social-links{position:fixed;z-index:6;inset:auto auto max(.75rem,env(safe-area-inset-bottom)) 50%;width:min(44rem,calc(100% - 2rem));margin:0;transform:translateX(-50%);grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}
body.stream-live .social{min-width:0;min-height:2.4rem;padding:.4rem}
body.stream-live .social span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.tablet-status{z-index:5;align-items:center;gap:.55rem}
.tablet-status b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tablet-controls{flex:none;padding:.2rem .4rem;border:1px solid #b78ae5;border-radius:.4rem;background:#241632;color:#f5eaff;font:800 .53rem/1 system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
.tablet-controls:hover,.tablet-controls:focus-visible{background:#432360;outline:2px solid #d9b6ff;outline-offset:1px}
.tablet-controls[aria-pressed=true]{background:#713bb0}
.tablet-screen iframe{pointer-events:none}
.live-tablet.controls-active .tablet-screen iframe{pointer-events:auto}