:root{color:#f7e3c0;background:#170704;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 22%,rgba(255,166,38,.36),transparent 28%),radial-gradient(circle at 84% 68%,rgba(255,57,18,.28),transparent 34%),linear-gradient(135deg,#120403,#2a0704 38%,#4a1106 62%,#160504)}button{border:0;font:inherit}.game-shell,.select-shell{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 20% 18%,rgba(255,206,77,.2),transparent 18%),radial-gradient(circle at 76% 86%,rgba(255,75,16,.22),transparent 22%),linear-gradient(120deg,#4b0803e0,#120403f0);overflow:hidden}.game-shell:before,.select-shell:before,.game-shell:after,.select-shell:after{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;content:"";background:radial-gradient(circle at 12% 32%,rgba(255,149,24,.34) 0 4%,transparent 11%),radial-gradient(circle at 48% 20%,rgba(255,50,13,.28) 0 5%,transparent 13%),radial-gradient(circle at 82% 62%,rgba(255,193,64,.28) 0 4%,transparent 12%),linear-gradient(135deg,#220603,#5c1505 42%,#130403);filter:blur(2px);animation:lava-drift 12s ease-in-out infinite alternate}.game-shell:after,.select-shell:after{z-index:-1;background:repeating-linear-gradient(32deg,rgba(255,194,57,.12) 0 2px,transparent 2px 24px),repeating-linear-gradient(128deg,rgba(0,0,0,.32) 0 1px,transparent 1px 18px);mix-blend-mode:screen;opacity:.55;animation-duration:18s}.game-shell{display:grid;grid-template-rows:auto 1fr;padding:clamp(14px,4vw,32px)}.topbar,.select-header{display:flex;align-items:center;justify-content:space-between;width:min(94vw,780px);margin:0 auto clamp(12px,3vw,22px);gap:12px}.topbar-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.select-header-controls{display:flex;align-items:center;gap:10px}.level-title,.select-title{color:#ffe5b3;font-size:clamp(20px,3vw,30px);font-weight:900;text-shadow:0 0 18px rgba(255,105,24,.72),0 2px 0 rgba(0,0,0,.58)}.select-status{color:#ffd084;font-weight:800;text-align:right;text-shadow:0 1px 0 #000000}.control-button,.primary-button{min-height:42px;padding:0 16px;border-radius:8px;color:#250802;background:linear-gradient(180deg,#ffd37a,#ff8b25 48%,#c74312);cursor:pointer;font-weight:850;box-shadow:0 10px 26px #00000057,inset 0 1px #ffffff85,0 0 22px #ff6d1661}.subtle-button{color:#f8d9a4;background:linear-gradient(180deg,#4d4037,#2e2927 56%,#171311);box-shadow:0 8px 18px #0000004d,inset 0 1px #ffffff1a}.icon-button{width:42px;padding:0}.primary-button:disabled{color:#b7aaa3;background:linear-gradient(180deg,#4b4440,#292522);cursor:default;box-shadow:none}.grid-wrap{display:grid;align-content:start;justify-content:center;width:100%}.grid-board{--gap: clamp(5px, 1.1vw, 10px);position:relative;width:min(94vw,760px,calc((100vh - 132px) * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);min-width:min(94vw,320px)}.grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:var(--gap);width:100%;height:100%;padding:var(--gap);border:1px solid rgba(255,171,57,.22);border-radius:8px;background:radial-gradient(circle at 30% 20%,rgba(255,196,59,.18),transparent 25%),linear-gradient(140deg,#110503b8,#5f110594);box-shadow:0 24px 54px #0000007a,inset 0 0 46px #ff480833,0 0 52px #ff58122e;touch-action:none;-webkit-user-select:none;user-select:none}.path-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.path-line{opacity:.96}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:30px;border:1px solid rgba(255,221,168,.1);border-radius:8px;overflow:hidden;color:#fff2c7;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.13),transparent 20%),linear-gradient(145deg,#71695f,#44413c 42%,#23201d);box-shadow:inset 0 2px #ffffff29,inset 0 -7px 14px #0000005c,0 7px #100906cc,0 16px 24px #00000047;font-size:clamp(15px,3.2vw,25px);font-weight:950}.cell-label{position:relative;z-index:4;text-shadow:0 0 12px rgba(255,160,34,.9),0 2px 0 rgba(0,0,0,.6)}.cell-particles{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff6ba 0 2px,transparent 3px) 16% 20% / 30% 30%,radial-gradient(circle,#ff9a24 0 2px,transparent 3px) 78% 34% / 28% 28%,radial-gradient(circle,#ff4f16 0 2px,transparent 3px) 44% 82% / 32% 32%}.cell.blocked{border-color:#ff781814;background:radial-gradient(circle at 40% 35%,rgba(255,213,81,.42),transparent 12%),radial-gradient(circle at 75% 72%,rgba(255,55,12,.45),transparent 18%),linear-gradient(150deg,#8d2106,#3b0903 48%,#130302);box-shadow:inset 0 0 28px #ff540a70,inset 0 0 6px #ffd14b59,0 0 18px #ff410a38;animation:lava-cell 3.8s ease-in-out infinite alternate}.cell.in-path{border-color:#ffe797a3;background:radial-gradient(circle at 50% 44%,rgba(255,251,194,.72),transparent 18%),linear-gradient(145deg,#ffcf66,#ff7d1d 46%,#6f1705);box-shadow:inset 0 2px #ffffff7a,inset 0 -8px 18px #620d0473,0 7px #460e05cc,0 0 26px #ff7716a8}.cell.start{background:radial-gradient(circle at 50% 40%,rgba(255,255,210,.82),transparent 18%),linear-gradient(145deg,#ffe48d,#ff941f 48%,#842205)}.cell.head{z-index:4;outline:3px solid #fff0a1;outline-offset:-4px}.cell.start{z-index:4}.cell.win-step{animation:win-tile .9s ease-out both;animation-delay:calc(var(--path-index) * 45ms)}.cell.win-step .cell-particles{animation:particle-burst .76s ease-out both;animation-delay:calc(var(--path-index) * 45ms + 90ms)}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#0c030261;pointer-events:auto}.win-overlay[hidden]{display:none}.win-dialog{display:grid;gap:18px;width:min(88vw,330px);padding:24px;border:1px solid rgba(255,205,92,.46);border-radius:8px;color:#ffe7b9;background:linear-gradient(180deg,#3a1207f5,#140805fa);text-align:center;box-shadow:0 24px 80px #0000007a,0 0 38px #ff671659;transform:translateY(14px) scale(.94);opacity:0;animation:win-dialog .56s ease-out .78s both;pointer-events:auto}.win-dialog strong{color:#fff1b3;font-size:38px;text-shadow:0 0 16px rgba(255,185,47,1),0 0 34px rgba(255,72,15,.78);animation:win-message .9s ease-out .78s both}.win-dialog .primary-button{visibility:hidden;opacity:0;animation:reveal-next .36s ease-out 1.32s both}.select-shell{display:grid;align-content:start;padding:clamp(16px,4vw,34px)}.select-header{margin-bottom:clamp(16px,4vw,28px)}.level-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(6px,1.1vw,10px);width:min(94vw,780px);margin:0 auto;padding:clamp(8px,2vw,14px);border:1px solid rgba(255,174,57,.24);border-radius:8px;background:linear-gradient(140deg,#1c0703b8,#5712057a);box-shadow:0 24px 64px #00000070,inset 0 0 40px #ff4a0c26}.level-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:8px;color:#fff0c2;font-size:clamp(12px,2.4vw,18px);font-weight:900;cursor:pointer}.level-tile.unlocked{background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.12),transparent 22%),linear-gradient(145deg,#71685d,#403b35 48%,#211d19);box-shadow:inset 0 2px #ffffff24,inset 0 -6px 12px #0000005c,0 5px #100906bd}.level-tile.current{color:#2c0b02;background:radial-gradient(circle at 50% 38%,rgba(255,255,213,.8),transparent 20%),linear-gradient(145deg,#ffd978,#ff8a22 50%,#a52b07);box-shadow:0 0 24px #ff841c9e,0 5px #531206db}.level-tile.locked{color:#ffcb8e57;background:radial-gradient(circle at 38% 34%,rgba(255,83,16,.22),transparent 18%),linear-gradient(150deg,#3e0a04,#190403 62%,#070202);box-shadow:inset 0 0 18px #ff3d092e,0 0 16px #00000047;cursor:not-allowed}@keyframes lava-drift{0%{transform:translate3d(-2%,-1%,0) scale(1);filter:blur(2px) brightness(.95)}to{transform:translate3d(2%,1%,0) scale(1.04);filter:blur(3px) brightness(1.18)}}@keyframes lava-cell{0%{filter:brightness(.9)}to{filter:brightness(1.22)}}@keyframes win-tile{0%{filter:brightness(1);transform:translateY(0) scale(1)}45%{filter:brightness(1.8);transform:translateY(-3px) scale(1.04);box-shadow:inset 0 2px #ffffffa8,0 0 34px #ffe36deb,0 0 58px #ff480ec2}to{filter:brightness(1.18);transform:translateY(0) scale(1)}}@keyframes particle-burst{0%{opacity:0;transform:scale(.3) rotate(0)}35%{opacity:1}to{opacity:0;transform:scale(1.25) rotate(28deg)}}@keyframes win-dialog{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes win-message{0%{transform:scale(.72)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes reveal-next{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}@media(max-width:560px){.game-shell,.select-shell{padding:12px}.topbar,.select-header{align-items:flex-start;width:100%}.topbar{flex-direction:column}.topbar-controls{width:100%}.select-header-controls{align-items:flex-end;flex-direction:column}.topbar-controls .control-button{flex:1}.grid-board{width:min(96vw,calc((100vh - 142px) * var(--cols) / var(--rows)))}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}