:root{color:#eaf1fb;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1420;font-family:Vazirmatn,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.gameRoot{background:radial-gradient(circle at 50% 30%,#14263c 0%,#0b1420 70%);width:100%;height:100%;position:relative}.canvasWrap{position:absolute;inset:0}.canvasWrap canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;flex-direction:column;gap:6px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hudRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hudTitle{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffe0b3;background:#0a1422b3;border:1px solid #94a3b840;border-radius:999px;padding:6px 14px;font-size:1.1rem;font-weight:800}.hudStat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1422b3;border:1px solid #94a3b833;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}.hudHint{color:#9fb2c9;background:#0a14228c;border-radius:8px;align-self:flex-start;margin:0;padding:4px 10px;font-size:.8rem}.overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050c168c;place-items:center;display:grid;position:absolute;inset:0}.overlayCard{text-align:center;background:linear-gradient(160deg,#122236f5,#0a1422f5);border:1px solid #38f9a759;border-radius:24px;width:min(420px,86vw);padding:32px 28px;box-shadow:0 30px 80px #00000080}.overlayEmoji{font-size:3.2rem}.overlayCard h2{color:#38f9a7;margin:8px 0 4px;font-size:1.9rem}.overlayCard p{color:#b9c8dc;margin:0 0 20px;font-size:1.05rem}.primary{cursor:pointer;color:#062018;background:linear-gradient(160deg,#38f9a7,#19d17f);border:none;border-radius:14px;padding:14px 30px;font-size:1.05rem;font-weight:700;box-shadow:0 12px 30px #19d17f59}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(1px)}.touchLayer{z-index:20;pointer-events:none;position:absolute;inset:0}.touchLayer .joyBase,.touchLayer .turnButtons button{pointer-events:auto}.joyBase{touch-action:none;background:#0a14228c;border:2px solid #94a3b866;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:absolute;bottom:26px;left:22px}.joyKnob{background:#ff9f43d9;border-radius:50%;width:58px;height:58px;box-shadow:0 6px 18px #0006}.turnButtons{gap:14px;display:flex;position:absolute;bottom:40px;right:22px}.turnButtons button{color:#eaf1fb;touch-action:none;background:#0a142299;border:2px solid #94a3b866;border-radius:50%;width:74px;height:74px;font-size:2rem}.restartBtn{z-index:25;cursor:pointer;color:#eaf1fb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1422b3;border:1px solid #94a3b859;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:16px;right:16px}.restartBtn:hover{background:#ff9f4340}