:root{--bg-top: #101827;--bg-bottom: #05070d;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .1);--text: #f5fbff;--muted: rgba(245, 251, 255, .66);--accent: #45f3b1;--accent-2: #58b7ff;--accent-3: #8b6dff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at top,rgba(69,243,177,.11),transparent 30%),radial-gradient(circle at left top,rgba(88,183,255,.1),transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.app-bg{position:relative;min-height:100vh;display:flex;justify-content:center;padding:6px 12px 58px;overflow-x:hidden}.app-bg:before{content:"";position:absolute;top:-160px;left:50%;transform:translate(-50%);width:560px;height:320px;background:radial-gradient(circle,rgba(88,183,255,.14),transparent 70%);filter:blur(72px);pointer-events:none}.game-wrapper{position:relative;z-index:1;width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:7px}.title{width:100%;margin:0;text-align:center;font-family:Orbitron,Segoe UI,Tahoma,sans-serif;font-size:30px;line-height:1;letter-spacing:0;color:var(--text);text-shadow:0 10px 24px rgba(88,183,255,.18)}.status-center{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.status-center>div:first-child{width:100%;max-width:360px}.status-ads{min-height:38px;padding:8px 14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff0a);display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700}.ads-true{color:var(--accent)}.ads-false{color:#ff6d8d}.status-info{width:100%;max-width:360px;padding:8px 12px;border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--line);color:var(--text);font-size:12px;text-align:center}.energy-bar{width:100%;max-width:360px;height:12px;margin:0 auto 3px;position:relative;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden;cursor:pointer}.board-card{width:100%;padding:12px;border-radius:20px;background:radial-gradient(circle at top right,rgba(69,243,177,.08),transparent 30%),linear-gradient(180deg,#121c2df0,#070a12f7);border:1px solid rgba(120,183,255,.12);box-shadow:0 22px 44px #00000057,inset 0 1px #ffffff0a}.board{position:relative;display:grid;grid-template-columns:repeat(4,72px);gap:10px;justify-content:center;padding:12px;background:#030811e6;border:1px solid rgba(120,183,255,.1);border-radius:16px}.card{width:72px;height:72px;position:relative;border-radius:14px;cursor:pointer;perspective:700px}.card-inner{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform .35s ease}.card--flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;border:1px solid rgba(255,255,255,.08)}.card-front{background-color:#111d2d;background-size:cover;background-position:center;box-shadow:inset 0 1px #ffffff0f}.card-back{transform:rotateY(180deg);background-color:#f5fbff;background-size:76%;background-repeat:no-repeat;background-position:center}.bottom-button-zone{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.ads-wrapper{position:relative;width:100%;min-height:62px;padding:8px 12px;border-radius:16px;background:radial-gradient(circle at top left,rgba(69,243,177,.09),transparent 28%),linear-gradient(180deg,#0e1929f0,#070a12f5);border:1px solid rgba(120,183,255,.12)}.task-block{display:block;min-height:0}.task-btn{display:flex!important;justify-content:center;align-items:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,var(--accent-3),#45b6ff);border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:0 18px 30px #58b7ff33}.task-btn svg{width:19px;height:19px}.task-done{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:14px;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,var(--accent),#8dffd8);color:#1a1714;font-size:20px}.bottom-btn{width:100%;max-width:320px;min-height:58px;border:1px solid rgba(120,183,255,.22);border-radius:16px;background:linear-gradient(135deg,#45f3b1f2,#58b7fff2);color:#03111f;display:flex;justify-content:center;align-items:center;font-family:Orbitron,Segoe UI,Tahoma,sans-serif;font-size:22px;font-weight:800;letter-spacing:0;box-shadow:0 20px 36px #45f3b124}.bottom-placeholder{width:100%;max-width:320px;min-height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;justify-content:center;align-items:center}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent-2);animation:spin .9s linear infinite}.pulse-btn{animation:uiPulse 1.9s ease-in-out infinite}.sheet-backdrop{position:fixed;inset:0;background:#02060d94;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:25}.sheet-backdrop--visible{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;width:min(100%,420px);margin:0 auto;background:linear-gradient(180deg,#0e1726fa,#05080ffa);border:1px solid rgba(120,183,255,.1);border-bottom:none;border-radius:16px 16px 0 0;transform:translateY(calc(100% - 38px));transition:transform .28s ease;z-index:30}.bottom-sheet--open{transform:translateY(0)}.bottom-sheet__handle{width:100%;padding:6px 14px 7px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-sheet__handle-line{width:36px;height:3px;border-radius:999px;background:#ffffff38}.bottom-sheet__handle-text{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.bottom-sheet__content{position:relative;padding:4px 12px 10px}.bottom-sheet__icons-scroller{position:relative;width:100%}.bottom-sheet__icons-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:none}.bottom-sheet__icons-row::-webkit-scrollbar{display:none}.sheet-icon-btn{flex:0 0 auto;width:60px;min-height:60px;border:1px solid rgba(120,183,255,.1);border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff08);display:flex;justify-content:center;align-items:center;box-shadow:0 10px 18px #0000003d}.sheet-icon-btn img{width:38px;height:38px}.icons-fade-right{position:absolute;right:0;top:6px;bottom:8px;width:28px;pointer-events:none;background:linear-gradient(to left,rgba(9,14,24,.96),transparent)}.idle-pulse{animation:idlePulse 1.8s ease-in-out infinite}@keyframes uiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes idlePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.006);filter:brightness(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.board{grid-template-columns:repeat(4,64px);gap:8px;padding:10px}.card{width:64px;height:64px}.title{font-size:28px}.sheet-icon-btn{width:58px;min-height:58px}}@media(max-width:360px){.board{grid-template-columns:repeat(4,58px);gap:7px;padding:8px}.card{width:58px;height:58px}}:root{color:#fff8f0;background:#120e14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,a,img{-webkit-user-drag:none}button{font:inherit}