:root{--bg:#080c13;--panel:#111722;--panel2:#151d2a;--line:#263143;--text:#f4f7fb;--muted:#9ba8ba;--gold:#e7b04a;--blue:#3776f4;--green:#46d38b;--red:#ff6f76}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}.app{display:grid;grid-template-columns:215px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0a0f18;border-right:1px solid #1e2735;padding:18px 13px;display:flex;flex-direction:column;overflow:auto}.nbrand{display:flex;align-items:center;gap:10px;padding:3px 6px 18px}.nbrand .scale{font-size:29px;color:var(--gold)}.nbrand b{font-size:21px}.nbrand small{display:block;color:#7f8ba0;font-size:10px}.side-group{margin:10px 0}.side-title{font-size:9px;letter-spacing:.18em;color:#66738a;text-transform:uppercase;margin:10px 10px}.navbtn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;border:0;background:transparent;color:#b9c4d4;text-align:left;cursor:pointer}.navbtn:hover,.navbtn:focus,.navbtn.active{background:#14213a;color:#fff;outline:none}.navbtn.active{box-shadow:inset 3px 0 0 var(--blue)}.mini-brand{margin-top:auto;border:1px solid #202a3a;border-radius:13px;padding:14px;text-align:center;color:#98a5b7;font-size:10px}.mini-brand b{display:block;color:#fff;font-size:13px;margin-top:8px}.main{min-width:0}.topbar{height:64px;border-bottom:1px solid #1e2735;background:rgba(8,12,19,.95);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topnav{display:flex;gap:4px}.topnav button{border:0;background:transparent;color:#98a5b7;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:12px}.topnav button.active,.topnav button:hover{background:#15213a;color:#fff}.user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border:1px solid #536179;border-radius:50%;display:grid;place-items:center;font-weight:800}.workspace{padding:18px 20px 32px;max-width:1500px;margin:auto}.hero{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 76% 36%,rgba(230,176,74,.18),transparent 28%),radial-gradient(circle at 35% 20%,rgba(55,118,244,.22),transparent 28%),linear-gradient(145deg,#111827,#0c121d);min-height:315px;display:grid;grid-template-columns:1fr 1.25fr}.hero-left{padding:46px 24px 30px 28px;z-index:2}.hero-left h1{font-size:38px;line-height:.98;letter-spacing:-.04em;margin:0 0 13px}.hero-left p{color:#d4dbe6;line-height:1.55;margin:0 0 20px}.askbar{display:flex;background:#f7f9fd;border-radius:999px;padding:6px 7px 6px 15px;max-width:600px;border:3px solid #c8d4f4}.askbar input{flex:1;border:0;outline:0;background:transparent;color:#172033;min-width:0}.askbar button{width:42px;height:42px;border-radius:50%;border:0;background:#2f6bf0;color:#fff;font-size:19px;cursor:pointer}.try{font-size:11px;color:#a9b4c5;margin-top:8px}.langs{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.lang{border:1px solid #303c50;background:#151d29;color:#bdc8d8;border-radius:99px;padding:7px 11px;font-size:11px;cursor:pointer}.lang.active{background:#17305f;color:#fff;border-color:#315fa8}.roles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;padding:24px 18px 14px}.role{min-width:0;text-align:center}.bubble{font-size:9px;line-height:1.25;background:rgba(250,252,255,.92);color:#1a2230;border-radius:12px;padding:10px 8px;min-height:64px;margin-bottom:9px}.person{height:140px;border-radius:80px 80px 18px 18px;position:relative;background:linear-gradient(180deg,#f1c28f 0 27%,#202a3a 27%);border:1px solid #303a4b;overflow:hidden}.person:before{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:51px;height:51px;background:#d9a474;border-radius:50%;box-shadow:0 -12px 0 -6px #34231a}.role:nth-child(2) .person{background:linear-gradient(180deg,#f1c28f 0 27%,#232b37 27%)}.role:nth-child(3) .person{background:linear-gradient(180deg,#d7aa7c 0 27%,#121723 27%)}.role:nth-child(4) .person{background:linear-gradient(180deg,#e4ae7c 0 27%,#8f5c28 27%)}.role:nth-child(5) .person{background:linear-gradient(180deg,#c99264 0 27%,#9b6c2a 27%)}.role:nth-child(6) .person{background:linear-gradient(180deg,#d1a278 0 27%,#f2efe6 27%)}.rname{background:rgba(9,13,20,.86);border:1px solid #263043;border-radius:8px;padding:6px 4px;margin:-10px 4px 0;position:relative;font-size:10px}.rname b{display:block;font-size:11px}.tagline{text-align:center;font-family:Georgia,serif;font-style:italic;color:#dfd5c2;margin-top:-2px;font-size:13px;grid-column:1/-1}.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:14px}.studio{border:1px solid var(--line);border-radius:18px;background:#0d131d;overflow:hidden}.studio-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #283245;gap:14px}.studio-head h2{font-size:16px;margin:0}.tabs{display:flex;gap:6px;overflow:auto}.tab{white-space:nowrap;border:1px solid #2d394d;background:#141c29;color:#aeb9c9;border-radius:8px;padding:8px 11px;font-size:10px;cursor:pointer}.tab.active{background:#173d79;color:#fff;border-color:#3572d6}.studio-body{display:grid;grid-template-columns:125px 1fr;min-height:455px}.tools{padding:12px;border-right:1px solid #283245;background:#0b111b}.tool{width:100%;border:0;background:transparent;color:#9eabbd;text-align:left;padding:9px;border-radius:8px;margin-bottom:4px;font-size:11px;cursor:pointer}.tool.active,.tool:hover{background:#17345f;color:#fff}.scene{position:relative;overflow:hidden;background:linear-gradient(180deg,#2b1c15 0,#3c281b 48%,#17120f 49%,#201811 100%);min-height:455px}.court-wall{position:absolute;left:8%;right:8%;top:8%;height:44%;border:1px solid #5a412e;background:linear-gradient(90deg,#321f15,#4b2e1b 50%,#321f15);box-shadow:inset 0 0 80px #1f140e}.emblem{position:absolute;left:50%;top:16%;transform:translateX(-50%);color:#d9a750;font-size:38px}.bench{position:absolute;left:29%;right:29%;top:35%;height:17%;background:#4b2d1b;border:1px solid #795038;box-shadow:0 9px 0 #28170e}.judge{position:absolute;left:50%;top:30%;transform:translateX(-50%);width:36px;height:67px;border-radius:18px 18px 8px 8px;background:linear-gradient(#d7aa7c 0 34%,#141821 34%);z-index:3}.floor{position:absolute;inset:52% 0 0;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.035) 61px),linear-gradient(#3b271a,#201611)}.actor{position:absolute;width:70px;text-align:center;font-size:9px;z-index:4}.actor .body{height:80px;margin:auto;width:34px;border-radius:20px 20px 7px 7px;background:linear-gradient(#c89569 0 30%,#151b25 30%)}.actor .label{display:inline-block;background:#0d1421;border:1px solid #344159;border-radius:6px;padding:5px 7px;white-space:nowrap}.a-user{left:44%;bottom:12%}.a-pros{left:21%;bottom:20%}.a-def{right:21%;bottom:20%}.a-wit{right:10%;bottom:11%}.scene-status{position:absolute;left:14px;bottom:14px;background:rgba(8,12,18,.82);border:1px solid #344156;border-radius:8px;padding:9px 11px;font-size:10px;max-width:280px}.scene-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.scene-controls button{border:1px solid #3b485e;background:#111b29;color:#ccd5e3;border-radius:8px;padding:8px;font-size:10px}.rightcards{display:grid;gap:10px}.quick{border:1px solid var(--line);background:#111823;border-radius:14px;padding:15px;min-height:92px;cursor:pointer}.quick:hover{border-color:#42689f}.quick b{display:block;font-size:12px;margin-bottom:5px}.quick p{margin:0;color:#98a5b7;font-size:10px;line-height:1.4}.qicon{font-size:20px;float:left;margin-right:10px}.below{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.smallcard{border:1px solid var(--line);background:#101722;border-radius:12px;padding:12px;font-size:10px}.smallcard b{display:block;font-size:11px;margin-bottom:4px}.panel{display:none;border:1px solid var(--line);background:#0e151f;border-radius:18px;padding:22px;margin-top:14px}.panel.active{display:block}.panel h2{margin-top:0}.panel .notice{border:1px solid #6d592c;background:#1f1a11;color:#efcf86;border-radius:10px;padding:12px;font-size:12px}.results{margin-top:14px;display:grid;gap:9px}.result{border:1px solid #273349;background:#111925;border-radius:10px;padding:12px}.result b{display:block}.result small{color:#9aa7b9}.searchbox{display:flex;gap:8px}.searchbox input,.searchbox textarea{flex:1;background:#0b111b;border:1px solid #344057;color:#fff;border-radius:10px;padding:12px;outline:none}.searchbox button{background:#2f6cf0;color:#fff;border:0;border-radius:10px;padding:0 16px;cursor:pointer}.statebox{font-family:ui-monospace,monospace;border:1px solid #344057;background:#080d14;border-radius:10px;padding:12px;white-space:pre-wrap;color:#b8c5d8}.footer{padding:15px 20px;color:#66758a;font-size:9px;display:flex;justify-content:space-between}.mobilebar{display:none}@media(max-width:1180px){.roles{grid-template-columns:repeat(3,1fr)}.person{height:110px}.grid{grid-template-columns:1fr}.rightcards{grid-template-columns:repeat(3,1fr)}.below{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{display:none}.topnav{display:none}.workspace{padding:10px}.hero{grid-template-columns:1fr;min-height:unset}.hero-left{padding:28px 18px 20px}.roles{grid-template-columns:repeat(3,1fr);padding:10px}.bubble{display:none}.person{height:95px}.studio-body{grid-template-columns:1fr}.tools{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #283245}.tool{white-space:nowrap;width:auto}.scene{min-height:390px}.below{grid-template-columns:1fr 1fr}.rightcards{grid-template-columns:1fr 1fr}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0b111a;border-top:1px solid #263042;z-index:50;justify-content:space-around;padding:7px}.mobilebar button{border:0;background:transparent;color:#b8c3d2;font-size:10px}.footer{padding-bottom:65px}}@media(max-width:520px){.roles{grid-template-columns:repeat(2,1fr)}.rightcards,.below{grid-template-columns:1fr}.hero-left h1{font-size:32px}.topbar{padding:0 12px}.scene{min-height:340px}.actor{transform:scale(.85)}.a-pros{left:10%}.a-def{right:10%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}