*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#29203f 0,transparent 55%),#090b15;color:#eeeafa;font:14px/1.5 system-ui,Arial,sans-serif}button,input{font:inherit}.shell{max-width:1450px;margin:auto;padding:22px}header,.heading,.cardhead,.legend,footer{display:flex;justify-content:space-between;align-items:center;gap:12px}header{border-bottom:1px solid #302a41;padding-bottom:20px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.18em}.brand b{display:block}.brand small{display:block;color:#8d87a6;font-size:9px}.logo{display:grid;place-items:center;border:1px solid #a68bfa;border-radius:12px;width:42px;height:42px;font-size:29px;color:#d9c5ff}.pill{font-size:10px;color:#dfc08c;letter-spacing:.1em}main{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px;margin:20px 0}.stage,.card,.chat{background:linear-gradient(145deg,#141424,#0d0f1c);border:1px solid #302a41;border-radius:16px}.stage{padding:22px;min-width:0}.heading small,.cardhead{font-size:10px;letter-spacing:.16em;color:#ad9adf}.heading h1{font-size:clamp(17px,2vw,25px);font-weight:500;margin:6px 0}.heading h2{font-size:19px;font-weight:500;margin:6px 0}.version{font-size:10px;color:#8f89a6;white-space:nowrap}.scene{height:min(55vh,530px);min-height:330px;position:relative;background:radial-gradient(circle,#241c3a77,transparent 60%);overflow:hidden}canvas{width:100%;height:100%;display:block;cursor:crosshair}.core-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 0 10px #100a1c;letter-spacing:.1em}.core-label span{font-size:27px;color:#d5b8ff}.core-label b{font-size:11px}.core-label small{font-size:9px;color:#b7a2e7}.disclaimer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:9px;color:#807990;white-space:nowrap}.legend{border-top:1px solid #302a41;padding-top:15px;color:#aaa4bf;font-size:11px;flex-wrap:wrap}aside{display:flex;flex-direction:column;gap:16px}.card{padding:18px}.cardhead{margin-bottom:19px}.cardhead small{font-size:9px;color:#77718e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px}.stats div{background:#1e1a30;border-radius:10px;text-align:center;padding:12px 4px}.stats b{display:block;font-size:23px;font-weight:500;color:#dfccff}.stats small{font-size:9px;color:#938da9}label{display:flex;justify-content:space-between;font-size:11px;color:#b7b0ca}input[type=range]{width:100%;accent-color:#a78bfa;margin:13px 0}.muted{font-size:12px;color:#9992ac}button{border:1px solid #53446f;background:#272039;color:#e7d8ff;padding:9px 12px;border-radius:9px;cursor:pointer}button:hover{background:#3c2c57}.link{border:0;background:transparent;padding:0;font-size:11px}.events{height:110px;overflow:auto;color:#aaa1c3;font-size:11px}.event{padding:6px 0;border-top:1px solid #29253a}.chat{padding:20px}#messages{display:flex;flex-direction:column;gap:8px;min-height:70px;max-height:180px;overflow:auto;padding:16px 0}.bubble{max-width:85%;align-self:flex-start;background:#252036;border-radius:10px;padding:10px 13px;color:#c6bbdb;font-size:12px}.bubble.user{align-self:flex-end;background:#483363;color:white}form{display:flex;gap:9px}form input{flex:1;min-width:0;background:#191626;color:white;border:1px solid #443653;border-radius:9px;padding:13px}form button{background:#ac8cf4;color:#171020;font-weight:bold;border:0}footer{color:#746c88;font-size:10px;padding:15px 0}@media(max-width:850px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}aside .card:last-child{grid-column:1/-1}}@media(max-width:540px){.shell{padding:12px}.stage,.chat{padding:13px}.scene{height:350px;min-height:300px}.version{display:none}aside{display:flex}.pill{font-size:0}.pill::first-letter{font-size:14px}footer span{display:none}}

.pill.online{color:#79e6cf}.pill.offline{color:#f3a0aa}input:disabled{opacity:.5;cursor:not-allowed}