*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{position:relative;background:#0e1116}#toolbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,#0e1116eb,#0e111600);color:#e7ecf3}.brand{font-weight:700;font-size:18px;letter-spacing:.2px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#1a1d23;background:#ffd23f;box-shadow:0 2px #c9a200,0 4px 10px #00000059;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.buttons button:hover{background:#ffdd6b}.buttons button:active{transform:translateY(2px);box-shadow:0 0 #c9a200,0 2px 6px #00000059}.divider{width:1px;align-self:stretch;margin:2px 4px;background:#e7ecf340}.buttons button.active{background:#58c4ff;box-shadow:0 2px #2a86bd,0 4px 10px #00000059}.hint{margin-left:auto;font-size:12px;opacity:.6}#scene{display:block;width:100%;height:100%}#caption{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;padding:8px 18px;border-radius:999px;background:#00000073;color:#e7ecf3;font-size:14px;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 640px){.hint{display:none}}