:root{--bg:#000;--title:#0b0b0b;--screen-pad:clamp(18px, 5vw, 30px);--board-width:min(calc(100vw - (var(--screen-pad) * 2)), 540px);--board-gap:clamp(12px, 2.4vw, 18px);--tile-size:calc((var(--board-width) - (5 * var(--board-gap))) / 6);--tile-radius:calc(var(--tile-size) * .22)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:#000;min-height:100%;margin:0}body{touch-action:manipulation;font-family:Sora,sans-serif;overflow:hidden}.app{width:100%;min-height:100dvh;padding:max(env(safe-area-inset-top), 18px) max(env(safe-area-inset-right), var(--screen-pad)) max(env(safe-area-inset-bottom), 18px) max(env(safe-area-inset-left), var(--screen-pad));background:#000;flex-direction:column;display:flex}.app__inner{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.stage{flex:1;justify-content:center;align-items:center;display:flex}.puzzle-shell{justify-content:center;align-items:center;width:100%;display:flex}.board{width:var(--board-width);justify-content:center;align-items:center;gap:var(--board-gap);display:flex}.title{width:min(calc(100vw - (var(--screen-pad) * 2)), 760px);margin:0 auto max(env(safe-area-inset-bottom), 12px);text-align:center;color:var(--title);letter-spacing:.02em;text-transform:lowercase;-webkit-user-select:none;user-select:none;font-size:clamp(42px,12vw,92px);font-weight:600;line-height:.9}.tile{width:var(--tile-size);aspect-ratio:1;border-radius:var(--tile-radius);appearance:none;cursor:pointer;isolation:isolate;--pulse-scale-mid:1.012;--breath-opacity-low:.75;--breath-opacity-high:1;--breath-a-low:calc(40% * var(--glow-boost));--breath-b-low:calc(28% * var(--glow-boost));--breath-c-low:calc(16% * var(--glow-boost));--breath-a-high:calc(55% * var(--glow-boost));--breath-b-high:calc(38% * var(--glow-boost));--breath-c-high:calc(22% * var(--glow-boost));animation:4.4s ease-in-out infinite tilePulse;animation-delay:var(--breath-delay,0s);background:0 0;border:0;outline:none;padding:0;position:relative}.tile__glow{border-radius:inherit;z-index:1;opacity:var(--breath-opacity-low);animation:4.4s ease-in-out infinite glowBreath;animation-delay:var(--breath-delay,0s);position:absolute;inset:0}.tile__shell{border-radius:inherit;z-index:3;opacity:0;position:absolute;inset:0}.tile__fill{border-radius:inherit;z-index:2;background:var(--fill);box-shadow:0 0 12px color-mix(in srgb, var(--fill) 40%, transparent), 0 0 26px color-mix(in srgb, var(--fill) 20%, transparent);position:absolute;inset:0}.tile__stroke,.tile__core{opacity:0}@keyframes tilePulse{0%,to{transform:scale(1)}50%{transform:scale(var(--pulse-scale-mid))}}@keyframes glowBreath{0%,20%,to{opacity:var(--breath-opacity-low);box-shadow:0 0 6px color-mix(in srgb, var(--outline) var(--breath-a-low), transparent), 0 0 18px color-mix(in srgb, var(--outline) var(--breath-b-low), transparent), 0 0 32px color-mix(in srgb, var(--outline) var(--breath-c-low), transparent)}60%{opacity:var(--breath-opacity-high);box-shadow:0 0 10px color-mix(in srgb, var(--outline) var(--breath-a-high), transparent), 0 0 26px color-mix(in srgb, var(--outline) var(--breath-b-high), transparent), 0 0 44px color-mix(in srgb, var(--outline) var(--breath-c-high), transparent)}}