*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;background:#2b2350;overflow:hidden}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2b2350;outline:none;width:100vw;height:100dvh;display:block}:root{--glass-alpha:.18;--glass-blur:24px;--glass-saturate:140%;--glass-border-alpha:.28;--glass-shadow:0 8px 40px #00000059;--accent-h:268;--accent-s:42%;--accent-l:58%;--glass-tint:hsl(var(--accent-h) var(--accent-s) var(--accent-l))}.boton-cristal{border:1px solid rgb(255 255 255/var(--glass-border-alpha));background:color-mix(in oklab, var(--glass-tint) 18%, transparent);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 #ffffff73, var(--glass-shadow);color:#f5e6df;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;place-items:center;padding:0;transition:border-color .18s,box-shadow .18s;display:grid}.boton-cristal:hover{border-color:#fff9}.boton-cristal:focus-visible{outline-offset:3px;outline:2px solid #f5e6df}.boton-silencio{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));position:fixed}.panel-cristal{border:1px solid rgb(255 255 255/var(--glass-border-alpha));background:color-mix(in oklab, var(--glass-tint) 18%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 #ffffff73, var(--glass-shadow);color:#f5e6df;border-radius:18px}.barra-herramientas{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.boton-herramienta{width:44px;height:44px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:0;transition:background-color .18s,border-color .18s;display:grid}.boton-herramienta:hover{border-color:#ffffff59}.boton-herramienta[aria-pressed=true]{background:#ffffff38;border-color:#fff9}.boton-herramienta:focus-visible,.muestra-sustrato:focus-visible{outline-offset:2px;outline:2px solid #f5e6df}.selector-sustrato{left:50%;bottom:calc(24px + 56px + 12px + env(safe-area-inset-bottom));padding:8px;position:fixed;transform:translate(-50%)}.selector-sustrato__nombre{text-align:center;margin:0 0 6px;font:500 13px/1.3 system-ui,sans-serif}.selector-sustrato__rejilla{grid-template-columns:repeat(6,44px);gap:4px;display:grid}.muestra-sustrato{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #ffffff40;border-radius:10px;width:44px;height:44px;padding:0}.muestra-sustrato[aria-pressed=true]{border-color:#f5e6df;box-shadow:0 0 0 2px #00000040}@media (width<=480px){.barra-herramientas,.selector-sustrato{left:calc(16px + env(safe-area-inset-left));transform:none}}.panel-depuracion{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));color:#f5e6df;pointer-events:none;background:#0009;border-radius:8px;margin:0;padding:8px 10px;font:12px/1.4 ui-monospace,monospace;position:fixed}.selector-sustrato__rejilla+.selector-sustrato__rejilla{margin-top:8px}.muestra-sustrato--crear{color:#f5e6df;background:#ffffff1f;border-style:dashed;place-items:center;display:grid}.creador-color{left:50%;bottom:calc(24px + 56px + 12px + env(safe-area-inset-bottom));gap:8px;padding:10px;font:500 13px/1.3 system-ui,sans-serif;display:grid;position:fixed;transform:translate(-50%)}.creador-color__cabecera{align-items:center;gap:10px;display:flex}.creador-color__titulo,.creador-color__aviso{margin:0}.creador-color__aviso{opacity:.8;font-size:12px}.creador-color__ajuste{gap:2px;display:grid}.degradado{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.degradado::-webkit-slider-runnable-track{background:var(--pista);border:1px solid #ffffff59;border-radius:8px;height:16px}.degradado::-moz-range-track{background:var(--pista);border:1px solid #ffffff59;border-radius:8px;height:16px}.degradado::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #f5e6df;border-radius:50%;width:26px;height:26px;margin-top:-6px;box-shadow:0 1px 4px #0006}.degradado::-moz-range-thumb{background:0 0;border:3px solid #f5e6df;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0006}.degradado:focus-visible{outline-offset:2px;outline:2px solid #f5e6df}.creador-color__acciones{justify-content:flex-end;gap:8px;display:flex}.boton-texto{min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #ffffff59;border-radius:12px;padding:0 14px}.boton-texto--principal{background:#ffffff38;border-color:#fff9}.boton-texto:focus-visible{outline-offset:2px;outline:2px solid #f5e6df}@media (width<=480px){.creador-color{left:calc(16px + env(safe-area-inset-left));transform:none}}