*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e8e8f0;touch-action:none}#game-canvas{display:block;width:100%;height:100%;flex:1;min-height:0;cursor:grab}#game-canvas:active{cursor:grabbing}body{display:flex;flex-direction:column}#ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui-layer .ui-screen,#ui-layer .ui-hud{pointer-events:auto}.ui-screen{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1rem}.ui-panel{background:linear-gradient(160deg,#232846f5,#14182dfa);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem 1.75rem;max-width:22rem;width:100%;box-shadow:0 12px 40px #00000073}.ui-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.ui-sub{margin:0 0 1rem;opacity:.85;font-size:.95rem;line-height:1.45}.ui-stars-total{margin:0 0 1.25rem;font-size:.95rem}.ui-heading{margin:0 0 1rem;font-size:1.25rem}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;font:inherit;cursor:pointer;margin:.25rem .35rem .25rem 0}.ui-btn:hover{background:#ffffff24}.ui-btn-primary{background:linear-gradient(180deg,#5b8cff,#3d5fc7);border-color:#ffffff40}.ui-btn-ghost{background:transparent}.ui-map-panel{max-width:26rem}.ui-map-path{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ui-node{display:flex;flex-direction:column;align-items:center;min-width:5.5rem;padding:.5rem .6rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0003;color:inherit;font:inherit;cursor:pointer}.ui-node:hover:not(:disabled){border-color:#5a8cff99}.ui-node.locked{opacity:.45;cursor:not-allowed}.ui-node-num{font-weight:700;font-size:1.1rem}.ui-node-stars{font-size:.75rem;letter-spacing:.05em;color:#ffd56a}.ui-node-name{font-size:.7rem;opacity:.8;text-align:center;margin-top:.2rem}.ui-hud{position:fixed;left:0;right:0;top:0;padding:.6rem .75rem 0;display:flex;flex-direction:column;gap:.25rem;background:linear-gradient(180deg,#0f0f1eeb,#0f0f1e00);pointer-events:none}.ui-hud-top{pointer-events:auto}.ui-hud-title{font-size:.85rem;font-weight:600;margin-bottom:.35rem;opacity:.95}.ui-score-bar-wrap{position:relative;height:10px;border-radius:6px;background:#ffffff1a;overflow:visible}.ui-score-bar{height:100%;border-radius:6px;background:linear-gradient(90deg,#3d7cff,#7c5cff);transition:width .2s ease}.ui-score-marks span{position:absolute;top:-2px;width:2px;height:14px;margin-left:-1px;background:#ffffff59;border-radius:1px}.ui-hud-stats{font-size:.8rem;margin-top:.35rem;opacity:.9}.ui-hud-bottom{position:fixed;bottom:.75rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1rem;pointer-events:none}.ui-moves{pointer-events:auto;width:4.5rem;height:4.5rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191e37f2;border:2px solid rgba(255,255,255,.2);font-weight:700;font-size:1.35rem}.ui-moves small{font-size:.65rem;font-weight:500;opacity:.75}.ui-btn-pause{pointer-events:auto;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000059;color:inherit;font-size:1rem;cursor:pointer}.ui-stars-big{font-size:1.75rem;letter-spacing:.15em;color:#ffd56a;margin:.5rem 0}.ui-final-score,.ui-lose-msg{margin:0 0 1rem}.ui-tip{font-size:.88rem;opacity:.85;margin:0 0 1rem;line-height:1.4}.ui-actions{display:flex;flex-wrap:wrap;gap:.35rem}