.title{font-weight:900}.title span{color:var(--accent2)}#name{margin-top:6px}.menuLabel{margin:14px 0 8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#8ba0b6}.roleGrid{display:grid;gap:8px;margin-bottom:16px}.roleCard{--role: var(--accent2);width:100%;padding:11px 14px;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--role);border-radius:10px;color:#eef2f7;transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.roleCard:hover{background:#ffffff14}.roleCard.on{background:color-mix(in srgb,var(--role) 18%,transparent);box-shadow:0 0 0 1px var(--role) inset,0 8px 24px #0006}.roleCard b{display:block;font-size:15px;letter-spacing:.5px}.roleCard span{display:block;font-size:12px;color:#9fb0c4;margin-top:2px}#play:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.ghostBtn{display:block;width:100%;margin-top:10px;padding:12px;text-align:center;text-decoration:none;background:#ffffff0d;color:#cdd9e6;font-weight:600;border:1px solid rgba(255,255,255,.14);border-radius:10px;transition:background .12s ease}.ghostBtn:hover{background:#ffffff1a}#roleTag{position:absolute;top:14px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid rgba(255,255,255,.08);padding:6px 16px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:1px;color:#dce7f2}#clipBtn{position:absolute;bottom:18px;right:18px;z-index:20;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;letter-spacing:.4px;cursor:pointer;color:#eef2f7;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;transition:background .12s ease,transform .08s ease}#clipBtn:hover{background:color-mix(in srgb,#ff3d9a 22%,var(--panel))}#clipBtn:active{transform:translateY(1px)}#hud.hidden #clipBtn,body.pose-mode #crosshair{display:none}body.pose-mode{cursor:crosshair}#posePanel.studio{--acc: var(--accent2, #4da6ff);--acc-soft: color-mix(in srgb, var(--acc) 22%, transparent);--card: rgba(255,255,255,.035);--edge: rgba(255,255,255,.09);--ink: #e7eef6;--ink-dim: #94a6ba;position:absolute;top:50%;right:18px;transform:translateY(-50%);width:300px;max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;pointer-events:auto;color:var(--ink);background:linear-gradient(180deg,#141b26eb,#0b0f17f0);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff0f;font-size:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}#posePanel.studio::-webkit-scrollbar{width:8px}#posePanel.studio::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px;border:2px solid transparent;background-clip:padding-box}.stHead{display:flex;align-items:center;gap:8px;margin-bottom:13px}.stTitle{font-family:Sora,system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.3px}.stKbd{font:600 10px/1 ui-monospace,monospace;color:var(--ink-dim);padding:4px 6px;border:1px solid var(--edge);border-radius:6px;background:#00000040}.stDone{margin-left:auto;padding:7px 16px;font:inherit;font-weight:700;cursor:pointer;color:#04121d;background:var(--acc);border:0;border-radius:9px;box-shadow:0 4px 14px color-mix(in srgb,var(--acc) 40%,transparent);transition:filter .12s,transform .08s}.stDone:hover{filter:brightness(1.08)}.stDone:active{transform:translateY(1px)}.stTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;background:#00000052;padding:4px;border-radius:12px;border:1px solid rgba(0,0,0,.3)}.stTab{padding:9px 4px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink-dim);background:transparent;border:0;border-radius:9px;transition:background .14s,color .14s}.stTab:hover{color:#eaf2fb;background:#ffffff0d}.stTab.on{color:#06121d;background:var(--acc);box-shadow:0 3px 12px #00000059}.stPane.hidden{display:none}.stHint2{font-size:11.5px;line-height:1.55;color:var(--ink-dim);margin:2px 2px 13px}.stGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stPose{display:flex;align-items:center;gap:11px;padding:13px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--ink);text-align:left;background:var(--card);border:1px solid var(--edge);border-radius:12px;transition:background .12s,transform .08s}.stPose:hover{background:#ffffff17;transform:translateY(-1px)}.stPose .pIcon{font-size:22px;line-height:1}.stPose.on{color:#06121d;background:var(--acc);border-color:#fff;box-shadow:0 0 0 3px var(--acc-soft)}.stCard{background:var(--card);border:1px solid var(--edge);border-radius:13px;padding:11px 12px;margin-bottom:12px}.stTools{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:13px;background:#00000047;padding:5px;border-radius:13px}.stTool{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;font:inherit;font-size:10px;font-weight:600;cursor:pointer;color:var(--ink-dim);background:transparent;border:0;border-radius:9px;transition:background .12s,color .12s,transform .08s}.stTool svg{width:18px;height:18px}.stTool:hover{background:#ffffff0f;color:var(--ink)}.stTool.on{background:var(--acc);color:#06121d;box-shadow:0 3px 12px color-mix(in srgb,var(--acc) 35%,transparent)}.stTool:active{transform:translateY(1px)}.stColorCard{padding:12px}.stPick{display:flex;gap:9px;margin-bottom:11px}#svBox,#hueBar{border-radius:9px;border:1px solid rgba(255,255,255,.16);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #0000004d}#svBox{flex:1;height:150px;width:100%}#hueBar{width:20px;height:150px}.stColrow{display:flex;align-items:center;gap:8px;margin-bottom:11px}.stChipStack{position:relative;width:42px;height:38px;flex:none}.stChip{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:9px;padding:0;border:2px solid rgba(255,255,255,.85);cursor:pointer;box-shadow:0 2px 8px #0006;transition:transform .1s}.stChip:hover{transform:scale(1.06)}.stChip2{top:12px;left:14px;width:24px;height:24px;z-index:0;border-color:#ffffff8c}.stChip{z-index:1}.stHexWrap{flex:1;min-width:0;display:flex;align-items:center;gap:3px;padding:0 9px;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:9px}.stHexWrap span{color:var(--ink-dim);font-weight:700}.stHexWrap:focus-within{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft)}#stHex{flex:1;min-width:0;padding:8px 0;font:inherit;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);background:transparent;border:0;outline:none}.stMini{display:grid;place-items:center;width:34px;height:34px;flex:none;padding:0;cursor:pointer;color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:9px;transition:background .12s}.stMini svg{width:16px;height:16px}.stMini:hover{background:#ffffff1f;border-color:var(--acc);color:#fff}.stPal{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.stRecentWrap{margin-top:10px}.stRecentLbl{display:block;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.stRecent{min-height:20px}.sw{aspect-ratio:1;border-radius:7px;border:1px solid rgba(255,255,255,.16);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0003;transition:transform .1s,box-shadow .1s}.sw:hover{transform:scale(1.14);box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #0003}.stSect{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);margin:0 2px 8px;display:flex;align-items:center;gap:9px}.stSect:after{content:"";flex:1;height:1px;background:var(--edge)}.stPats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.stPats button{padding:9px 2px;font:inherit;font-size:10.5px;font-weight:600;cursor:pointer;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:9px;transition:background .12s,border-color .12s,transform .08s}.stPats button:hover{background:var(--acc-soft);border-color:var(--acc);transform:translateY(-1px)}.stPats button:active{transform:translateY(0)}.stSld{display:grid;grid-template-columns:58px 1fr 36px;align-items:center;gap:9px;margin:9px 0}.stSld:first-child{margin-top:2px}.stSld:last-of-type{margin-bottom:2px}.sldName{font-size:11.5px;color:var(--ink-dim)}.sldVal{font-size:11.5px;font-weight:700;color:var(--acc);text-align:right;font-variant-numeric:tabular-nums}.stSld input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#ffffff21;cursor:pointer;outline:none}.stSld input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 2px 6px #00000080;cursor:pointer;transition:transform .08s}.stSld input[type=range]::-webkit-slider-thumb:active{transform:scale(1.18)}.stSld input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 2px 6px #00000080;cursor:pointer}.stSld input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#ffffff21}.stChk{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--ink);margin:11px 1px 2px;cursor:pointer}.stChk input{position:absolute;opacity:0;pointer-events:none}.stChkBox{width:18px;height:18px;flex:none;border-radius:6px;border:1.5px solid rgba(255,255,255,.28);background:#0000004d;display:grid;place-items:center;transition:background .12s,border-color .12s}.stChkBox:after{content:"";width:9px;height:9px;border-radius:2px;background:var(--acc);transform:scale(0);transition:transform .12s}.stChk input:checked+.stChkBox{border-color:var(--acc)}.stChk input:checked+.stChkBox:after{transform:scale(1)}.stBtns{display:flex;gap:6px;margin-top:4px}.stBtns button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 2px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;color:var(--ink);background:var(--card);border:1px solid var(--edge);border-radius:10px;transition:background .12s,transform .08s}.stBtns button svg{width:15px;height:15px}.stBtns button:hover{background:#ffffff1a}.stBtns button:active{transform:translateY(1px)}#stClear:hover{background:color-mix(in srgb,#ff5a5a 18%,transparent);border-color:#ff7a7a;color:#ffd9d9}.stHint{margin-top:11px;font-size:10.5px;line-height:1.7;color:var(--ink-dim);text-align:center}.stHint b{color:#c4d2e0;font-weight:700}#touchUI{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tcJoy{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .12s ease;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.04) 60%,transparent 72%);border:2px solid rgba(255,255,255,.18)}.tcJoy.on{opacity:1}.tcJoyKnob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff3d;border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 10px #00000073}.tcBtns{position:absolute;right:clamp(14px,3vw,30px);bottom:clamp(16px,5vh,38px);display:flex;flex-wrap:wrap-reverse;align-items:flex-end;justify-content:flex-end;gap:12px;max-width:48vw;pointer-events:none}.tcBtn{pointer-events:auto;touch-action:none;cursor:pointer;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1;background:#0c0a16b8;color:#fff;border:2px solid rgba(255,255,255,.22);box-shadow:0 3px #00000080,0 6px 16px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .06s ease,box-shadow .06s ease}.tcBtn.tcBig{width:84px;height:84px;font-size:33px;color:#0a0a14;background:linear-gradient(105deg,#2ce0ff,#8b5cff 45%,#ff3d9a 80%,#ff9d1e);border-color:#ffffff8c}.tcBtn.on{transform:translateY(2px) scale(.94);box-shadow:0 1px #00000080}#rotateGate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none}@media (orientation: portrait){body.touch-playing #rotateGate{display:grid;place-items:center;background:#06060cf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.rgInner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#eef2f7;padding:24px}.rgIcon{font-size:56px;animation:rgSpin 2.6s ease-in-out infinite}.rgInner b{font-family:var(--font-sora, system-ui),sans-serif;font-size:22px;font-weight:800}.rgInner span{color:#9fb0c4;font-size:14px}@keyframes rgSpin{0%,55%{transform:rotate(0)}78%,to{transform:rotate(90deg)}}