:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg-outer: #071027;--bg-deep: #101a3d;--bg-panel: rgba(24, 42, 88, .86);--bg-panel-strong: rgba(31, 52, 105, .94);--line-soft: rgba(160, 196, 255, .22);--text-main: #ffffff;--text-muted: #b8c9f0;--mint: #32dbc0;--mint-dark: #119d91;--purple: #8c4be7;--purple-dark: #482089;--gold: #ffd45a;--danger: #ff6464;--shadow-heavy: 0 18px 44px rgba(0, 0, 0, .35);--shadow-soft: 0 10px 22px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{overflow:hidden;background:radial-gradient(circle at 50% 0%,#193371 0,var(--bg-outer) 55%,#050916 100%)}body{min-height:100dvh;overflow:hidden;color:var(--text-main);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;width:min(100vw,430px);min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--bg-deep);box-shadow:0 0 0 1px #82aaff24,0 28px 70px #00000073}.screen{position:relative;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));overflow:hidden}.screen-bg{background-position:50% 50%,0% 50%;background-repeat:no-repeat;background-size:150% 150%,520% 520%;animation:rainbowFlow 16s ease-in-out infinite}.screen-bg:before{position:absolute;inset:0;content:"";pointer-events:none}.screen-bg--home{background-image:radial-gradient(circle at 28% 18%,rgba(255,255,255,.24),transparent 24%),linear-gradient(125deg,#1642d8,#7a3ff1 16%,#e84da4,#ff8c39 46%,#ffe45a,#42dc88,#23c8ef 88%,#1642d8)}.screen-bg--home:before{background:radial-gradient(circle at 18% 72%,rgba(49,241,202,.24),transparent 28%),linear-gradient(180deg,#09112d2e,#060a1c80)}.screen-bg--game{background-image:radial-gradient(circle at 50% 8%,rgba(255,255,255,.18),transparent 26%),linear-gradient(130deg,#1024a8,#6733d9,#df3f9a 30%,#ff793c,#ffdb4a,#38d575,#20bfe5,#1024a8)}.screen-bg--game:before{background:radial-gradient(circle at 50% -5%,rgba(255,255,255,.18),transparent 34%),linear-gradient(180deg,#04081629,#0408168f)}@keyframes rainbowFlow{0%{background-position:50% 50%,0% 50%}50%{background-position:38% 42%,100% 50%}to{background-position:50% 50%,0% 50%}}.home-screen{display:grid;grid-template-rows:auto 1fr auto}.home-screen__header,.game-header,.records-screen__header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:50px}.home-screen__content{position:relative;z-index:1;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 10px}.logo-stack{position:relative;width:min(86vw,330px);min-height:245px;display:flex;align-items:center;justify-content:center}.home-logo{width:min(88vw,390px);margin:0;color:#fff;font-size:clamp(38px,12vw,58px);font-weight:950;line-height:1;text-align:center;white-space:nowrap;text-shadow:0 5px 0 rgba(13,34,87,.58),0 14px 20px rgba(0,0,0,.34)}.home-logo span:last-child{color:#53f1d6}.home-actions{width:min(100%,260px);display:grid;gap:12px;margin-top:8px}.home-screen__tagline{position:relative;z-index:1;margin:12px 0 0;color:#d9e6ff;font-size:15px;font-weight:700;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.45)}.floating-piece{position:absolute;width:18px;height:18px;border-radius:5px;background:linear-gradient(145deg,var(--tile-light),var(--tile-main) 55%,var(--tile-dark));box-shadow:inset 0 2px #ffffff59,0 8px 14px #0000003d;opacity:.92;animation:floatPiece 3.8s ease-in-out infinite}.floating-piece--single{transform:rotate(15deg)}.floating-piece--square{box-shadow:20px 0 0 var(--tile-main),0 20px 0 var(--tile-main),20px 20px 0 var(--tile-main),inset 0 2px #ffffff57,0 8px 14px #00000038}.floating-piece--bar{box-shadow:0 20px 0 var(--tile-main),0 40px 0 var(--tile-main),inset 0 2px #ffffff57,0 8px 14px #00000038}.floating-piece--corner{box-shadow:20px 0 0 var(--tile-main),20px 20px 0 var(--tile-main),inset 0 2px #ffffff57,0 8px 14px #00000038}.floating-piece--cyan{--tile-main: #35d7ef;--tile-light: #8af3ff;--tile-dark: #0877bb}.floating-piece--purple{--tile-main: #9b55e7;--tile-light: #d49aff;--tile-dark: #5525aa}.floating-piece--orange{--tile-main: #ff8a31;--tile-light: #ffc36b;--tile-dark: #c94712}.floating-piece--green{--tile-main: #4bd55b;--tile-light: #97f87b;--tile-dark: #148c2f}.floating-piece--pink{--tile-main: #f65899;--tile-light: #ff9bc7;--tile-dark: #ad235f}@keyframes floatPiece{0%,to{translate:0 0}50%{translate:0 -10px}}.button{position:relative;min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;color:#fff;font-size:17px;font-weight:900;line-height:1;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.28);box-shadow:inset 0 1px #ffffff47,inset 0 -4px #0000002e,var(--shadow-soft);transition:transform .14s ease,filter .14s ease}.button:active{transform:translateY(2px) scale(.99)}.button--full{width:100%}.button--primary{background:linear-gradient(180deg,#49e6cb,var(--mint-dark))}.button--secondary{background:linear-gradient(180deg,#244984,#172f5f);box-shadow:inset 0 1px #fff3,inset 0 -4px #0000002e,0 12px 22px #070c1f52}.button--danger{background:linear-gradient(180deg,#bb63f1,#7836d6)}.button__icon{width:24px;height:24px;display:inline-flex}.button__icon svg{width:100%;height:100%}.button__label{white-space:nowrap}.icon-button{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#e8f0ff;background:linear-gradient(180deg,#324d88e6,#152652f0);box-shadow:inset 0 1px #ffffff38,inset 0 -3px #0000002e,0 8px 16px #00000042}.icon-button__svg{width:23px;height:23px}.score-display{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 12px;border-radius:13px;color:var(--gold);background:#101f479e;box-shadow:inset 0 1px #ffffff29,0 8px 16px #0000002e}.score-display--compact{min-width:96px}.score-display__icon{width:24px;height:24px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.score-display__content{display:grid;gap:1px}.score-display__label{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.score-display strong{font-size:17px;line-height:1}.game-screen{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:8px;touch-action:none}.game-header{padding-top:2px}.current-score{position:relative;z-index:1;min-height:58px;display:flex;align-items:center;justify-content:center;color:#f7fbff;font-size:44px;font-weight:950;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.45)}.level-status{position:relative;z-index:2;min-height:34px;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;border-radius:13px;background:#0814367a;box-shadow:inset 0 1px #ffffff1f}.level-status span,.level-status em{color:#dce8ff;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase}.level-status strong{min-width:0;color:#fff;font-size:13px;font-weight:950;line-height:1.1;text-align:center}.score-burst{position:absolute;right:12%;top:0;color:var(--gold);font-size:16px;font-weight:950;animation:scoreBurst .85s ease-out forwards}@keyframes scoreBurst{0%{opacity:0;transform:translateY(12px) scale(.9)}20%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.04)}}.game-board-wrap{position:relative;z-index:1;width:min(calc(100vw - 36px),382px,calc(100dvh - 306px));max-width:100%;margin:0 auto;padding:8px;border:1px solid rgba(146,181,255,.18);border-radius:20px;background:linear-gradient(180deg,#101d40c2,#091128e0);box-shadow:inset 0 1px #ffffff14,0 18px 34px #0000004d}.game-board{display:grid;width:100%;aspect-ratio:1;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;padding:3px;border-radius:14px;border:1px solid rgba(125,160,235,.22);background:linear-gradient(180deg,#07122bf5,#0a142dfa),#101b38;box-shadow:inset 0 0 28px #2e5fb842}.board-cell{position:relative;display:grid;place-items:stretch;min-width:0;min-height:0;border-radius:6px;background:linear-gradient(180deg,#29407047,#0f1e3e70),#14213f;box-shadow:inset 0 1px #ffffff09,inset 0 0 0 1px #779ae61a}.board-cell--preview-valid{box-shadow:inset 0 0 0 2px #5ef4dcc7,0 0 12px #27d9c65c}.board-cell--preview-invalid{box-shadow:inset 0 0 0 2px #ff616fd1,0 0 10px #ff465a3d}.board-cell--stone{background:linear-gradient(180deg,#404e7270,#121b30b3),#11182c}.board-cell__blocked{position:absolute;inset:4px;border-radius:6px;background:#ff485657}.board-cell--clearing:after{position:absolute;inset:-2px;z-index:3;border-radius:8px;content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#fff8ace6,#fff0);opacity:0;animation:lineClearFlash .42s ease-out var(--clear-delay) both}.block-tile{position:relative;width:100%;height:100%;display:block;border-radius:clamp(5px,18%,8px);background:linear-gradient(145deg,var(--tile-light),var(--tile-main) 44%,var(--tile-dark)),var(--tile-main);box-shadow:inset 0 2px #ffffff61,inset -3px -4px #0000002b,inset 2px 0 #ffffff1a,0 5px 8px #00000042}.block-tile:after{position:absolute;top:14%;left:14%;width:44%;height:26%;border-radius:999px;content:"";background:#ffffff38;filter:blur(1px)}.block-tile--valid{opacity:.72;filter:saturate(1.18) brightness(1.2)}.block-tile--invalid{--tile-main: #ff5368;--tile-light: #ff9aaa;--tile-dark: #b71934;opacity:.7}.block-tile--red{--tile-main: #f34c45;--tile-light: #ff8f83;--tile-dark: #ad191a}.block-tile--orange{--tile-main: #ff842f;--tile-light: #ffbf64;--tile-dark: #bd3a12}.block-tile--yellow{--tile-main: #ffc837;--tile-light: #ffe97a;--tile-dark: #c07a08}.block-tile--green{--tile-main: #43d24d;--tile-light: #96f274;--tile-dark: #13872c}.block-tile--cyan{--tile-main: #2ecce7;--tile-light: #88f3ff;--tile-dark: #0875ad}.block-tile--blue{--tile-main: #3e8cf0;--tile-light: #8fc5ff;--tile-dark: #1757ba}.block-tile--purple{--tile-main: #9b55e7;--tile-light: #d7a1ff;--tile-dark: #5722a8}.block-tile--pink{--tile-main: #f25394;--tile-light: #ff9cc4;--tile-dark: #ac235f}.block-tile--stone{--tile-main: #66728f;--tile-light: #9aa7c4;--tile-dark: #30384e;background:linear-gradient(145deg,var(--tile-light),var(--tile-main) 42%,var(--tile-dark)),var(--tile-main);box-shadow:inset 0 2px #ffffff42,inset -4px -5px #0003,0 5px 9px #00000047}.board-cell--clearing .block-tile{animation:lineClearTile .42s ease-out var(--clear-delay) both}@keyframes lineClearTile{0%{opacity:1;transform:scale(1);filter:brightness(1)}38%{opacity:1;transform:scale(1.08);filter:brightness(1.9) saturate(1.45)}to{opacity:0;transform:scale(.22) rotate(10deg);filter:brightness(2.2) saturate(1.7)}}@keyframes lineClearFlash{0%{opacity:0;transform:translate(-22%)}35%{opacity:.95}to{opacity:0;transform:translate(22%)}}.pieces-tray{position:relative;z-index:2;align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;min-height:116px;margin-top:4px;padding:10px 4px 2px}.piece-slot{min-height:94px;display:grid;place-items:center;border-radius:18px;background:#0e1c425c;box-shadow:inset 0 1px #ffffff0f}.piece-preview{display:grid;grid-template-columns:repeat(var(--piece-cols),var(--piece-cell));grid-template-rows:repeat(var(--piece-rows),var(--piece-cell));gap:3px;width:fit-content;height:fit-content;touch-action:none}.piece-preview--draggable{cursor:grab}.piece-preview--draggable:active{cursor:grabbing}.piece-preview--placed{opacity:0;pointer-events:none}.piece-preview--dragging{opacity:.32}.piece-preview__tile{min-width:var(--piece-cell);min-height:var(--piece-cell)}.drag-layer{position:fixed;z-index:20;left:0;top:0;pointer-events:none;translate:-50% -50%;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))}.no-move-hint{position:absolute;z-index:2;left:50%;bottom:148px;transform:translate(-50%);padding:8px 12px;border-radius:999px;color:#ffe2e2;font-size:13px;font-weight:800;background:#861f31c2;box-shadow:var(--shadow-soft)}.overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:#040815ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(100%,310px);padding:20px;border:1px solid rgba(154,187,255,.22);border-radius:22px;background:linear-gradient(180deg,#243871f5,#132552fa),var(--bg-panel-strong);box-shadow:inset 0 1px #ffffff2e,var(--shadow-heavy)}.modal__topline{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.modal__topline h2,.modal h2{margin:0;font-size:26px;font-weight:950;line-height:1;text-align:center}.modal__close{position:absolute;right:12px;top:12px;width:36px;height:36px;background:transparent;box-shadow:none}.modal__actions{display:grid;gap:12px}.settings-row{display:flex;gap:10px;margin-top:16px}.settings-row--stack{flex-direction:column;margin:0 0 16px}.toggle-chip{flex:1 1 0;min-height:44px;display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:13px;color:#e9f2ff;font-size:10px;font-weight:900;background:#0b1d43b8;box-shadow:inset 0 1px #ffffff1f,0 8px 14px #0000002e}.toggle-chip--wide{min-height:52px;font-size:13px}.toggle-chip__icon{width:20px;height:20px}.toggle-chip input{position:absolute;opacity:0;pointer-events:none}.toggle-chip i{position:relative;width:34px;height:20px;margin-left:auto;border-radius:999px;background:#556ca0cc;box-shadow:inset 0 2px 4px #0000003d}.toggle-chip i:before{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:999px;content:"";background:#fff;transition:transform .18s ease}.toggle-chip input:checked+i{background:linear-gradient(180deg,#4ae4c9,#16aa98)}.toggle-chip input:checked+i:before{transform:translate(14px)}.modal--game-over{width:min(100%,330px);text-align:center;background:linear-gradient(180deg,#4c3f8ff2,#18295bfa),url(../assets/splash_home.png);background-position:center;background-size:cover}.game-over-overlay--record{background:radial-gradient(circle at 50% 32%,rgba(255,213,90,.24),transparent 28%),#040815b8}.record-crown{width:76px;height:76px;display:grid;place-items:center;margin:-4px auto 14px;color:var(--gold);filter:drop-shadow(0 9px 14px rgba(0,0,0,.34))}.record-crown svg{width:70px;height:70px}.game-over-score{display:grid;gap:4px;margin:20px 0 14px;padding:18px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.game-over-score span{color:var(--text-muted);font-size:12px;font-weight:900}.game-over-score strong{font-size:52px;line-height:1}.modal--game-over .score-display{margin:0 auto 18px;background:#121f45b3}.records-screen{display:grid;grid-template-rows:auto 1fr auto;gap:18px}.records-screen__header h1{margin:0;font-size:24px;font-weight:950}.header-spacer{width:42px;height:42px}.records-card{position:relative;z-index:1;align-self:center;width:100%;padding:18px;border:1px solid rgba(145,178,255,.22);border-radius:20px;background:linear-gradient(180deg,#183165d1,#0e1e43eb);box-shadow:var(--shadow-heavy)}.records-card .score-display{width:100%;margin-bottom:16px}.records-list{display:grid;gap:8px}.record-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:12px;color:#f2f7ff;background:#0a18388a;box-shadow:inset 0 1px #ffffff14}.record-row span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--gold);font-weight:950;background:#ffd45a1f}.record-row strong{font-size:18px}.records-empty{margin:22px 0;color:var(--text-muted);font-weight:800;text-align:center}.levels-screen{display:grid;grid-template-rows:auto 1fr;gap:14px;height:100dvh;min-height:0}.levels-list{position:relative;z-index:1;display:grid;gap:10px;align-content:start;min-height:0;padding:2px 0 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.34) transparent;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch}.levels-list::-webkit-scrollbar{width:6px}.levels-list::-webkit-scrollbar-track{background:transparent}.levels-list::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff57}.level-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;min-height:78px;padding:10px;border:1px solid rgba(190,221,255,.22);border-radius:16px;background:linear-gradient(180deg,#142a5fbd,#0a173ad6);box-shadow:inset 0 1px #ffffff1f,0 12px 24px #00000038}.level-card--locked{opacity:.62}.level-card__number{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#081632;font-size:18px;font-weight:950;background:linear-gradient(180deg,#fff478,#34e0cb);box-shadow:inset 0 -3px #00000026}.level-card__copy{min-width:0;display:grid;gap:4px}.level-card__copy span{color:#ffe777;font-size:10px;font-weight:950;text-transform:uppercase}.level-card__copy h2{margin:0;color:#fff;font-size:15px;font-weight:900;line-height:1.15}.level-card .button{min-height:40px;padding:0 12px;border-radius:12px;font-size:12px}.level-card .button__icon{width:18px;height:18px}@media(min-width:700px){body{display:grid;place-items:center;background:radial-gradient(circle at 50% 8%,rgba(61,104,192,.28),transparent 30%),#050916}.app-shell{min-height:min(100dvh,932px);border-radius:28px}.screen{min-height:min(100dvh,932px)}.levels-screen{height:min(100dvh,932px)}}@media(max-height:700px){.screen{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.current-score{min-height:46px;font-size:36px}.pieces-tray{min-height:100px;padding-top:4px}.piece-slot{min-height:82px}.logo-stack{min-height:178px}.home-logo{font-size:clamp(36px,12vw,52px)}.home-actions{gap:9px}}@media(prefers-reduced-motion:reduce){.screen-bg,.floating-piece,.board-cell--clearing .block-tile,.board-cell--clearing:after{animation:none}.board-cell--clearing .block-tile{opacity:.25}}