:root{color:#fff7df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#15142f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 50% 8%,#fff3bc59,#0000 18rem),linear-gradient(135deg,#17142f 0%,#273f63 46%,#b99b67 100%);place-items:center;min-height:100svh;padding:18px;display:grid}.game-frame{aspect-ratio:430/720;background:#17142f;border:1px solid #fff1c5b8;border-radius:8px;width:min(430px,100vw - 24px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -6px 18px #3a1f0f52,0 22px 56px #0706128f,0 0 0 8px #462f2257}.game-canvas{image-rendering:auto;width:100%;height:100%;display:block}.hud{z-index:6;color:#2c1c16;text-shadow:0 1px #ffffff94;background:linear-gradient(#ffffffd1,#d9b573ad),linear-gradient(90deg,#744b2338,#fff4b44d);border:1px solid #50301961;border-radius:7px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:7px;font-size:14px;font-weight:800;display:grid;position:absolute;top:10px;left:10px;right:10px;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 3px #542d122e,0 4px 12px #08061647}.hud span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud-warning{color:#3a130a;background:linear-gradient(#ffffffbd,#ffffff14),linear-gradient(#ffe07a,#d35b2c);border:1px solid #57201059;border-radius:6px;padding:6px 8px}.hud button,.primary-button,.secondary-button{color:#311a11;font:inherit;cursor:pointer;text-shadow:0 1px #ffffff8c;background:linear-gradient(#ffffffd6,#fff0 36%),linear-gradient(#f4cc67 0%,#cf7f2c 52%,#8b441f 100%);border:1px solid #3d1f0d85;border-radius:7px;font-weight:900;box-shadow:inset 0 1px #ffffffd9,inset 0 -3px 6px #4a210d6b,0 4px #492313b8,0 9px 14px #0c081447}.hud button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.68;transform:none}.hud button{padding:6px 9px;font-size:12px}.game-hint{z-index:7;color:#2d1a10;background:linear-gradient(#ffffffe0,#ffffff24 36%),linear-gradient(#fff0ad,#d8943c 58%,#8f4c25);border:1px solid #40200d7a;border-radius:7px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 11px;display:grid;position:absolute;top:58px;left:14px;right:14px;box-shadow:inset 0 1px #ffffffdb,inset 0 -4px 8px #52230c47,0 8px 18px #08061652}.game-hint p{text-shadow:0 1px #ffffff85;margin:0;font-size:13px;font-weight:850;line-height:1.2}.game-hint button{color:#2b160d;min-height:32px;font:inherit;cursor:pointer;background:linear-gradient(#ffffffd1,#fff0 42%),linear-gradient(#f7d476,#b86626);border:1px solid #3d1f0d75;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:900;box-shadow:inset 0 1px #fffc,0 3px #4c24119e}.game-hint button:active{transform:translateY(2px);box-shadow:inset 0 1px 5px #2c140a61}.primary-button,.secondary-button{width:min(260px,100%);min-height:48px;padding:12px 18px}.secondary-button{color:#142032;background:linear-gradient(#ffffffd1,#fff0 36%),linear-gradient(#d8ebfb 0%,#6f9abe 54%,#3a5274 100%)}.hud button:active,.primary-button:active,.secondary-button:active{transform:translateY(3px);box-shadow:inset 0 1px 5px #2c140a6b,0 1px #492313b8}.screen{z-index:8;text-align:center;color:#fff8df;background:linear-gradient(#10122d5c,#120c24b8),radial-gradient(circle at 50% 18%,#ffeeb333,#0000 13rem);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:absolute;inset:0}.screen:before{content:"";z-index:-1;background:linear-gradient(#ffffff57,#ffffff0d 34%),linear-gradient(135deg,#5f361bf5,#bc8243f0 46%,#482622f7);border:1px solid #ffedb785;border-radius:8px;width:min(355px,100% - 38px);min-height:410px;position:absolute;box-shadow:inset 0 1px #ffffffb3,inset 0 -10px 20px #29110b61,0 16px 36px #03020c7a}.start-screen:after{content:"";opacity:.95;background:radial-gradient(circle at 38% 35%,#5a516847 0 9px,#0000 10px),radial-gradient(circle at 62% 57%,#5a516833 0 7px,#0000 8px),linear-gradient(145deg,#fff7ca,#d8c181);border-radius:50%;width:138px;height:138px;position:absolute;top:118px;box-shadow:inset 6px 8px 14px #ffffff8c,inset -8px -10px 16px #5f514140,0 0 32px #ffeaa273}.screen>*{z-index:1;position:relative}.screen h1,.screen h2{color:#fff3bf;text-shadow:0 2px #4d230eb8,0 6px 12px #07051459;max-width:310px;margin:0;font-size:42px;line-height:.98}.screen h2{font-size:34px}.screen p{color:#fff7df;text-shadow:0 2px 4px #230f0c80;max-width:292px;margin:0;font-size:16px;line-height:1.35}.moon-badge,.record-banner{color:#33200f;text-transform:uppercase;background:linear-gradient(#ffffffe6,#ffffff29),linear-gradient(#ffe49b,#b97635);border:1px solid #44251170;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:900;box-shadow:inset 0 1px #ffffffd1,0 3px 8px #0a061242}.record-banner.is-new{color:#251302;background:linear-gradient(#fffffff0,#ffffff2e),linear-gradient(#fff3a4,#f0a52d 52%,#a9571d)}.hint-row{color:#ffeec2;text-shadow:0 1px 3px #1e0c0a94;gap:7px;width:min(292px,100%);font-size:13px;font-weight:700;display:grid}.hint-row span{background:#2b15143d;border-radius:6px;padding:6px 8px;box-shadow:inset 0 1px #ffffff2e}.settings-row{color:#ffeec2;text-shadow:0 1px 3px #1e0c0a94;background:#2b15143d;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:min(260px,100%);padding:8px 10px;font-size:14px;font-weight:900;display:flex;box-shadow:inset 0 1px #ffffff2e}.toggle-switch{flex:none;width:56px;height:30px;display:inline-grid;position:relative}.toggle-switch input{z-index:2;cursor:pointer;opacity:0;margin:0;position:absolute;inset:0}.toggle-switch span{background:linear-gradient(#ffffff75,#ffffff0d),linear-gradient(#60433c,#271a24);border:1px solid #140a0a94;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 2px 5px #0000005c,0 1px #ffffff2e}.toggle-switch span:after{content:"";background:radial-gradient(circle at 35% 28%,#ffffffeb,#0000 34%),linear-gradient(145deg,#f6e0a6,#a9632a);border-radius:50%;width:22px;height:22px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:inset 0 -2px 4px #5b2a0f61,0 2px 4px #09050d66}.toggle-switch input:checked+span{background:linear-gradient(#ffffff8a,#ffffff14),linear-gradient(#ffe174,#c26a2a)}.toggle-switch input:checked+span:after{transform:translate(26px)}.compact-screen:before{min-height:315px}.touch-zone{z-index:3;touch-action:none;width:50%;height:78%;position:absolute;bottom:0}.touch-left{left:0}.touch-right{right:0}@media (width<=520px){.app-shell{padding:8px}.game-frame{width:min(430px,100vw - 16px);max-height:calc(100svh - 16px)}.screen{padding:22px}.screen h1{font-size:34px}.screen h2{font-size:28px}.hud{grid-template-columns:1fr 1fr 58px;gap:5px;font-size:12px}.hud button{padding:5px 6px}.game-hint{grid-template-columns:1fr;gap:8px;top:54px}.game-hint button{width:100%}}