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{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)}
.social-rail{position:fixed;z-index:5;top:50%;display:flex;flex-direction:column;gap:.75rem;width:clamp(150px,15vw,210px);transform:translateY(-50%)}
.social-left{left:clamp(.75rem,3vw,3rem)}.social-right{right:clamp(.75rem,3vw,3rem)}
.social{--brand:#333;display:flex;align-items:center;gap:.75rem;min-height:3.35rem;padding:.72rem .9rem;border:1px solid color-mix(in srgb,var(--brand) 72%,white 28%);border-radius:.85rem;background:color-mix(in srgb,var(--brand) 88%,transparent);box-shadow:0 12px 32px #0009,0 0 24px color-mix(in srgb,var(--brand) 35%,transparent);color:#fff;text-decoration:none;font-size:.9rem;font-weight:850;letter-spacing:.01em;backdrop-filter:blur(12px);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 16px 38px #000b,0 0 30px color-mix(in srgb,var(--brand) 55%,transparent);outline:none}.social svg{width:1.55rem;height:1.55rem;flex:none;fill:currentColor}.youtube{--brand:#ff0033}.tiktok{--brand:#161217;box-shadow:0 12px 32px #0009,-3px 0 0 #25f4ee,3px 0 0 #fe2c55}.twitter{--brand:#111}.discord{--brand:#5865f2}.twitch{--brand:#9146ff}.throne{--brand:#a52cff}.throne .throne-mark{width:1.8rem;height:1.45rem;object-fit:contain;flex:none;filter:brightness(0) invert(1)}.spotify{--brand:#1db954;color:#06150b}
.identity{margin-bottom:0}
main{bottom:clamp(2.5rem,7vh,5rem)}
@media(max-width:850px){.social-rail{top:auto;bottom:.75rem;width:calc(50% - 1rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;transform:none}.social-left{left:.75rem}.social-right{right:.75rem}.social{min-height:2.75rem;padding:.5rem .6rem;font-size:.72rem}.social svg{width:1.2rem;height:1.2rem}main{bottom:8.8rem}.identity h1{font-size:clamp(2.5rem,12vw,5rem)}}
@media(max-width:520px){.social span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.social{justify-content:center}.social-rail{width:calc(50% - .9rem)}main{bottom:8.2rem}}