.play-root{position:fixed;inset:0;overflow:hidden;background:var(--bg);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.play-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.play-hint{position:absolute;left:50%;bottom:max(18px,4vh);transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);font-size:14px;white-space:nowrap;pointer-events:none;transition:opacity .8s ease}.play-hint.is-hidden{opacity:0}.play-toolbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:6px 10px;border-radius:var(--radius);background:rgba(16,14,40,.55);border:1px solid var(--line);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.play-tool-group{display:flex;gap:4px}.play-tool-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);font:600 13px/1 var(--font-body);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.play-tool-btn:hover:not(:disabled){background:var(--glass-hi);color:var(--ink)}.play-tool-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.play-tool-btn[aria-pressed=true]{background:var(--glass-hi);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.play-tool-btn:disabled{opacity:.35;cursor:default}.play-tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.play-swatch{width:18px;height:18px;border-radius:50%;box-shadow:0 0 8px currentColor}@media (max-width:420px){.play-toolbar{gap:4px 10px;padding:5px 8px}.play-tool-btn{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.play-tool-btn{transition:none}}@media (max-height:220px){.play-chrome,.play-hint{display:none!important}}