html,body{margin:0;height:100%;overflow:hidden;background:#f7e3c4}body{background:linear-gradient(180deg,#bfe1f6,#dcebf3 34%,#f8e6cc 62%,#ffdfbc)}#spike-root{width:100%;height:100%}#spike-root canvas{display:block;width:100%;height:100%}#spike-caption{position:fixed;left:12px;bottom:10px;margin:0;color:#4a3018b8;font:600 12px/1.3 Segoe UI,Tahoma,sans-serif;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 0 rgba(255,247,230,.7)}#spike-ui{position:fixed;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:16px;background:#fff8e8eb;box-shadow:0 8px 22px #5c341424;font:600 12px/1.3 Segoe UI,Tahoma,sans-serif;color:#5a3a1c}.spike-ui-row{display:flex;align-items:center;gap:6px}.spike-ui-row span{min-width:64px}.spike-ui-row button{border:0;border-radius:999px;padding:5px 10px;background:#f3d7a4;color:#5a3a1c;font:inherit;cursor:pointer}.spike-ui-row button.is-active{background:#e85a5a;color:#fff8ee}#spike-ui p{margin:0;font-weight:500;opacity:.72}@media(max-width:640px){#spike-ui{inset:auto 12px 34px;gap:6px;padding:8px 10px}.spike-ui-row span{min-width:56px}#spike-ui p{display:none}}