:root{--accent:#7C3AED;--panel:rgba(18,16,30,.72);--text:#fff;--muted:rgba(255,255,255,.72)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#7ec8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.card{background:var(--panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:8px 12px;pointer-events:auto}.title{font-weight:800;font-size:15px}.title small{display:block;font-weight:500;font-size:11px;color:var(--muted)}.stats{font:600 12px/1.5 ui-monospace,Menlo,monospace;text-align:right}.fps-good{color:#4ade80}.fps-ok{color:#facc15}.fps-bad{color:#f87171}.row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;justify-content:flex-end}button{font:inherit;border:0;border-radius:10px;padding:7px 11px;background:#ffffff29;color:#fff;font-weight:700;font-size:12px;cursor:pointer}button.on{background:var(--accent)}.zone{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 70px);left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .3s;pointer-events:none;max-width:86vw}.zone.show{opacity:1}.zone b{display:block;font-size:15px}.zone span{font-size:12px;color:var(--muted)}.bottom{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;padding:0 14px;pointer-events:none;gap:10px}.joy{width:124px;height:124px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);position:relative;pointer-events:auto;touch-action:none;flex:none}.knob{width:54px;height:54px;border-radius:50%;background:#ffffffe0;position:absolute;left:35px;top:35px;box-shadow:0 2px 8px #00000040}.joy{transition:opacity .2s,border-color .15s,box-shadow .15s}@media (pointer: coarse){.joy:not(.active){opacity:.55}}.joy.active{opacity:1}.joy.run{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa73,0 0 18px #a78bfa99}.joy.run .knob{background:#ede9fe}@media (pointer: coarse){.hint{white-space:normal;width:min(86vw,340px);text-align:center}}@media (max-width: 480px){.bottom{padding:0 10px;gap:8px}.joy{width:112px;height:112px}.knob{left:29px;top:29px}.actions{min-width:0;gap:7px}.emotes{gap:5px}.emotes button{width:40px;height:40px;font-size:19px}.chat input{width:30vw;font-size:16px}.big{padding:10px 12px;font-size:13px}}.ctrl-panel{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 120px);right:10px;width:min(86vw,290px);display:none;z-index:5;font-size:13px}.ctrl-panel.show{display:block}.ctrl-panel h4{margin:4px 0 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ctrl-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.ctrl-panel input[type=range]{flex:1;accent-color:var(--accent)}.ctrl-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.ctrl-panel .row{justify-content:space-between}.actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:auto}.emotes{display:flex;gap:6px}.emotes button{width:44px;height:44px;padding:0;font-size:21px;border-radius:50%;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat{display:flex;gap:6px;background:var(--panel);padding:6px;border-radius:14px}.chat input{width:min(46vw,240px);border:0;outline:0;background:transparent;color:#fff;font-size:14px;padding:4px 6px}.big{padding:11px 14px;font-size:14px;background:var(--accent)}.panel{position:fixed;right:10px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 180px);width:min(92vw,340px);max-height:calc(100vh - 290px);overflow:auto;display:none}.panel.show{display:block}.panel h4{margin:8px 0 4px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.sw{width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:0}.sw.sel{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.opt.sel{background:var(--accent)}.hint{position:fixed;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 200px);transform:translate(-50%);font-size:12px;color:#fff;background:var(--panel);padding:6px 10px;border-radius:10px;transition:opacity .6s;pointer-events:none;white-space:nowrap}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:linear-gradient(#3b8fe0,#bfe6ff);font-weight:800;font-size:18px;color:#1e1b4b;z-index:9}.kiosk-card{position:fixed;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 150px);transform:translate(-50%,20px);display:flex;align-items:center;gap:12px;width:min(92vw,380px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.kiosk-card.show{opacity:1;transform:translate(-50%);pointer-events:auto}.kiosk-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#ffffff24;flex:none}.kiosk-text{flex:1;min-width:0}.kiosk-text b{display:block;font-size:15px}.kiosk-text span{display:block;font-size:12px;color:var(--muted)}.kiosk-card .big:disabled{opacity:.55}.game-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;background:#140a2e}.game-host.show{display:flex}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:#1e1240}.game-bar b{font-size:15px}.game-host iframe{flex:1;width:100%;border:0;background:#140a2e}.chars{display:grid;grid-template-columns:repeat(4,56px);gap:6px}.char{width:56px;height:56px;padding:2px;border-radius:12px;border:2px solid transparent;background:#ffffff14}.char img{width:100%;height:100%;image-rendering:pixelated;display:block}.char.sel{border-color:var(--accent);background:#7c3aed59}