@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:#f4f8ff;--board-slot-count: 5;--board-tile-size: 64px;--board-row-gap: .25rem;--board-panel-gap: .7rem;--board-flow-slot-height: clamp(3.15rem, 14vw, 4rem);--board-row-height: calc(var(--board-tile-size) * 1.22);--hand-slot-count: 3;--hand-tile-size: 84px;--hand-row-gap: 1rem}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#0b0e14;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}.app-shell{position:relative;isolation:isolate;width:100%;min-height:100dvh;margin:0 auto;padding:0;display:flex;justify-content:center;overflow:hidden;animation:app-enter .42s ease-out;--bg-start: #0e0f14;--bg-mid: #151927;--bg-end: #111420;--panel-bg: rgba(255, 255, 255, .1);--panel-border: rgba(255, 255, 255, .3);--panel-shadow: 0 16px 34px rgba(4, 8, 20, .45);--label-color: rgba(225, 234, 252, .78);--text-color: #eff5ff;--hint-color: rgba(225, 234, 252, .76);--control-bg: rgba(255, 255, 255, .12);--control-border: rgba(255, 255, 255, .28);--control-text: #e8f1ff;--control-active-bg: rgba(255, 255, 255, .36);--control-active-text: #11243f}.app-content{position:relative;z-index:1;width:min(100%,560px);min-height:100dvh;padding:2rem .55rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem}.app-content-menu{justify-content:center;padding-top:1.25rem;padding-bottom:1.25rem}.game-screen{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem}.menu-screen{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.title-screen{min-height:calc(100dvh - 2.5rem);justify-content:space-between;padding:clamp(2.2rem,10vh,4.2rem) 1rem 2rem;text-align:center}.title-screen-top,.title-screen-middle,.title-screen-actions{position:relative;z-index:1}.title-screen-middle{width:100%;display:flex;justify-content:center;padding:1rem 0 1.35rem}.title-screen-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ambient-tile{position:absolute;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;border:2px solid var(--ambient-tile-color);color:var(--ambient-tile-color);background:#0206176b;box-shadow:0 0 18px color-mix(in srgb,var(--ambient-tile-color) 38%,transparent);font-size:1.4rem;font-weight:700;opacity:0;will-change:opacity,transform;animation:ambient-presence var(--ambient-duration, 14s) ease-in-out infinite,ambient-float var(--ambient-float-duration, 10s) ease-in-out infinite;animation-delay:var(--ambient-delay, 0s),var(--ambient-float-delay, 0s)}.title-screen-heading{margin:0;font-size:clamp(3rem,16vw,5.2rem);font-weight:700;letter-spacing:.26em;text-indent:.26em;color:#9cf4ff;text-shadow:0 0 14px rgba(45,206,255,.72),0 0 34px rgba(45,206,255,.28),0 0 56px rgba(138,92,255,.18)}.title-screen-instructions{width:min(100%,18rem);margin:0 auto;position:relative;z-index:1;color:#d7f9ffd6;font-size:clamp(1rem,4.5vw,1.16rem);line-height:1.55}.menu-actions{width:min(100%,320px);display:flex;flex-direction:column;gap:.9rem}.menu-button{width:100%;border:1px solid rgba(45,206,255,.5);border-radius:22px;padding:.98rem 1.1rem;background:linear-gradient(180deg,#071226f0,#040a18eb);color:#d6fbff;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 #2dceff00,0 10px 28px #00000042;font:inherit;font-size:.96rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease}.menu-button-primary{border-color:#2dceffb8;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 18px #2dceff2e,0 14px 34px #0000004d}.menu-button-secondary{color:#d6fbffd1}@media (hover: hover){.menu-button:hover{transform:translateY(-1px);border-color:#67e8f9c2;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 22px #2dceff3d,0 16px 34px #00000057}}.menu-button:focus-visible{outline:2px solid rgba(156,244,255,.9);outline-offset:3px}.menu-button:active{transform:translateY(1px) scale(.992)}.leaderboard-screen{min-height:calc(100dvh - 2.5rem);justify-content:space-between;gap:1rem;padding:1rem .35rem .5rem}.leaderboard-card{width:min(100%,390px);padding:1.15rem 1rem 1rem;display:flex;flex-direction:column;gap:1.05rem}.leaderboard-cabinet{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(0,229,255,.46);background:linear-gradient(180deg,#0e0f14f5,#0a0f20f0 48%,#080b16fa);box-shadow:inset 0 0 0 1px #85f4ff0f,0 0 24px #00e5ff29,0 22px 44px #0000005c}.leaderboard-cabinet:before,.leaderboard-cabinet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.leaderboard-cabinet:before{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 16%),repeating-linear-gradient(180deg,rgba(0,229,255,.06) 0,rgba(0,229,255,.06) 1px,transparent 1px,transparent 10px);opacity:.42}.leaderboard-cabinet:after{inset:auto -18% -30% auto;width:190px;height:190px;border-radius:999px;background:radial-gradient(circle,rgba(0,229,255,.22) 0%,transparent 70%);filter:blur(12px)}.leaderboard-header{text-align:center}.leaderboard-title{margin:0;font-family:Orbitron,Space Grotesk,sans-serif;font-size:clamp(1.72rem,7.8vw,2.15rem);font-weight:800;letter-spacing:.14em;text-indent:.14em;color:#9cf4ff;text-shadow:0 0 12px rgba(45,206,255,.7),0 0 28px rgba(45,206,255,.28),0 0 52px rgba(138,92,255,.16)}.leaderboard-controls{display:grid;gap:.7rem}.leaderboard-toggle-group{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.leaderboard-toggle-group:last-of-type{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-toggle{position:relative;overflow:hidden;border:1px solid rgba(0,229,255,.24);border-radius:16px;padding:.75rem .7rem;background:#040a18b8;color:#d6fbffc7;font:inherit;font-family:Orbitron,Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,color .14s ease,transform .14s ease}.leaderboard-toggle span{position:relative;z-index:1}.leaderboard-toggle-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#00e5ff47,#00e5ff29);box-shadow:inset 0 0 0 1px #a7f7ff38,0 0 14px #00e5ff29}.leaderboard-toggle-active{border-color:#00e5ff94;color:#e8fcff}.leaderboard-toggle:focus-visible{outline:2px solid rgba(156,244,255,.9);outline-offset:3px}@media (hover: hover){.leaderboard-toggle:hover{transform:translateY(-1px);border-color:#67e8f975}.leaderboard-status-button:hover{transform:translateY(-1px);border-color:#67e8f98a;box-shadow:0 0 20px #00e5ff24}}.leaderboard-table-shell{position:relative;border-radius:22px;padding:.85rem .8rem .55rem;border:1px solid rgba(0,229,255,.24);background:linear-gradient(180deg,#060e1ee0,#040b18f0);box-shadow:inset 0 0 0 1px #ffffff05,0 0 18px #00e5ff14}.leaderboard-table-head{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:0 .15rem .65rem;border-bottom:1px solid rgba(0,229,255,.28);color:#adf5ffa3;font-family:Orbitron,Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-table{margin:0;padding:.25rem 0 0;list-style:none;display:grid;gap:.3rem}.leaderboard-status{min-height:21rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem .7rem .9rem;text-align:center}.leaderboard-status-message{margin:0;max-width:18rem;color:#d6fbffd1;font-family:Orbitron,Space Grotesk,sans-serif;font-size:.8rem;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}.leaderboard-status-message-error{color:#ffb9cb;text-shadow:0 0 14px rgba(255,94,125,.22)}.leaderboard-status-button{border:1px solid rgba(0,229,255,.3);border-radius:999px;padding:.64rem 1rem;background:#040a18b3;color:#dffcff;font:inherit;font-family:Orbitron,Space Grotesk,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.leaderboard-status-button:focus-visible{outline:2px solid rgba(156,244,255,.9);outline-offset:3px}.leaderboard-row{position:relative;display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.72rem .15rem;border-bottom:1px solid rgba(0,229,255,.12);color:#eff5ffeb;font-family:Orbitron,Space Grotesk,sans-serif;font-variant-numeric:tabular-nums;text-transform:uppercase}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:before{content:"";position:absolute;top:.2rem;right:-.25rem;bottom:.2rem;left:-.25rem;border-radius:14px;background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 72%);opacity:0;transition:opacity .16s ease;pointer-events:none}.leaderboard-row-current:before{opacity:1}.leaderboard-row-current{color:#dffcff;text-shadow:0 0 12px rgba(0,229,255,.3);animation:leaderboard-player-pulse 1.9s ease-in-out infinite}.leaderboard-row-placeholder{color:#a0b6cc75}.leaderboard-row-placeholder .leaderboard-rank,.leaderboard-row-placeholder .leaderboard-value{color:inherit;text-shadow:none}.leaderboard-rank{color:#adf5ffc7}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-value{text-align:right;color:#f5d36d;text-shadow:0 0 12px rgba(255,209,102,.2)}.leaderboard-row-current .leaderboard-value{color:#00e5ff;text-shadow:0 0 16px rgba(0,229,255,.5)}.leaderboard-actions{width:min(100%,320px)}.theme-liquid-glass{--bg-start: #f8fbff;--bg-mid: #ffffff;--bg-end: #ebf4ff;--panel-bg: rgba(255, 255, 255, .45);--panel-border: rgba(255, 255, 255, .62);--panel-shadow: 0 14px 30px rgba(26, 41, 74, .18);--label-color: rgba(71, 85, 105, .82);--text-color: #0f172a;--hint-color: rgba(71, 85, 105, .82);--control-bg: rgba(255, 255, 255, .58);--control-border: rgba(174, 197, 230, .68);--control-text: #1e3a5f;--control-active-bg: rgba(160, 196, 255, .44);--control-active-text: #10233f}.theme-neon-puzzle{--bg-start: #020617;--bg-mid: #0f172a;--bg-end: #000000;--panel-bg: rgba(5, 14, 34, .58);--panel-border: rgba(45, 206, 255, .32);--panel-shadow: 0 12px 32px rgba(0, 0, 0, .55);--label-color: rgba(85, 229, 255, .7);--text-color: #9cf4ff;--hint-color: rgba(132, 241, 255, .7);--control-bg: rgba(5, 16, 32, .6);--control-border: rgba(45, 206, 255, .32);--control-text: rgba(132, 241, 255, .86);--control-active-bg: rgba(37, 193, 255, .36);--control-active-text: #d8fbff}.theme-strata-minimal{--bg-start: #11141a;--bg-mid: #161a22;--bg-end: #0f1218;--panel-bg: rgba(31, 36, 46, .66);--panel-border: rgba(89, 97, 114, .48);--panel-shadow: 0 12px 30px rgba(0, 0, 0, .4);--label-color: rgba(180, 186, 201, .75);--text-color: #d8deec;--hint-color: rgba(176, 183, 198, .72);--control-bg: rgba(32, 38, 50, .7);--control-border: rgba(92, 100, 117, .45);--control-text: rgba(198, 205, 220, .9);--control-active-bg: rgba(92, 100, 117, .6);--control-active-text: #f4f7ff}.theme-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%)}.theme-background:before,.theme-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.theme-background:before{z-index:0}.theme-background:after{z-index:1}.theme-liquid-glass .theme-background:after{background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(147,51,234,.08) 0%,transparent 50%)}.theme-neon-puzzle .theme-background{background:linear-gradient(135deg,#020617,#0f172a 58%,#000)}.theme-neon-puzzle .theme-background:before{background:radial-gradient(circle at 22% 18%,rgba(15,23,42,.12) 0%,transparent 34%),radial-gradient(circle at 72% 72%,rgba(30,41,59,.1) 0%,transparent 38%)}.theme-neon-puzzle .theme-background:after{opacity:.55;background-image:linear-gradient(0deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(59,130,246,.05) 25%,rgba(59,130,246,.05) 26%,transparent 27%,transparent 74%,rgba(59,130,246,.05) 75%,rgba(59,130,246,.05) 76%,transparent 77%,transparent);background-size:50px 50px}.theme-strata-minimal .theme-background:after{opacity:.4;background:radial-gradient(circle at 30% 15%,rgba(77,86,108,.2),transparent 30%),radial-gradient(circle at 75% 80%,rgba(77,86,108,.18),transparent 36%)}.panel{border:1px solid var(--panel-border);border-radius:20px;background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem}.top-bar-side,.top-bar-center{display:flex;align-items:center}.top-bar-side-start{justify-content:flex-start}.top-bar-side-end{justify-content:flex-end}.top-bar-center{justify-content:center}.top-bar-stat{min-width:0;padding:.78rem .95rem}.top-bar-icon{flex-shrink:0}.top-bar-stat-round{width:fit-content;min-width:0;padding-inline:.82rem;text-align:center}.top-bar-stat-score{min-width:clamp(138px,34vw,176px);text-align:center;border-color:#ffbf478a;background:color-mix(in srgb,var(--panel-bg),#ffbf47 12%);box-shadow:var(--panel-shadow),0 0 18px #ffbf472e}.stat-label{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:var(--label-color);font-weight:700}.stat-value{margin:.22rem 0 0;font-size:clamp(.98rem,3.7vw,1.16rem);line-height:1;color:var(--text-color);white-space:nowrap}.top-bar-stat-score .stat-value{font-size:clamp(1.18rem,4.7vw,1.52rem);letter-spacing:.01em;color:#ffd166;text-shadow:0 0 14px rgba(255,191,71,.5),0 0 24px rgba(255,191,71,.24)}.top-bar-stat-score .stat-label{color:#ffd27ad1}.board-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.board-panel{position:relative;isolation:isolate;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--board-panel-gap);min-height:calc(var(--board-flow-slot-height) + var(--board-panel-gap) + var(--board-row-height));overflow:visible;--flow-board-aura-opacity: 0;--flow-board-aura-scale: .96;--flow-board-aura-blur: 28px}.board-panel:before{content:"";position:absolute;left:50%;top:calc(50% + 1.7rem);width:min(100%,470px);height:170px;border-radius:999px;background:radial-gradient(circle,rgba(0,229,255,.34) 0%,rgba(0,229,255,.16) 34%,transparent 74%);opacity:var(--flow-board-aura-opacity);filter:blur(var(--flow-board-aura-blur));transform:translate(-50%,-50%) scale(var(--flow-board-aura-scale));transition:opacity .18s ease,transform .2s ease,filter .2s ease;pointer-events:none;z-index:0}.board-panel-flow-pulsing:before{opacity:calc(var(--flow-board-aura-opacity) + .14);transform:translate(-50%,-50%) scale(calc(var(--flow-board-aura-scale) + .03))}.board-panel[data-flow-level="1"]{--flow-board-aura-opacity: .16;--flow-board-aura-scale: 1;--flow-board-aura-blur: 26px}.board-panel[data-flow-level="2"]{--flow-board-aura-opacity: .24;--flow-board-aura-scale: 1.02;--flow-board-aura-blur: 24px}.board-panel[data-flow-level="3"]{--flow-board-aura-opacity: .31;--flow-board-aura-scale: 1.04;--flow-board-aura-blur: 22px}.board-panel[data-flow-level="4"]{--flow-board-aura-opacity: .4;--flow-board-aura-scale: 1.07;--flow-board-aura-blur: 20px}.board-flow-slot{position:relative;z-index:2;width:100%;height:var(--board-flow-slot-height);min-height:var(--board-flow-slot-height);display:flex;align-items:flex-start;justify-content:center;padding-bottom:.35rem}.flow-indicator{position:relative;pointer-events:none;z-index:3;--flow-border: rgba(103, 232, 249, .34);--flow-halo: rgba(0, 229, 255, .18);--flow-text-glow: rgba(0, 229, 255, .66);--flow-backdrop: rgba(0, 229, 255, .22)}.flow-indicator-level-2{--flow-border: rgba(103, 232, 249, .4);--flow-halo: rgba(0, 229, 255, .24);--flow-text-glow: rgba(0, 229, 255, .72);--flow-backdrop: rgba(0, 229, 255, .28)}.flow-indicator-level-3{--flow-border: rgba(103, 232, 249, .48);--flow-halo: rgba(0, 229, 255, .3);--flow-text-glow: rgba(0, 229, 255, .78);--flow-backdrop: rgba(0, 229, 255, .34)}.flow-indicator-level-4{--flow-border: rgba(129, 240, 255, .56);--flow-halo: rgba(0, 229, 255, .36);--flow-text-glow: rgba(127, 245, 255, .82);--flow-backdrop: rgba(0, 229, 255, .4)}.flow-indicator-breathe{animation:flow-breathe 1.5s ease-in-out infinite}.flow-indicator-core{position:relative;display:inline-flex;align-items:baseline;gap:.44rem;padding:.5rem .96rem .46rem;border-radius:999px;border:1px solid var(--flow-border);background:linear-gradient(135deg,#030a1ce6,#06122aa3);box-shadow:0 0 20px var(--flow-halo),inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;overflow:visible}.flow-indicator-core-pulse{animation:flow-pulse .2s ease-out}.flow-indicator-ring{position:absolute;top:-.18rem;right:-.4rem;bottom:-.18rem;left:-.4rem;border-radius:inherit;border:1px solid rgba(127,245,255,.44);box-shadow:0 0 18px #00e5ff33;animation:flow-ring-burst .22s ease-out;pointer-events:none}.flow-indicator-backdrop{position:absolute;top:-.34rem;right:-.5rem;bottom:-.34rem;left:-.5rem;border-radius:inherit;background:radial-gradient(circle,var(--flow-backdrop) 0%,rgba(0,229,255,.08) 40%,transparent 76%);filter:blur(14px);opacity:.88;pointer-events:none}.flow-indicator-core-pulse .flow-indicator-backdrop{animation:flow-backdrop-spike .2s ease-out}.flow-indicator-text{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:.42rem}.flow-indicator-label,.flow-indicator-count{text-transform:uppercase}.flow-indicator-label{font-size:clamp(.76rem,2.8vw,.94rem);font-weight:700;letter-spacing:.26em;color:#c8fbff;text-shadow:0 0 12px var(--flow-text-glow),0 0 22px rgba(0,229,255,.24)}.flow-indicator-count{font-size:clamp(1rem,4vw,1.26rem);font-weight:700;letter-spacing:.04em;color:#00e5ff;text-shadow:0 0 16px rgba(0,229,255,.8),0 0 28px rgba(0,229,255,.34)}.board-row{position:relative;z-index:1;width:calc((var(--board-slot-count) * var(--board-tile-size)) + ((var(--board-slot-count) - 1) * var(--board-row-gap)));height:var(--board-row-height);min-height:var(--board-row-height)}.board-row-disabled{opacity:.2;pointer-events:none}.hint-text{margin:0;min-height:1rem;text-align:center;color:var(--hint-color);font-size:.76rem;letter-spacing:.01em}.hand-hint{min-height:1.1rem}.footer-stage{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem}.hand-panel{width:100%;display:flex;flex-direction:column;gap:.7rem}.hand-hint-slot{min-height:1.1rem;display:flex;align-items:flex-start;justify-content:center}.hand-row{width:calc((var(--hand-slot-count) * var(--hand-tile-size)) + ((var(--hand-slot-count) - 1) * var(--hand-row-gap)));margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--hand-row-gap)}.hand-row-disabled{opacity:.2;pointer-events:none}.tile{position:relative;isolation:isolate;border:3px solid transparent;--tile-shadow: 0 0 0 rgba(0, 0, 0, 0);--tile-flow-glow: 0 0 0 rgba(0, 0, 0, 0);font:inherit;font-weight:700;display:grid;place-items:center;line-height:1;transition:transform .14s ease,box-shadow .14s ease,filter .12s ease,opacity .12s ease;box-shadow:var(--tile-flow-glow),var(--tile-shadow);will-change:transform,opacity;backface-visibility:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tile:enabled{cursor:pointer}.tile:enabled:active{transform:translateY(1px) scale(.985)}.tile-number{position:relative;z-index:2}.tile-board{position:absolute;left:50%;top:50%;margin-left:calc(var(--board-tile-size) / -2);margin-top:calc(var(--board-tile-size) / -2);width:64px;height:64px;border-radius:20px;font-size:2rem}.tile-hand{flex:0 0 auto;width:84px;height:84px;border-radius:28px;font-size:2.55rem}.tile-surface-liquid-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--tile-color),#ffffff 18%) 0%,var(--tile-color) 100%);color:color-mix(in srgb,var(--tile-color),#08111f 58%);border-color:var(--tile-color);--tile-shadow: 0 10px 18px rgba(15, 23, 42, .16)}.tile-surface-neon-puzzle{background:#0f172a;color:var(--tile-color);border-color:var(--tile-color);--tile-shadow: 0 0 12px rgba(0, 229, 255, .3)}.tile-surface-strata-minimal{background:#334155;color:color-mix(in srgb,var(--tile-color),#ffffff 12%);border-color:var(--tile-color);--tile-shadow: 0 6px 14px rgba(15, 23, 42, .24)}.board-panel[data-flow-level="1"] .tile-board{--tile-flow-glow: 0 0 6px color-mix(in srgb, var(--tile-color) 24%, transparent)}.board-panel[data-flow-level="2"] .tile-board{--tile-flow-glow: 0 0 8px color-mix(in srgb, var(--tile-color) 32%, transparent)}.board-panel[data-flow-level="3"] .tile-board{--tile-flow-glow: 0 0 10px color-mix(in srgb, var(--tile-color) 42%, transparent)}.board-panel[data-flow-level="4"] .tile-board{--tile-flow-glow: 0 0 12px color-mix(in srgb, var(--tile-color) 52%, transparent)}.tile-danger:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px #ff5daa66;opacity:1}.theme-neon-puzzle .tile-danger:after{box-shadow:0 0 20px #ff5daa99}.theme-strata-minimal .tile-danger:after{box-shadow:0 4px 12px #ff5daa33}.tile-selected{animation:selected-pulse 1.8s ease-in-out infinite}.tile-selected:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid rgba(255,255,255,.64);pointer-events:none}.tile-hand-selected{border-color:#fff!important;box-shadow:0 4px 24px #ffffff26}.tile-target-match{border-color:#fff!important;box-shadow:0 0 0 2px #ffffff70,0 0 20px #ffffff57}.tile-target-build{border-color:#00e5ff!important;box-shadow:0 0 0 2px #00e5ff57,0 0 20px #00e5ff57}.tile-target-ten{border-color:#ffd400!important;box-shadow:0 0 0 2px #ffd40061,0 0 24px #ffd4006b}.tile-legal-target:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:4px solid rgba(255,255,255,.5);pointer-events:none}.tile-illegal-target{opacity:.3}.tile-build-impact{animation:build-pop 105ms ease-out}.tile-ten-clear{filter:brightness(1.15) saturate(1.08)}.tile-special-clear{box-shadow:0 0 30px #ffd40099}.theme-neon-puzzle .tile-special-clear{background:#fde047;color:#111827;box-shadow:0 0 40px #ffd400cc}.theme-strata-minimal .tile-special-clear{background:#a16207;color:#fef3c7;box-shadow:0 4px 16px #ffd4004d}.theme-liquid-glass .tile-special-clear{background:linear-gradient(135deg,#fde68a,#fef3c7);color:#713f12}.tile-clearing{filter:brightness(1.08)}.tile-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;z-index:1}.tile-particle{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;pointer-events:none;z-index:1}.score-pop{position:absolute;left:50%;top:50%;pointer-events:none;z-index:4;font-size:clamp(.9rem,3.8vw,1.08rem);font-weight:700;letter-spacing:.02em;white-space:nowrap}.score-pop-origin-center{top:38%}.score-pop-match{color:#d7fbff;text-shadow:0 0 12px rgba(215,251,255,.8),0 0 20px rgba(0,229,255,.32)}.score-pop-ten{color:#ffe066;text-shadow:0 0 12px rgba(255,224,102,.86),0 0 24px rgba(255,212,0,.36)}.score-pop-round{color:#ff9cc9;text-shadow:0 0 14px rgba(255,156,201,.86),0 0 26px rgba(255,107,120,.34)}.tile-edge-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.tile-edge-markers-board{border-radius:20px}.tile-edge-markers-hand{border-radius:28px}.tile-edge-marker{position:absolute;background:currentColor;opacity:.58;transform:translate(-50%)}.controls-row{display:flex;align-items:center;justify-content:center;gap:.66rem}.icon-button{border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);border-radius:14px;height:42px;padding:0 .95rem;font:inherit;font-size:.85rem;font-weight:700;letter-spacing:.03em;cursor:pointer}.icon-button-square{width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-button:active{transform:translateY(1px)}.gear-icon{width:18px;height:18px}.theme-toggle{border:1px solid var(--control-border);background:var(--control-bg);border-radius:999px;padding:.28rem;display:inline-flex;gap:.24rem}.theme-toggle-option{border:none;background:transparent;color:var(--control-text);border-radius:999px;padding:.38rem .64rem;font:inherit;font-size:.73rem;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease}.theme-toggle-option.is-active{background:var(--control-active-bg);color:var(--control-active-text)}.tile-hand:not(.tile-hand-selected):hover{box-shadow:0 0 #0000,0 12px 24px #0f172a2e}.settings-backdrop,.game-over-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#05080e70;z-index:6;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.settings-card,.game-over-card{width:min(92vw,392px);border-radius:24px;padding:1rem 1.05rem}.settings-card{text-align:left}.game-over-card{display:flex;flex-direction:column;gap:.95rem;margin:auto}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-title{margin:.25rem 0 0;color:var(--text-color);font-size:1.35rem}.settings-close{border:1px solid var(--control-border);background:transparent;color:var(--control-text);border-radius:999px;padding:.4rem .7rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.settings-actions{margin-top:1rem}.settings-action{width:100%;border:1px solid var(--control-border);border-radius:14px;padding:.78rem .95rem;background:var(--control-bg);color:var(--control-text);text-align:left;font:inherit;font-weight:700;cursor:pointer}.game-over-card h2{margin:0;text-align:center;font-size:clamp(1.8rem,8vw,2.35rem);font-family:Orbitron,Space Grotesk,sans-serif;letter-spacing:.08em;text-indent:.08em;color:#ff6b78;text-shadow:0 0 14px rgba(255,107,120,.38),0 0 30px rgba(255,107,120,.16)}.game-over-message{margin:0;text-align:center;color:color-mix(in srgb,var(--text-color),white 12%)}.game-over-summary{margin:0;display:grid;gap:.78rem;--game-over-badge-slot-width: 7.6rem}.game-over-stat{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto var(--game-over-badge-slot-width);align-items:center;gap:.7rem;margin:0;padding:.9rem .95rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--panel-border),rgba(255,255,255,.14) 30%);background:color-mix(in srgb,var(--panel-bg),rgba(255,255,255,.04) 32%)}.game-over-stat-primary{border-color:#ffbf476b;background:color-mix(in srgb,var(--panel-bg),#ffbf47 12%);box-shadow:inset 0 0 0 1px #ffbf470f}.game-over-stat-record{border-color:#ffbf4785;background:linear-gradient(135deg,#ffbf4724,#00e5ff14),color-mix(in srgb,var(--panel-bg),#ffbf47 16%)}.game-over-stat-label,.game-over-stat-value{margin:0}.game-over-stat-label{grid-column:1;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--label-color)}.game-over-stat-value{grid-column:2;justify-self:center;font-size:clamp(1.05rem,4.2vw,1.45rem);line-height:1;font-weight:700;color:var(--text-color);white-space:nowrap}.game-over-stat-primary .game-over-stat-value{color:#ffd166;text-shadow:0 0 14px rgba(255,191,71,.42),0 0 24px rgba(255,191,71,.14)}.game-over-stat-record .game-over-stat-value{color:#fff1a8;text-shadow:0 0 16px rgba(255,191,71,.54),0 0 28px rgba(0,229,255,.18)}.game-over-stat-badge-slot{grid-column:3;display:flex;justify-content:flex-end;width:var(--game-over-badge-slot-width);justify-self:end}.game-over-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.34rem .56rem;border:1px solid rgba(255,191,71,.42);background:#ffbf4724;color:#ffe4a3;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 16px #ffbf4724}.game-over-entry-shell{display:grid;gap:.78rem}.game-over-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.56),rgba(255,191,71,.56),transparent);box-shadow:0 0 14px #00e5ff1f}.game-over-record-banner{margin:0;text-align:center;font-family:Orbitron,Space Grotesk,sans-serif;font-size:clamp(1.05rem,4.8vw,1.38rem);font-weight:800;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#ffef9e}.game-over-entry-copy{margin:0;text-align:center;color:#dff5ffc7;font-size:.88rem}.game-over-initials-shell{display:grid;gap:.6rem;padding:.9rem .8rem .82rem;border-radius:22px;border:1px solid rgba(0,229,255,.2);background:linear-gradient(180deg,#040b18e0,#070d1df0);box-shadow:inset 0 0 0 1px #ffffff05,0 0 22px #00e5ff14}.game-over-initials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.game-over-initial-column{display:grid;justify-items:center;gap:.38rem}.game-over-initial-shift,.game-over-initial-letter{border:1px solid rgba(0,229,255,.3);background:linear-gradient(180deg,#071227f0,#040a18fa);color:#dffcff;font:inherit;font-family:Orbitron,Space Grotesk,sans-serif;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.game-over-initial-shift{width:100%;border-radius:14px;padding:.42rem .25rem;font-size:.78rem;line-height:1}.game-over-initial-letter{position:relative;width:100%;min-height:4.2rem;border-radius:18px;padding:.68rem .35rem;font-size:clamp(1.7rem,8vw,2.2rem);font-weight:800;letter-spacing:.18em;text-indent:.18em;text-shadow:0 0 14px rgba(0,229,255,.24);box-shadow:inset 0 0 0 1px #9cf4ff0f,0 0 18px #00e5ff0f}.game-over-initial-letter:before,.game-over-initial-letter:after{position:absolute;top:50%;transform:translateY(-50%);color:#9cf4ffbd;font-size:1.05rem;line-height:1}.game-over-initial-letter:before{content:"[";left:.55rem}.game-over-initial-letter:after{content:"]";right:.4rem}.game-over-initials-hint{margin:0;text-align:center;color:#adf5ff9e;font-size:.75rem;letter-spacing:.04em}.game-over-error{margin:0;color:#ffb9cb;text-align:center;font-size:.8rem;line-height:1.55}.game-over-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.restart-button{width:100%;margin-top:.12rem;border:1px solid var(--control-border);border-radius:14px;padding:.72rem .95rem;background:var(--control-bg);color:var(--control-text);font:inherit;font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.restart-button-primary{border-color:#00e5ff47;background:linear-gradient(180deg,#00e5ff38,#00e5ff1f);color:#edfeff;box-shadow:inset 0 0 0 1px #9cf4ff1f,0 0 20px #00e5ff1f}.restart-button-secondary{border-color:#00e5ff33;background:#040a18b3;color:#d6fbffd1}.restart-button:disabled{cursor:default;opacity:.6}.restart-button:active{transform:translateY(1px)}@media (hover: hover){.game-over-initial-shift:hover,.game-over-initial-letter:hover,.restart-button:hover{transform:translateY(-1px);border-color:#67e8f98a;box-shadow:0 0 22px #00e5ff24}}@media (max-width: 420px){.game-over-summary{--game-over-badge-slot-width: 6.2rem}.game-over-stat{gap:.45rem;padding:.82rem .78rem}.game-over-badge{padding:.28rem .42rem;font-size:.6rem}.game-over-initials-grid{gap:.5rem}.game-over-initial-letter{min-height:3.8rem;font-size:1.6rem}.game-over-action-row{grid-template-columns:1fr}}@media (max-width: 430px) and (max-height: 820px) and (orientation: portrait){.game-over-backdrop{align-items:flex-start;padding-top:.35rem;padding-bottom:.75rem}.game-over-card{margin:0 auto}}@keyframes app-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(4deg)}}@keyframes ambient-presence{0%,12%{opacity:0}28%,70%{opacity:.24}88%,to{opacity:0}}@keyframes selected-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes build-pop{0%{filter:brightness(1)}45%{filter:brightness(1.24)}to{filter:brightness(1)}}@keyframes flow-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes flow-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes flow-ring-burst{0%{opacity:.72;transform:scale(.92)}to{opacity:0;transform:scale(1.72)}}@keyframes flow-backdrop-spike{0%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}to{opacity:.88;transform:scale(1)}}@keyframes leaderboard-player-pulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.08)}}@media (min-width: 420px){.app-content{padding:2rem 1.5rem}.top-bar-stats{gap:.75rem}:root{--board-tile-size: 72px;--board-row-gap: .5rem;--hand-tile-size: 92px}.tile-board{width:72px;height:72px;border-radius:22px;font-size:2.25rem}.tile-hand{width:92px;height:92px;border-radius:30px;font-size:2.75rem}.tile-edge-markers-board{border-radius:22px}.tile-edge-markers-hand{border-radius:30px}}