*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0b0e17;color:#e6e9f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{display:flex}#panel{order:-1;width:320px;flex-shrink:0;height:100vh;overflow-y:auto;padding:20px;background:#0d111e;border-right:1px solid rgba(255,255,255,.08)}#scene{position:relative;flex:1;height:100vh;min-width:0}#scene canvas{display:block}#panel h1{font-size:19px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}#panel .sub{font-size:12.5px;line-height:1.5;color:#9aa3b8;margin-bottom:14px}.row{display:flex;gap:8px;margin-bottom:8px}button{flex:1;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e6e9f2;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,transform .08s}button:hover{background:#ffffff1f}button:active{transform:scale(.97)}button.primary{background:#22d3ee;border-color:#22d3ee;color:#06202a}button.primary:hover{background:#4be0f7}button.active{background:#f59e0b;border-color:#f59e0b;color:#241600}kbd{font-family:inherit;font-size:10px;padding:1px 5px;border-radius:5px;background:#00000040;border:1px solid rgba(0,0,0,.3)}.slider{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:12px;color:#b7bfd2}.slider span{width:92px;flex-shrink:0}.slider input[type=range]{flex:1;accent-color:#22d3ee}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#b7bfd2;margin:12px 0;cursor:pointer}.check input{accent-color:#22d3ee}#stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.stat{display:flex;justify-content:space-between;padding:7px 10px;border-radius:9px;background:#ffffff0d;font-size:11.5px}.stat .k{color:#8b94aa}.stat .v{font-variant-numeric:tabular-nums;font-weight:600}#status{font-size:12.5px;line-height:1.5;color:#cdd4e4;min-height:38px;padding:9px 11px;border-radius:9px;background:#22d3ee12;border:1px solid rgba(34,211,238,.15)}#status.warn{background:#f59e0b14;border-color:#f59e0b40}#status.win{background:#34d3991a;border-color:#34d3994d}#banner{position:fixed;top:8%;left:calc(50% + 160px);transform:translate(-50%) translateY(0);padding:16px 34px;border-radius:999px;background:#34d399f2;color:#05281c;font-size:20px;font-weight:700;letter-spacing:-.01em;box-shadow:0 12px 40px #34d39959;z-index:20;opacity:1;transition:opacity .6s,transform .6s;pointer-events:none}#banner.hidden{opacity:0;transform:translate(-50%) translateY(-16px)}@media (max-width: 640px){body{flex-direction:column}#scene{height:52vh;flex:none;order:-1}#panel{width:100%;height:auto;flex:1;border-right:none;border-top:1px solid rgba(255,255,255,.08);padding:14px}#panel .sub{display:none}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;border-radius:8px;background:#0a0f1c;border:2px solid #04060c;box-shadow:inset 0 3px 6px #000000a6,inset 0 -1px #ffffff0d;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a5f36f,#7ee63f 45%,#48a821);border:3px solid #0b1220;box-shadow:0 3px 8px #00000080,inset 0 2px 3px #fff6;cursor:grab}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a5f36f,#7ee63f 45%,#48a821);border:3px solid #0b1220;box-shadow:0 3px 8px #00000080,inset 0 2px 3px #fff6;cursor:grab}input[type=range]::-moz-range-track{background:transparent}