:root{--bg: #05070f;--panel: #0b1024;--line: #18203a;--text: #e2e8f0;--muted: #7c89a8;--b1: #12224a;--b2: #1d3f8f;--b3: #2563eb;--b4: #3b82f6;--taken: #60a5fa;--glow: #60a5fa}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}.app{height:100%;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 20%,rgba(37,99,235,.12),transparent 55%),var(--bg)}.screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:24px;max-width:420px;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.logo{font-size:clamp(44px,12vw,72px);font-weight:900;letter-spacing:-.03em;line-height:.95;background:linear-gradient(180deg,#93c5fd,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(59,130,246,.45))}.tag{color:var(--muted);font-size:14.5px;line-height:1.6}.tag b{color:var(--text)}.bestChip{font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:8px 18px;border-radius:999px}.bestChip span{color:var(--taken);font-variant-numeric:tabular-nums}.bestChip.dim{opacity:.75}.bigBtn{appearance:none;border:1px solid #3b82f6;background:linear-gradient(180deg,#2f6bf0,#1d4ed8);color:#fff;font-size:20px;font-weight:900;letter-spacing:.12em;padding:16px 54px;border-radius:16px;cursor:pointer;box-shadow:0 10px 34px #2563eb73;transition:transform .12s,box-shadow .12s}.bigBtn:active{transform:scale(.97)}.ghostBtn{appearance:none;background:none;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700;padding:10px 26px;border-radius:12px;cursor:pointer}.toggles{display:flex;gap:10px}.toggle{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12.5px;font-weight:800;letter-spacing:.06em;padding:8px 16px;border-radius:999px;cursor:pointer}.toggle.on{color:#bfdbfe;border-color:#2563eb;box-shadow:0 0 14px #2563eb59 inset}.foot{color:var(--muted);opacity:.6;font-size:11.5px;letter-spacing:.08em}.playArea{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px;--bw: min(94vw, calc((100dvh - 170px) * 4 / 7))}.hud{width:var(--bw);display:flex;justify-content:space-between;align-items:center;font-weight:900;font-variant-numeric:tabular-nums}.timer{font-size:26px;letter-spacing:.02em}.hudRight{display:flex;align-items:center;gap:12px}.alive{font-size:15px;color:var(--muted)}.quitBtn{appearance:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0b1024cc;color:var(--muted);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.quitBtn:hover{color:var(--text);border-color:#2563eb}.alive.danger{color:#f87171;animation:blink .6s steps(1) infinite}@keyframes blink{50%{opacity:.45}}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,1.6vw,10px);width:var(--bw);aspect-ratio:4 / 7}@media(orientation:landscape){.playArea{--bw: min(78vw, 900px, calc((100dvh - 150px)*1.75) )}.board{grid-template-columns:repeat(7,1fr);aspect-ratio:7 / 4}}.tile{appearance:none;border:1px solid var(--line);border-radius:14%;cursor:pointer;padding:0;position:relative;transition:background-color .18s,box-shadow .18s,border-color .18s;background:var(--panel)}.tile.s0{background:var(--panel)}.tile.s1{background:var(--b1);border-color:#1d3f8f}.tile.s2{background:var(--b2);border-color:#2563eb;box-shadow:0 0 10px #2563eb59}.tile.s3{background:var(--b3);border-color:#3b82f6;box-shadow:0 0 16px #3b82f68c}.tile.s4{background:var(--b4);border-color:#93c5fd;box-shadow:0 0 24px #60a5facc;animation:peril .5s ease-in-out infinite}@keyframes peril{0%,to{filter:brightness(1)}50%{filter:brightness(1.45)}}.tile.sT{background:linear-gradient(115deg,transparent 25%,rgba(147,197,253,.16) 45%,transparent 65%),radial-gradient(130% 110% at 50% 118%,#2b57d6,#172a63 55%,#101c44);background-size:230% 100%,100% 100%;border-color:#24408f;box-shadow:inset 0 1px #93c5fd38,inset 0 0 18px #060a1ea6;animation:lap 5.5s linear infinite;cursor:default}.tile.sT:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfdbfe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / 36% no-repeat;opacity:.55}@keyframes lap{0%{background-position:-70% 0,0 0}to{background-position:170% 0,0 0}}.tile.sB{background:radial-gradient(100% 100% at 50% 30%,#0f1118,#060810 75%);border-color:#0b0d15;box-shadow:inset 0 5px 16px #000000e6,inset 0 -1px #94a3b80a;transform:scale(.93);cursor:default}.tile.fx-cleansed{animation:cleanse .45s ease both}@keyframes cleanse{0%{box-shadow:0 0 #ffffffe6;filter:brightness(2.4)}to{box-shadow:0 0 0 14px #fff0;filter:brightness(1)}}.tile.fx-blacked{animation:crack .5s ease both}@keyframes crack{0%{transform:translate(-3px) scale(1);filter:brightness(1.8)}20%{transform:translate(3px) scale(.99)}40%{transform:translate(-2px) scale(.97)}60%{transform:translate(2px) scale(.95)}to{transform:translate(0) scale(.93);filter:brightness(1)}}.tile.fx-taken{animation:engulf .55s ease both}@keyframes engulf{0%{filter:brightness(2.1) saturate(1.4);transform:scale(1.07)}60%{filter:brightness(.7)}to{filter:brightness(1);transform:scale(1)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#05070fb8;backdrop-filter:blur(2px);border-radius:12px;z-index:5}.prTitle{font-size:15px;font-weight:900;letter-spacing:.34em;color:#93c5fd}.prNum{font-size:clamp(80px,24vw,150px);font-weight:900;text-shadow:0 0 44px rgba(59,130,246,.7);animation:pop .6s ease both}@keyframes pop{0%{transform:scale(.4);opacity:0}45%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.overTitle{font-size:clamp(26px,7vw,40px);font-weight:900;letter-spacing:-.01em;background:linear-gradient(90deg,#93c5fd,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.newBest{font-weight:900;letter-spacing:.22em;color:#fbbf24;text-shadow:0 0 18px rgba(251,191,36,.7);animation:pop .6s ease both}.stats{display:flex;gap:26px;margin:6px 0}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat .num{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.stat .lbl{font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}