*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#1e1b4b;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#game-container{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#stage{width:100%;height:100%;display:block}#ui-root{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sw-settings,.sw-fps{pointer-events:auto}#hud-container{width:100%;height:100%;position:absolute;top:0;left:0}.hud-left{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:24px;left:24px}.hud-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:24px;right:24px}.hud-stars{background:linear-gradient(165deg,#4c1d95,#2e1065);border:2px solid #ffffff59;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px 8px;display:flex;box-shadow:0 3px #00000073,0 4px 10px #00000059}.star-slot{color:#ffffff40;font-size:18px;transition:color .2s,transform .2s}.star-slot.star-filled{color:#ffd23f;text-shadow:0 0 6px #ffb700,0 0 12px #ffb70099;transform:scale(1.15)}.hud-badge{border:2px solid #ffffff73;border-radius:18px;flex-direction:column;align-items:center;gap:0;padding:6px 16px 8px;display:flex;box-shadow:0 4px #00000059,0 6px 12px #0000004d,inset 0 1px #ffffff4d}.hud-badge-score{background:linear-gradient(160deg,#ff5fa2,#c026d3)}.hud-badge-balls{background:linear-gradient(160deg,#38bdf8,#6d28d9)}.hud-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 2px #0009;font-size:12px;font-weight:800}.hud-value{color:#fff;-webkit-text-stroke:1px #00000059;text-shadow:0 2px 3px #00000080;font-size:26px;font-weight:900;line-height:1.2}.hud-btn{color:#3a2a08;cursor:pointer;text-shadow:0 1px #ffffff80,0 -1px 1px #00000073;background:radial-gradient(circle at 32% 28%,#fdf6e3 0%,#e8c874 22%,#b8860b 55%,#6b4a12 100%);border:3px solid #f0dca0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-top:8px;font-size:18px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 0 0 4px #7a5a12,0 0 0 6px #fff0c2,0 3px #00000073,0 5px 10px #00000059,inset 0 2px 2px #ffffffa6,inset 0 -3px 4px #0006,inset 0 0 0 5px #0000001f}.hud-btn:active{transform:translateY(2px)scale(.96);box-shadow:0 0 0 4px #7a5a12,0 0 0 6px #fff0c2,0 1px #00000073,0 2px 4px #0000004d,inset 0 2px 2px #ffffff80,inset 0 -2px 3px #00000073,inset 0 0 0 5px #00000029}#modal-overlay{backdrop-filter:blur(4px);pointer-events:auto;background:#0f0a1ed9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.modal-hidden{opacity:0;pointer-events:none!important}.modal-visible{opacity:1;pointer-events:auto!important}.modal-card{text-align:center;background:linear-gradient(145deg,#2e1065,#1e1b4b);border:2px solid #a855f7;border-radius:16px;width:85%;max-width:320px;padding:32px 28px;box-shadow:0 10px 25px #0009}.modal-title{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:12px;font-size:22px;font-weight:900}.modal-stars{color:#facc15;letter-spacing:4px;margin-bottom:16px;font-size:32px}.modal-reason{color:#f87171;margin-bottom:12px;font-size:14px;font-weight:700}.modal-score-label{color:#cbd5e1;font-size:13px;font-weight:700}.modal-score-val{color:#facc15;margin-bottom:24px;font-size:32px;font-weight:900}.modal-action-btn{color:#000;cursor:pointer;background:linear-gradient(#eab308,#ca8a04);border:none;border-radius:9999px;padding:12px 28px;font-size:16px;font-weight:900;transition:transform .1s;box-shadow:0 4px 12px #eab30866}.modal-action-btn:active{transform:scale(.95)}#map-overlay{pointer-events:auto;z-index:20;background:#1e1b4b;flex-direction:column;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.map-hidden{opacity:0;visibility:hidden;pointer-events:none!important}.map-visible{opacity:1;visibility:visible;pointer-events:auto!important}.map-header{background:linear-gradient(#2e1065,#1e1b4b);border-bottom:2px solid #a855f7;flex:none;justify-content:center;align-items:center;padding:16px 12px;display:flex;position:relative}.map-header-title{letter-spacing:2px;color:#facc15;text-shadow:0 0 8px #eab30880;font-size:16px;font-weight:900}.map-close-btn{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;width:40px;height:40px;font-size:16px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#map-settings-btn{font-size:18px;right:60px}.map-close-btn:active{background:#000000b3}.map-scroll{-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.map-track{width:100%;position:relative}.map-path-svg{pointer-events:none;position:absolute;top:0;left:0}.map-path-line{fill:none;stroke:#a855f773;stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 14}.map-labels{pointer-events:none;width:100%;position:absolute;top:0;left:0}.map-era-label{justify-content:center;align-items:center;display:flex;position:absolute;left:0;transform:translateY(-50%)}.map-era-label-text{letter-spacing:3px;text-transform:uppercase;background:#00000073;border:1px solid #a855f780;border-radius:9999px;padding:6px 16px;font-size:12px;font-weight:900}.map-era-1 .map-era-label-text{color:#facc15}.map-era-2 .map-era-label-text{color:#67e8f9}.map-era-3 .map-era-label-text{color:#c4b5fd}.map-era-4 .map-era-label-text{color:#bae6fd;border-color:#38bdf88c}.map-nodes{width:100%;position:absolute;top:0;left:0}.map-node{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2e1065,#1e1b4b);border:3px solid #a855f7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:absolute;box-shadow:0 4px 10px #00000080}.map-node-id{font-size:15px;font-weight:900}.map-node-stars{gap:1px;font-size:8px;line-height:1;display:flex}.map-node-star{color:#ffffff4d}.map-node-star-filled{color:#facc15}.map-node-locked{color:#ffffff59;cursor:default;box-shadow:none;background:#140f2db3;border-color:#94a3b859}.map-node-cleared{border-color:#facc15}.map-node-current{color:#1e1b4b;background:linear-gradient(145deg,#eab308,#ca8a04);border-color:#facc15;box-shadow:0 0 0 4px #eab30840,0 4px 14px #0009}.map-node-pulse{animation:1.6s ease-in-out infinite map-node-pulse}@keyframes map-node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}#intro-overlay{backdrop-filter:blur(4px);z-index:30;background:#0f0a1ee6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.intro-hidden{opacity:0;visibility:hidden;pointer-events:none!important}.intro-visible{opacity:1;visibility:visible;pointer-events:auto!important}.intro-card{text-align:center;background:linear-gradient(145deg,#2e1065,#1e1b4b);border:2px solid #a855f7;border-radius:16px;width:85%;max-width:300px;padding:28px 24px;box-shadow:0 10px 25px #0009}.intro-pictogram{color:#facc15;filter:drop-shadow(0 0 6px #eab30866);margin-bottom:12px}.intro-title{color:#fff;margin-bottom:10px;font-size:19px;font-weight:900}.intro-blurb{color:#cbd5e1;margin-bottom:20px;font-size:14px;line-height:1.4}.intro-continue-btn{color:#000;cursor:pointer;background:linear-gradient(#eab308,#ca8a04);border:none;border-radius:9999px;padding:12px 32px;font-size:15px;font-weight:900;box-shadow:0 4px 12px #eab30866}.intro-continue-btn:active{transform:scale(.95)}#objective-banner{color:#fff;letter-spacing:.5px;white-space:nowrap;pointer-events:none;z-index:15;background:#1e1b4bd9;border:1px solid #a855f7;border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.objective-banner-hidden{opacity:0;transform:translate(-50%)translateY(-6px)}.objective-banner-visible{opacity:1;transform:translate(-50%)translateY(0)}.modal-stars{letter-spacing:4px;margin-bottom:12px;font-size:32px}.modal-star{color:#4b5563;display:inline-block}.modal-star-filled{color:#facc15;text-shadow:0 0 10px #eab308;animation:.3s modal-star-pop}@keyframes modal-star-pop{0%{opacity:.4;transform:scale(.3)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.modal-objective-line{color:#a5b4fc;margin-bottom:14px;font-size:12px;font-weight:700}.modal-action-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modal-action-btn-secondary{color:#fff;box-shadow:none;background:#0006;border:2px solid #a855f7}
/*$vite$:1*/