prototypeforbryan – Custom dApp Creations

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <title>ROTATOOR</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

:root {
            --holo-cyan: #00f3ff;
            --holo-magenta: #ff00ea;
            --holo-yellow: #fbbf24;
            --holo-green: #00ff66;
            --holo-red: #ff3333;
            --panel-bg: rgba(2, 4, 8, 0.95);
        }

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Share Tech Mono', 'Courier New', monospace; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
        html, body { background-color: #020408; color: #e0f7fa; overflow: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
        #game-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block; }

#ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between; }
        #top-hud { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 12px 18px 10px 18px; background: linear-gradient(180deg, rgba(0,0,0,0.92), rgba(0,0,0,0.0)); pointer-events: auto; position: relative; z-index: 22; }
        
        .score-box { display: flex; flex-direction: column; align-items: center; min-width: 110px; flex: 0 0 auto; }
        .score-label { font-size: 0.75rem; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: var(--holo-magenta); white-space: nowrap; }
        .score-val { font-size: 2rem; line-height: 1.1; font-weight: 900; text-shadow: 0 0 10px currentColor; color: var(--holo-cyan); }
        .score-sub { font-size: 0.85rem; color: #aaa; white-space: nowrap; }
        
        #hud-controls { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: auto; padding-top: 2px; min-width: 0; }
        .hud-btn { background: rgba(0,0,0,0.6); border: 1px solid var(--holo-cyan); color: var(--holo-cyan); padding: 7px 14px; border-radius: 5px; font-weight: bold; cursor: pointer; text-transform: uppercase; font-family: inherit; font-size: 0.85rem; white-space: nowrap; }
        .diff-badge { font-size: 1.05rem; color: var(--holo-yellow); text-transform: uppercase; font-weight: bold; letter-spacing: 2px; text-shadow: 0 0 10px var(--holo-yellow); white-space: nowrap; }

#center-hud { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
        #announcer { font-size: 3.6rem; font-weight: bold; color: var(--holo-yellow); text-shadow: 0 0 30px var(--holo-yellow); opacity: 0; transform: scale(0.5); transition: all 0.2s; text-align: center; }

#announcer.show { opacity: 1; transform: scale(1); }

#mobile-controls { position: absolute; bottom: 20px; left: 0; width: 100%; height: 100px; display: none; pointer-events: none; z-index: 30; padding: 0 20px; justify-content: space-between; align-items: flex-end;}
        .touch-zone { pointer-events: auto; background: rgba(0, 243, 255, 0.1); border: 2px solid var(--holo-cyan); border-radius: 50%; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; color: var(--holo-cyan); font-size: 1.5rem; font-weight: bold; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
        .touch-zone:active { background: rgba(0, 243, 255, 0.4); box-shadow: 0 0 20px var(--holo-cyan); }
        #dpad { display: flex; gap: 10px; pointer-events: auto;}
        .dpad-btn { width: 70px; height: 70px; background: rgba(0, 243, 255, 0.1); border: 2px solid var(--holo-cyan); border-radius: 10px; display: flex; justify-content: center; align-items: center; color: var(--holo-cyan); font-size: 2rem; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
        .dpad-btn:active { background: rgba(0, 243, 255, 0.4); box-shadow: 0 0 15px var(--holo-cyan); }

.panel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--panel-bg); z-index: 100; display: none; flex-direction: column; justify-content: center; align-items: center; text-align: center; pointer-events: auto; padding: 72px 20px 30px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .panel.active { display: flex; }
        
        .panel-title { font-size: 3.2rem; line-height: 1.05; color: var(--holo-cyan); text-shadow: 0 0 20px var(--holo-cyan); margin-bottom: 5px; text-transform: uppercase;}
        .panel-subtitle { color: var(--holo-magenta); letter-spacing: 5px; margin-bottom: 26px; font-size: 1rem;}
        
        .btn-large { background: rgba(0, 243, 255, 0.1); color: var(--holo-cyan); border: 2px solid var(--holo-cyan); padding: 15px 40px; margin: 10px; font-size: 1.5rem; font-weight: bold; cursor: pointer; text-transform: uppercase; border-radius: 8px; transition: all 0.2s; box-shadow: 0 0 15px rgba(0,243,255,0.2); width: 100%; max-width: 350px; font-family: inherit; -webkit-appearance: none; appearance: none;}
        .btn-large:hover { background: var(--holo-cyan); color: #000; box-shadow: 0 0 30px var(--holo-cyan); }
        .btn-nav { background: none; color: #fff; border: 1px solid #555; padding: 10px 20px; margin: 5px; cursor: pointer; border-radius: 5px; font-size: 1rem; transition: 0.2s; font-family: inherit; -webkit-appearance: none; appearance: none;}
        .btn-nav:hover { border-color: var(--holo-magenta); color: var(--holo-magenta); }

.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; width: 100%; max-width: 800px; }
        .stat-card { background: rgba(255,255,255,0.05); padding: 15px; border-radius: 5px; border-left: 3px solid var(--holo-yellow); text-align: left; }
        .stat-card span { display: block; font-size: 0.7rem; color: #aaa; margin-bottom: 5px; text-transform: uppercase;}
        .stat-card strong { font-size: 1.3rem; color: #fff; }
        
        .coins-display { position: absolute; top: 14px; right: 18px; font-size: 1.4rem; color: var(--holo-yellow); font-weight: bold; text-shadow: 0 0 10px var(--holo-yellow); z-index: 110; display: none; align-items: center; gap: 5px; white-space: nowrap; }
        .coins-display.show { display: flex; }
        .coins-display::before { content: '¢'; font-size: 1.9rem; }

#progress-container { position: absolute; top: 122px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 62%; max-width: 600px; height: 16px; background: rgba(0,0,0,0.85); border: 2px solid #555; border-radius: 9px; overflow: visible; pointer-events: none; display: flex; align-items: center; justify-content: flex-start; box-shadow: 0 0 10px #000; transition: border-color 0.3s, box-shadow 0.3s; z-index: 21; }
        #player-progress-fill { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: var(--holo-cyan); z-index: 2; transition: width 0.2s linear; border-right: 2px solid #fff; box-shadow: 0 0 10px var(--holo-cyan); border-radius: 7px; }
        .race-label { position: absolute; top: -22px; left: 0; width: 100%; text-align: center; color: #cfefff; font-weight: bold; font-size: 0.7rem; z-index: 3; text-shadow: 1px 1px 2px #000; letter-spacing: 3px; white-space: nowrap; }

#custom-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); z-index: 9999; display: none; justify-content: center; align-items: center; padding: 0;}
        #custom-modal.active { display: flex; }
        .modal-content { background: #0a0a0a; padding: 40px; border: 2px solid var(--holo-yellow); border-radius: 15px; text-align: center; width: 95vw !important; height: 95vh !important; max-width: none !important; max-height: none !important; box-shadow: 0 0 50px rgba(251, 191, 36, 0.4); display: flex; flex-direction: column; justify-content: center; align-items: center; overflow-y: auto; -webkit-overflow-scrolling: touch; }
        .modal-title { color: var(--holo-yellow); font-size: 3.2rem; margin-bottom: 20px; text-transform: uppercase; text-shadow: 0 0 20px var(--holo-yellow);}
        .modal-msg { color: #fff; font-size: 1.7rem; margin-bottom: 50px; line-height: 1.6; max-width: 90%;}
        .modal-buttons { display: flex; gap: 20px; justify-content: center; width: 100%; flex-wrap: wrap;}

.shop-container { width: 100%; max-width: 90vw; flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 15px; border: 1px solid #333; margin-bottom: 20px; background: rgba(0,0,0,0.5); }
        .shop-tabs { display: flex; gap: 5px; margin-bottom: 15px; flex-wrap: wrap; justify-content: center; }
        .shop-tab { background: #111; color: #aaa; border: 1px solid #333; padding: 10px 15px; cursor: pointer; border-radius: 4px; text-transform: uppercase; font-size: 1rem; -webkit-appearance: none; appearance: none;}
        .shop-tab.active { background: var(--holo-cyan); color: #000; border-color: var(--holo-cyan); font-weight: bold; }
        
        .items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; }
        .item-card { background: #111; border: 1px solid #333; border-radius: 5px; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 180px; transition: 0.2s;}
        .item-card.owned { border-color: var(--holo-green); }
        .item-card.equipped { border-color: var(--holo-cyan); box-shadow: 0 0 15px rgba(0, 243, 255, 0.3); background: rgba(0, 243, 255, 0.05);}
        .item-color-swatch { width: 50px; height: 50px; border-radius: 50%; margin-bottom: 10px; border: 2px solid #fff; }
        .item-name { font-size: 0.85rem; color: #fff; margin-bottom: 5px; text-align: center; height: 35px; overflow: hidden;}
        .item-btn { width: 100%; padding: 8px; font-weight: bold; font-family: inherit; cursor: pointer; border-radius: 3px; border: none; font-size: 0.9rem; -webkit-appearance: none; appearance: none;}
        .btn-buy { background: var(--holo-yellow); color: #000; }
        .btn-equip { background: #333; color: #fff; }
        .btn-equipped { background: var(--holo-cyan); color: #000; }
        .btn-disabled { background: #222; color: #555; cursor: not-allowed; }

.level-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 15px; width: 100%; }
        .level-btn { background: #111; border: 2px solid #333; color: #555; border-radius: 8px; padding: 20px 10px; font-size: 1.5rem; font-family: inherit; font-weight: bold; cursor: pointer; transition: 0.2s; position: relative; -webkit-appearance: none; appearance: none;}
        .level-btn.unlocked { border-color: var(--holo-cyan); color: var(--holo-cyan); box-shadow: 0 0 10px rgba(0, 243, 255, 0.2); }
        .level-btn.unlocked:hover { background: var(--holo-cyan); color: #000; box-shadow: 0 0 20px var(--holo-cyan); }
        .level-btn.cleared { border-color: var(--holo-green); color: var(--holo-green); }
        .level-btn.cleared:hover { background: var(--holo-green); color: #000; }
        .star-container { position: absolute; bottom: 5px; left: 0; width: 100%; display: flex; justify-content: center; gap: 2px; }
        .star { font-size: 0.7rem; color: #333; }
        .star.earned { color: var(--holo-yellow); text-shadow: 0 0 5px var(--holo-yellow); }

.quest-card { background: #111; padding: 15px; border-radius: 8px; border-left: 5px solid var(--holo-yellow); text-align: left; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; gap: 15px;}
        .quest-info { display: flex; flex-direction: column; gap: 5px; }
        .quest-title { font-size: 1.2rem; font-weight: bold; color: #fff; }
        .quest-prog { font-size: 0.9rem; color: #aaa; }
        .quest-btn { padding: 10px 20px; font-weight: bold; background: var(--holo-yellow); color: #000; cursor: pointer; border: none; border-radius: 5px; text-transform: uppercase; font-family: inherit; font-size: 1rem; white-space: nowrap; -webkit-appearance: none; appearance: none;}
        .quest-btn:disabled { background: #333; color: #666; cursor: not-allowed; }
        .quest-timer { font-size: 1rem; color: var(--holo-cyan); }

@media (max-width: 640px) {
            .score-box { min-width: 78px; }
            .score-label { font-size: 0.6rem; }
            .score-val { font-size: 1.5rem; }
            .score-sub { font-size: 0.65rem; }
            .hud-btn { padding: 6px 10px; font-size: 0.7rem; }
            .diff-badge { font-size: 0.85rem; letter-spacing: 1px; }
            .panel-title { font-size: 2.1rem; }
            .panel-subtitle { font-size: 0.8rem; letter-spacing: 3px; margin-bottom: 18px; }
            #progress-container { top: 104px; width: 84%; height: 14px; }
            .race-label { font-size: 0.6rem; letter-spacing: 2px; top: -19px; }
            .quest-card { flex-direction: column; align-items: flex-start; }
            .stat-grid { grid-template-columns: 1fr; }
            .modal-title { font-size: 2rem; }
            .modal-msg { font-size: 1.15rem; margin-bottom: 30px; }
        }

@media (max-height: 520px) {
            #announcer { font-size: 2rem; }
            #top-hud { padding: 8px 12px; }
            .score-val { font-size: 1.4rem; }
            #progress-container { top: 90px; }
        }
    </style>
</head>
<body data-rsssl=1>

<div id="custom-modal">
        <div class="modal-content">
            <h2 class="modal-title" id="modal-title">NOTICE</h2>
            <p class="modal-msg" id="modal-msg">Message</p>
            <div class="modal-buttons">
                <button class="btn-large" style="margin: 0; padding: 20px 50px; font-size: 1.8rem;" id="modal-btn-ok" onclick="closeModal()">ACKNOWLEDGE</button>
                <button class="btn-large" style="margin: 0; padding: 20px 50px; font-size: 1.8rem; background: #333; border-color: #555; color: #fff; display:none;" id="modal-btn-cancel" onclick="closeModal()">CANCEL</button>
            </div>
        </div>
    </div>

<div id="screen-start" class="panel active">
        <h1 class="panel-title">ROTATOOR</h1>
        <h3 class="panel-subtitle">STORM RUNNER</h3>
        
        <button class="btn-large" id="btn-continue" style="display:none; padding: 20px 60px; font-size: 2rem; border-color: var(--holo-green); color: var(--holo-green);" onclick="continueSavedGame()">CONTINUE RUN</button>
        <button class="btn-large" style="padding: 20px 60px; font-size: 2rem;" onclick="startLevel(State.currentLevel)">NEW RUN</button>
        
        <div style="display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top: 10px; margin-bottom: 20px;">
            <button class="btn-nav" id="btn-difficulty" onclick="toggleDifficulty()" style="border-color: var(--holo-yellow); color: var(--holo-yellow); font-weight: bold;">DIFFICULTY: NORMAL</button>
            <button class="btn-nav" onclick="showPanel('screen-shop')" style="font-size: 1.2rem; padding: 15px 30px;">ROTATOOR LAB</button>
        </div>
        
        <div>
            <button class="btn-nav" onclick="showPanel('screen-levels')">SECTORS</button>
            <button class="btn-nav" onclick="showPanel('screen-quests')">MISSIONS</button>
            <button class="btn-nav" onclick="showPanel('screen-stats')">STATS</button>
            <button class="btn-nav" onclick="showPanel('screen-settings')">SETTINGS</button>
        </div>
    </div>

<div id="screen-levels" class="panel">
        <h1 class="panel-title" style="font-size: 3rem;">SELECT SECTOR</h1>
        <div class="shop-container" style="max-width: 90vw;">
            <div class="level-grid" id="level-grid">
            </div>
        </div>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px; margin-top:0;" onclick="goBack()">BACK</button>
    </div>

<div id="screen-pause" class="panel">
        <h1 class="panel-title" style="color: var(--holo-yellow); text-shadow: 0 0 20px var(--holo-yellow);">PAUSED</h1>
        <button class="btn-large" onclick="resumeGame()">RESUME</button>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px;" onclick="showPanel('screen-settings')">SETTINGS</button>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px; border-color: var(--holo-red); color: var(--holo-red);" onclick="quitGame()">ABORT MISSION</button>
    </div>

<div id="screen-gameover" class="panel">
        <h1 class="panel-title" id="go-title" style="color: var(--holo-magenta); text-shadow: 0 0 20px var(--holo-magenta);">SECTOR FAILED</h1>
        <h3 class="panel-subtitle" id="go-subtitle">FALLEN INTO THE VOID</h3>
        
        <div class="stat-grid">
            <div class="stat-card"><span>DISTANCE</span><strong id="go-mass">0 M</strong></div>
            <div class="stat-card"><span>COINS GATHERED</span><strong id="go-objs">0</strong></div>
            <div class="stat-card"><span>ENEMIES CRUSHED</span><strong id="go-enemies">0</strong></div>
            <div class="stat-card" style="border-color: var(--holo-yellow);"><span>GEARS EARNED <span id="go-diff-mult" style="display:inline; color:var(--holo-yellow);"></span></span><strong id="go-coins" style="color: var(--holo-yellow)">0</strong></div>
        </div>

<button class="btn-large" id="btn-next-level" style="display:none;" onclick="startLevel(State.currentLevel + 1)">NEXT SECTOR</button>
        <button class="btn-large" onclick="startLevel(State.currentLevel)">RETRY SECTOR</button>
        <div>
            <button class="btn-nav" onclick="showPanel('screen-levels')">SECTOR MAP</button>
            <button class="btn-nav" onclick="quitGame()">MAIN MENU</button>
        </div>
    </div>

<div id="screen-stats" class="panel">
        <h1 class="panel-title" style="font-size: 3rem;">LIFETIME RECORD</h1>
        <div class="stat-grid" id="lifetime-stats-grid" style="max-width: 800px;">
        </div>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px;" onclick="goBack()">BACK</button>
    </div>

<div id="screen-quests" class="panel">
        <h1 class="panel-title" style="font-size: 3rem;">MISSIONS</h1>
        <div class="shop-container" id="quests-grid" style="display: flex; flex-direction: column; gap: 10px; max-width: 90vw;">
        </div>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px;" onclick="goBack()">BACK</button>
    </div>

<div id="screen-settings" class="panel">
        <h1 class="panel-title" style="font-size: 3rem;">SETTINGS</h1>
        <div style="margin-bottom: 30px; text-align: left; width: 100%; max-width: 400px;">
            <label style="color:#fff; font-size:1.2rem; display:block; margin-bottom:20px; cursor:pointer;">
                <input type="checkbox" id="set-sound" checked onchange="toggleSound(this.checked)" style="transform: scale(1.5); -webkit-transform: scale(1.5); margin-right:15px;"> Interface Sounds
            </label>
            <label style="color:#fff; font-size:1.2rem; display:block; margin-bottom:20px; cursor:pointer;">
                <input type="checkbox" id="set-music" checked onchange="toggleMusic(this.checked)" style="transform: scale(1.5); -webkit-transform: scale(1.5); margin-right:15px;"> Background Music
            </label>
            <label style="color:#fff; font-size:1.2rem; display:block; margin-bottom:20px; cursor:pointer;">
                <input type="checkbox" id="set-shadows" checked onchange="toggleShadows(this.checked)" style="transform: scale(1.5); -webkit-transform: scale(1.5); margin-right:15px;"> Render Shadows
            </label>
            <label style="color:#fff; font-size:1.2rem; display:block; margin-bottom:20px; cursor:pointer;">
                <input type="checkbox" id="set-joystick" onchange="toggleJoystick(this.checked)" style="transform: scale(1.5); -webkit-transform: scale(1.5); margin-right:15px;"> Use Joystick (Mobile)
            </label>
            <button class="btn-nav" style="width: 100%; border-color: red; color: red; margin-top: 40px; padding: 20px; font-size: 1.2rem;" onclick="confirmWipe()">WIPE ALL SAVE DATA</button>
        </div>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px;" onclick="goBack()">BACK</button>
    </div>

<div id="screen-shop" class="panel">
        <h1 class="panel-title" style="font-size: 3rem;">ROTATOOR LAB</h1>
        <div class="shop-tabs" id="shop-tabs">
            <div class="shop-tab active" data-cat="core" onclick="renderShop('core', this)">AVATAR</div>
            <div class="shop-tab" data-cat="ring" onclick="renderShop('ring', this)">TRAIL</div>
            <div class="shop-tab" data-cat="grid" onclick="renderShop('grid', this)">WORLD</div>
            <div class="shop-tab" data-cat="boost" onclick="renderShop('boost', this)">PERKS</div>
        </div>
        <div class="shop-container" style="max-width: 90vw;">
            <div class="items-grid" id="shop-grid">
            </div>
        </div>
        <button class="btn-large" style="font-size: 1.2rem; padding: 10px 30px; margin-top:0;" onclick="goBack()">BACK</button>
    </div>

<div id="ui-layer" style="display:none;">
        <div id="top-hud">
            <div class="score-box">
                <div class="score-label">DISTANCE</div>
                <div class="score-val" id="hud-mass">0</div>
                <div class="score-sub" id="hud-mass-target">/ 500</div>
            </div>
            <div id="hud-controls">
                <button class="hud-btn" onclick="pauseGame()">|| PAUSE</button>
                <div class="diff-badge" id="hud-timer">60s</div>
                <div class="diff-badge" id="hud-level" style="color:var(--holo-green)">SECTOR 1</div>
            </div>
            <div class="score-box">
                <div class="score-label">COINS</div>
                <div class="score-val" id="hud-radius" style="color: var(--holo-yellow)">0</div>
                <div class="score-sub">COLLECTED</div>
            </div>
        </div>

<div id="progress-container">
            <div id="player-progress-fill"></div>
            <div class="race-label">SECTOR PROGRESS</div>
        </div>

<div id="center-hud">
            <div id="announcer">READY?</div>
        </div>

function padHex6(n) {
            var s = n.toString(16);
            while(s.length < 6) s = '0' + s;
            return s;
        }

var PRICES = [
            0, 20, 24, 28, 33, 39, 46, 54, 64, 75,
            89, 105, 124, 146, 172, 203, 240, 283, 334, 394,
            465, 549, 648, 765, 902, 1064, 1256, 1482, 1749, 2064,
            2435, 2873, 3390, 4000, 4720, 5570, 6572, 7755, 9151, 10798,
            12742, 15035, 17741, 20935, 24703, 29150, 34397, 40589, 47895, 56516,
            66689, 78693, 92858, 109572, 129295, 152568, 180030, 212435, 250673, 295794,
            349037, 411864, 486000, 573480, 676706, 798513, 942245, 1111850, 1311983, 1548140,
            1826805, 2155630, 2543643, 3001499, 3541769, 4179287, 4931559, 5819240, 6866703, 8102710
        ];

var SHOP_DB = [
            { id: 'core0', cat: 'core', name: 'Rotatoor Mark I', cost: PRICES[0], val: 0x000000 },
            { id: 'core1', cat: 'core', name: 'Rotatoor Mark II', cost: PRICES[1], val: 0x004444 },
            { id: 'core2', cat: 'core', name: 'Rotatoor Mark III', cost: PRICES[2], val: 0x440000 },
            { id: 'core3', cat: 'core', name: 'Rotatoor Mark IV', cost: PRICES[3], val: 0x004411 },
            { id: 'core4', cat: 'core', name: 'Rotatoor Mark V', cost: PRICES[4], val: 0x330044 },
            { id: 'core5', cat: 'core', name: 'Rotatoor Mark VI', cost: PRICES[5], val: 0xffffff },
            { id: 'core6', cat: 'core', name: 'Rotatoor Mark VII', cost: PRICES[6], val: 0xaa4400 },
            { id: 'core7', cat: 'core', name: 'Rotatoor Mark VIII', cost: PRICES[7], val: 0x000088 },
            { id: 'core8', cat: 'core', name: 'Rotatoor Mark IX', cost: PRICES[8], val: 0x660044 },
            { id: 'core9', cat: 'core', name: 'Rotatoor Mark X', cost: PRICES[9], val: 0x88ff00 },
            { id: 'core10', cat: 'core', name: 'Rotatoor Mark XI', cost: PRICES[10], val: 0xaa8800 },
            { id: 'core11', cat: 'core', name: 'Rotatoor Mark XII', cost: PRICES[11], val: 0x111111 },
            { id: 'core12', cat: 'core', name: 'Rotatoor Mark XIII', cost: PRICES[12], val: 0x220022 },
            { id: 'core13', cat: 'core', name: 'Rotatoor Mark XIV', cost: PRICES[13], val: 0x550000 },
            { id: 'core14', cat: 'core', name: 'Rotatoor Mark XV', cost: PRICES[14], val: 0x00ff88 },
            { id: 'core15', cat: 'core', name: 'Rotatoor Mark XVI', cost: PRICES[15], val: 0x050511 },
            { id: 'core16', cat: 'core', name: 'Rotatoor Mark XVII', cost: PRICES[16], val: 0xffddaa },
            { id: 'core17', cat: 'core', name: 'Rotatoor Mark XVIII', cost: PRICES[17], val: 0x112233 },
            { id: 'core18', cat: 'core', name: 'Rotatoor Mark XIX', cost: PRICES[18], val: 0x223344 },
            { id: 'core19', cat: 'core', name: 'Rotatoor Mark XX', cost: PRICES[19], val: 0x334455 },
            { id: 'core20', cat: 'core', name: 'Storm Bounder I', cost: PRICES[20], val: 0x445566 },
            { id: 'core21', cat: 'core', name: 'Storm Bounder II', cost: PRICES[21], val: 0x556677 },
            { id: 'core22', cat: 'core', name: 'Storm Bounder III', cost: PRICES[22], val: 0x667788 },
            { id: 'core23', cat: 'core', name: 'Storm Bounder IV', cost: PRICES[23], val: 0x778899 },
            { id: 'core24', cat: 'core', name: 'Storm Bounder V', cost: PRICES[24], val: 0x8899aa },
            { id: 'core25', cat: 'core', name: 'Storm Bounder VI', cost: PRICES[25], val: 0x99aabb },
            { id: 'core26', cat: 'core', name: 'Storm Bounder VII', cost: PRICES[26], val: 0xaabbcc },
            { id: 'core27', cat: 'core', name: 'Storm Bounder VIII', cost: PRICES[27], val: 0xbbccdd },
            { id: 'core28', cat: 'core', name: 'Storm Bounder IX', cost: PRICES[28], val: 0xccddee },
            { id: 'core29', cat: 'core', name: 'Storm Bounder X', cost: PRICES[29], val: 0xddeeff },
            { id: 'core30', cat: 'core', name: 'Storm Bounder XI', cost: PRICES[30], val: 0xeeff11 },
            { id: 'core31', cat: 'core', name: 'Storm Bounder XII', cost: PRICES[31], val: 0xff1122 },
            { id: 'core32', cat: 'core', name: 'Storm Bounder XIII', cost: PRICES[32], val: 0x1122ff },
            { id: 'core33', cat: 'core', name: 'Storm Bounder XIV', cost: PRICES[33], val: 0x22ff11 },
            { id: 'core34', cat: 'core', name: 'Storm Bounder XV', cost: PRICES[34], val: 0xff11ff },
            { id: 'core35', cat: 'core', name: 'Storm Bounder XVI', cost: PRICES[35], val: 0x11ffff },
            { id: 'core36', cat: 'core', name: 'Storm Bounder XVII', cost: PRICES[36], val: 0xffff11 },
            { id: 'core37', cat: 'core', name: 'Storm Bounder XVIII', cost: PRICES[37], val: 0x0000aa },
            { id: 'core38', cat: 'core', name: 'Storm Bounder XIX', cost: PRICES[38], val: 0x00aa00 },
            { id: 'core39', cat: 'core', name: 'Storm Bounder XX', cost: PRICES[39], val: 0xaa0000 },
            { id: 'core40', cat: 'core', name: 'Vortex Hopper I', cost: PRICES[40], val: 0xaaaa00 },
            { id: 'core41', cat: 'core', name: 'Vortex Hopper II', cost: PRICES[41], val: 0xaa00aa },
            { id: 'core42', cat: 'core', name: 'Vortex Hopper III', cost: PRICES[42], val: 0x00aaaa },
            { id: 'core43', cat: 'core', name: 'Vortex Hopper IV', cost: PRICES[43], val: 0xaaaaaa },
            { id: 'core44', cat: 'core', name: 'Vortex Hopper V', cost: PRICES[44], val: 0x0000ff },
            { id: 'core45', cat: 'core', name: 'Vortex Hopper VI', cost: PRICES[45], val: 0x00ff00 },
            { id: 'core46', cat: 'core', name: 'Vortex Hopper VII', cost: PRICES[46], val: 0xff0000 },
            { id: 'core47', cat: 'core', name: 'Vortex Hopper VIII', cost: PRICES[47], val: 0xffff00 },
            { id: 'core48', cat: 'core', name: 'Vortex Hopper IX', cost: PRICES[48], val: 0xff00ff },
            { id: 'core49', cat: 'core', name: 'Vortex Hopper X', cost: PRICES[49], val: 0x00ffff },
            { id: 'core50', cat: 'core', name: 'Vortex Hopper XI', cost: PRICES[50], val: 0xffffff },
            { id: 'core51', cat: 'core', name: 'Vortex Hopper XII', cost: PRICES[51], val: 0x222222 },
            { id: 'core52', cat: 'core', name: 'Vortex Hopper XIII', cost: PRICES[52], val: 0x444444 },
            { id: 'core53', cat: 'core', name: 'Vortex Hopper XIV', cost: PRICES[53], val: 0x666666 },
            { id: 'core54', cat: 'core', name: 'Vortex Hopper XV', cost: PRICES[54], val: 0x888888 },
            { id: 'core55', cat: 'core', name: 'Vortex Hopper XVI', cost: PRICES[55], val: 0xaaaaaa },
            { id: 'core56', cat: 'core', name: 'Vortex Hopper XVII', cost: PRICES[56], val: 0xcccccc },
            { id: 'core57', cat: 'core', name: 'Vortex Hopper XVIII', cost: PRICES[57], val: 'STATIC' },
            { id: 'core58', cat: 'core', name: 'Vortex Hopper XIX', cost: PRICES[58], val: 'STATIC_RED' },
            { id: 'core59', cat: 'core', name: 'Vortex Hopper XX', cost: PRICES[59], val: 'STATIC_NOISE' },
            { id: 'core60', cat: 'core', name: 'Prime Rotatoor I', cost: PRICES[60], val: 0x101010 },
            { id: 'core61', cat: 'core', name: 'Prime Rotatoor II', cost: PRICES[61], val: 0x121212 },
            { id: 'core62', cat: 'core', name: 'Prime Rotatoor III', cost: PRICES[62], val: 0x141414 },
            { id: 'core63', cat: 'core', name: 'Prime Rotatoor IV', cost: PRICES[63], val: 0x161616 },
            { id: 'core64', cat: 'core', name: 'Prime Rotatoor V', cost: PRICES[64], val: 0x181818 },
            { id: 'core65', cat: 'core', name: 'Prime Rotatoor VI', cost: PRICES[65], val: 0x1a1a1a },
            { id: 'core66', cat: 'core', name: 'Prime Rotatoor VII', cost: PRICES[66], val: 0x1c1c1c },
            { id: 'core67', cat: 'core', name: 'Prime Rotatoor VIII', cost: PRICES[67], val: 0x1e1e1e },
            { id: 'core68', cat: 'core', name: 'Prime Rotatoor IX', cost: PRICES[68], val: 0x202020 },
            { id: 'core69', cat: 'core', name: 'Prime Rotatoor X', cost: PRICES[69], val: 0x222222 },
            { id: 'core70', cat: 'core', name: 'Prime Rotatoor XI', cost: PRICES[70], val: 0x242424 },
            { id: 'core71', cat: 'core', name: 'Prime Rotatoor XII', cost: PRICES[71], val: 0x262626 },
            { id: 'core72', cat: 'core', name: 'Prime Rotatoor XIII', cost: PRICES[72], val: 0x282828 },
            { id: 'core73', cat: 'core', name: 'Prime Rotatoor XIV', cost: PRICES[73], val: 0x2a2a2a },
            { id: 'core74', cat: 'core', name: 'Prime Rotatoor XV', cost: PRICES[74], val: 0x2c2c2c },
            { id: 'core75', cat: 'core', name: 'Prime Rotatoor XVI', cost: PRICES[75], val: 0x2e2e2e },
            { id: 'core76', cat: 'core', name: 'Prime Rotatoor XVII', cost: PRICES[76], val: 0x303030 },
            { id: 'core77', cat: 'core', name: 'Prime Rotatoor XVIII', cost: PRICES[77], val: 0x323232 },
            { id: 'core78', cat: 'core', name: 'Prime Rotatoor XIX', cost: PRICES[78], val: 0x343434 },
            { id: 'core79', cat: 'core', name: 'Prime Rotatoor XX', cost: PRICES[79], val: 0x363636 },

{ id: 'ring0', cat: 'ring', name: 'Dust Trail I', cost: PRICES[0], val: 0x00f3ff },
            { id: 'ring1', cat: 'ring', name: 'Dust Trail II', cost: PRICES[1], val: 0xff00ea },
            { id: 'ring2', cat: 'ring', name: 'Dust Trail III', cost: PRICES[2], val: 0x00ff66 },
            { id: 'ring3', cat: 'ring', name: 'Dust Trail IV', cost: PRICES[3], val: 0xff3333 },
            { id: 'ring4', cat: 'ring', name: 'Dust Trail V', cost: PRICES[4], val: 0xfbbf24 },
            { id: 'ring5', cat: 'ring', name: 'Dust Trail VI', cost: PRICES[5], val: 0xffffff },
            { id: 'ring6', cat: 'ring', name: 'Dust Trail VII', cost: PRICES[6], val: 0x9932cc },
            { id: 'ring7', cat: 'ring', name: 'Dust Trail VIII', cost: PRICES[7], val: 0xdc143c },
            { id: 'ring8', cat: 'ring', name: 'Dust Trail IX', cost: PRICES[8], val: 0x32cd32 },
            { id: 'ring9', cat: 'ring', name: 'Dust Trail X', cost: PRICES[9], val: 0x111111 },
            { id: 'ring10', cat: 'ring', name: 'Dust Trail XI', cost: PRICES[10], val: 0xffd700 },
            { id: 'ring11', cat: 'ring', name: 'Dust Trail XII', cost: PRICES[11], val: 0xf0f8ff },
            { id: 'ring12', cat: 'ring', name: 'Dust Trail XIII', cost: PRICES[12], val: 0x00ffff },
            { id: 'ring13', cat: 'ring', name: 'Dust Trail XIV', cost: PRICES[13], val: 0xff4500 },
            { id: 'ring14', cat: 'ring', name: 'Dust Trail XV', cost: PRICES[14], val: 0x88ccff },
            { id: 'ring15', cat: 'ring', name: 'Dust Trail XVI', cost: PRICES[15], val: 0x050505 },
            { id: 'ring16', cat: 'ring', name: 'Dust Trail XVII', cost: PRICES[16], val: 0xddddff },
            { id: 'ring17', cat: 'ring', name: 'Dust Trail XVIII', cost: PRICES[17], val: 0xffaaff },
            { id: 'ring18', cat: 'ring', name: 'Dust Trail XIX', cost: PRICES[18], val: 0xffffee },
            { id: 'ring19', cat: 'ring', name: 'Dust Trail XX', cost: PRICES[19], val: 0x440000 },
            { id: 'ring20', cat: 'ring', name: 'Dust Halo I', cost: PRICES[20], val: 0x22ffbb },
            { id: 'ring21', cat: 'ring', name: 'Dust Halo II', cost: PRICES[21], val: 0x33eec0 },
            { id: 'ring22', cat: 'ring', name: 'Dust Halo III', cost: PRICES[22], val: 0x44ddc5 },
            { id: 'ring23', cat: 'ring', name: 'Dust Halo IV', cost: PRICES[23], val: 0x55ccca },
            { id: 'ring24', cat: 'ring', name: 'Dust Halo V', cost: PRICES[24], val: 0x66bbcf },
            { id: 'ring25', cat: 'ring', name: 'Dust Halo VI', cost: PRICES[25], val: 0x77aad4 },
            { id: 'ring26', cat: 'ring', name: 'Dust Halo VII', cost: PRICES[26], val: 0x8899d9 },
            { id: 'ring27', cat: 'ring', name: 'Dust Halo VIII', cost: PRICES[27], val: 0x9988de },
            { id: 'ring28', cat: 'ring', name: 'Dust Halo IX', cost: PRICES[28], val: 0xaa77e3 },
            { id: 'ring29', cat: 'ring', name: 'Dust Halo X', cost: PRICES[29], val: 0xbb66e8 },
            { id: 'ring30', cat: 'ring', name: 'Dust Halo XI', cost: PRICES[30], val: 0xcc55ed },
            { id: 'ring31', cat: 'ring', name: 'Dust Halo XII', cost: PRICES[31], val: 0xdd44f2 },
            { id: 'ring32', cat: 'ring', name: 'Dust Halo XIII', cost: PRICES[32], val: 0xee33f7 },
            { id: 'ring33', cat: 'ring', name: 'Dust Halo XIV', cost: PRICES[33], val: 0xff22fc },
            { id: 'ring34', cat: 'ring', name: 'Dust Halo XV', cost: PRICES[34], val: 0xff33ee },
            { id: 'ring35', cat: 'ring', name: 'Dust Halo XVI', cost: PRICES[35], val: 0xff44dd },
            { id: 'ring36', cat: 'ring', name: 'Dust Halo XVII', cost: PRICES[36], val: 0xff55cc },
            { id: 'ring37', cat: 'ring', name: 'Dust Halo XVIII', cost: PRICES[37], val: 0xff66bb },
            { id: 'ring38', cat: 'ring', name: 'Dust Halo XIX', cost: PRICES[38], val: 0xff77aa },
            { id: 'ring39', cat: 'ring', name: 'Dust Halo XX', cost: PRICES[39], val: 0xff8899 },
            { id: 'ring40', cat: 'ring', name: 'Dust Pulse I', cost: PRICES[40], val: 0x99aaff },
            { id: 'ring41', cat: 'ring', name: 'Dust Pulse II', cost: PRICES[41], val: 0x8899ee },
            { id: 'ring42', cat: 'ring', name: 'Dust Pulse III', cost: PRICES[42], val: 0x7788dd },
            { id: 'ring43', cat: 'ring', name: 'Dust Pulse IV', cost: PRICES[43], val: 0x6677cc },
            { id: 'ring44', cat: 'ring', name: 'Dust Pulse V', cost: PRICES[44], val: 0x5566bb },
            { id: 'ring45', cat: 'ring', name: 'Dust Pulse VI', cost: PRICES[45], val: 0x4455aa },
            { id: 'ring46', cat: 'ring', name: 'Dust Pulse VII', cost: PRICES[46], val: 0x334499 },
            { id: 'ring47', cat: 'ring', name: 'Dust Pulse VIII', cost: PRICES[47], val: 0x223388 },
            { id: 'ring48', cat: 'ring', name: 'Dust Pulse IX', cost: PRICES[48], val: 0x112277 },
            { id: 'ring49', cat: 'ring', name: 'Dust Pulse X', cost: PRICES[49], val: 0x001166 },
            { id: 'ring50', cat: 'ring', name: 'Dust Pulse XI', cost: PRICES[50], val: 0x110066 },
            { id: 'ring51', cat: 'ring', name: 'Dust Pulse XII', cost: PRICES[51], val: 0x221177 },
            { id: 'ring52', cat: 'ring', name: 'Dust Pulse XIII', cost: PRICES[52], val: 0x332288 },
            { id: 'ring53', cat: 'ring', name: 'Dust Pulse XIV', cost: PRICES[53], val: 0x443399 },
            { id: 'ring54', cat: 'ring', name: 'Dust Pulse XV', cost: PRICES[54], val: 0x5544aa },
            { id: 'ring55', cat: 'ring', name: 'Dust Pulse XVI', cost: PRICES[55], val: 0x6655bb },
            { id: 'ring56', cat: 'ring', name: 'Dust Pulse XVII', cost: PRICES[56], val: 0x7766cc },
            { id: 'ring57', cat: 'ring', name: 'Dust Pulse XVIII', cost: PRICES[57], val: 0x8877dd },
            { id: 'ring58', cat: 'ring', name: 'Dust Pulse XIX', cost: PRICES[58], val: 0x9988ee },
            { id: 'ring59', cat: 'ring', name: 'Dust Pulse XX', cost: PRICES[59], val: 0xaa99ff },
            { id: 'ring60', cat: 'ring', name: 'Wind Echo I', cost: PRICES[60], val: 0xffffff },
            { id: 'ring61', cat: 'ring', name: 'Wind Echo II', cost: PRICES[61], val: 0xeeeeee },
            { id: 'ring62', cat: 'ring', name: 'Wind Echo III', cost: PRICES[62], val: 0xdddddd },
            { id: 'ring63', cat: 'ring', name: 'Wind Echo IV', cost: PRICES[63], val: 0xcccccc },
            { id: 'ring64', cat: 'ring', name: 'Wind Echo V', cost: PRICES[64], val: 0xbbbbbb },
            { id: 'ring65', cat: 'ring', name: 'Wind Echo VI', cost: PRICES[65], val: 0xaaaaaa },
            { id: 'ring66', cat: 'ring', name: 'Wind Echo VII', cost: PRICES[66], val: 0x999999 },
            { id: 'ring67', cat: 'ring', name: 'Wind Echo VIII', cost: PRICES[67], val: 0x888888 },
            { id: 'ring68', cat: 'ring', name: 'Wind Echo IX', cost: PRICES[68], val: 0x777777 },
            { id: 'ring69', cat: 'ring', name: 'Wind Echo X', cost: PRICES[69], val: 0x666666 },
            { id: 'ring70', cat: 'ring', name: 'Wind Echo XI', cost: PRICES[70], val: 0x555555 },
            { id: 'ring71', cat: 'ring', name: 'Wind Echo XII', cost: PRICES[71], val: 0x444444 },
            { id: 'ring72', cat: 'ring', name: 'Wind Echo XIII', cost: PRICES[72], val: 0x333333 },
            { id: 'ring73', cat: 'ring', name: 'Wind Echo XIV', cost: PRICES[73], val: 0x222222 },
            { id: 'ring74', cat: 'ring', name: 'Wind Echo XV', cost: PRICES[74], val: 0x111111 },
            { id: 'ring75', cat: 'ring', name: 'Wind Echo XVI', cost: PRICES[75], val: 0x0a0a0a },
            { id: 'ring76', cat: 'ring', name: 'Wind Echo XVII', cost: PRICES[76], val: 0x080808 },
            { id: 'ring77', cat: 'ring', name: 'Wind Echo XVIII', cost: PRICES[77], val: 0x050505 },
            { id: 'ring78', cat: 'ring', name: 'Wind Echo XIX', cost: PRICES[78], val: 0x030303 },
            { id: 'ring79', cat: 'ring', name: 'Wind Echo XX', cost: PRICES[79], val: 0x010101 },

{ id: 'grid0', cat: 'grid', name: 'Field Matrix I', cost: PRICES[0], val: { bg: 0x020408, line: 0x00f3ff } },
            { id: 'grid1', cat: 'grid', name: 'Field Matrix II', cost: PRICES[1], val: { bg: 0x110022, line: 0xff00ea } },
            { id: 'grid2', cat: 'grid', name: 'Field Matrix III', cost: PRICES[2], val: { bg: 0x001100, line: 0x00ff66 } },
            { id: 'grid3', cat: 'grid', name: 'Field Matrix IV', cost: PRICES[3], val: { bg: 0x220000, line: 0xff3333 } },
            { id: 'grid4', cat: 'grid', name: 'Field Matrix V', cost: PRICES[4], val: { bg: 0x221100, line: 0xfbbf24 } },
            { id: 'grid5', cat: 'grid', name: 'Field Matrix VI', cost: PRICES[5], val: { bg: 0x112233, line: 0xffffff } },
            { id: 'grid6', cat: 'grid', name: 'Field Matrix VII', cost: PRICES[6], val: { bg: 0x110011, line: 0x9932cc } },
            { id: 'grid7', cat: 'grid', name: 'Field Matrix VIII', cost: PRICES[7], val: { bg: 0x0a0000, line: 0xdc143c } },
            { id: 'grid8', cat: 'grid', name: 'Field Matrix IX', cost: PRICES[8], val: { bg: 0x051105, line: 0x32cd32 } },
            { id: 'grid9', cat: 'grid', name: 'Field Matrix X', cost: PRICES[9], val: { bg: 0x000000, line: 0x111111 } },
            { id: 'grid10', cat: 'grid', name: 'Field Matrix XI', cost: PRICES[10], val: { bg: 0x221a00, line: 0xffd700 } },
            { id: 'grid11', cat: 'grid', name: 'Field Matrix XII', cost: PRICES[11], val: { bg: 0xcccccc, line: 0xffffff } },
            { id: 'grid12', cat: 'grid', name: 'Field Matrix XIII', cost: PRICES[12], val: { bg: 0x000000, line: 0x00f3ff } },
            { id: 'grid13', cat: 'grid', name: 'Field Matrix XIV', cost: PRICES[13], val: { bg: 0x330000, line: 0x000000 } },
            { id: 'grid14', cat: 'grid', name: 'Field Matrix XV', cost: PRICES[14], val: { bg: 0x000000, line: 0x888888 } },
            { id: 'grid15', cat: 'grid', name: 'Field Matrix XVI', cost: PRICES[15], val: { bg: 0x002200, line: 0x00ff00 } },
            { id: 'grid16', cat: 'grid', name: 'Field Matrix XVII', cost: PRICES[16], val: { bg: 0x000022, line: 0xff0088 } },
            { id: 'grid17', cat: 'grid', name: 'Field Matrix XVIII', cost: PRICES[17], val: { bg: 0x110033, line: 0x00ffff } },
            { id: 'grid18', cat: 'grid', name: 'Field Matrix XIX', cost: PRICES[18], val: { bg: 0x440000, line: 0xffaa00 } },
            { id: 'grid19', cat: 'grid', name: 'Field Matrix XX', cost: PRICES[19], val: { bg: 0x222222, line: 0xff0000 } },
            { id: 'grid20', cat: 'grid', name: 'Pulse Grid I', cost: PRICES[20], val: { bg: 0x000000, line: 0x00ff00 } },
            { id: 'grid21', cat: 'grid', name: 'Pulse Grid II', cost: PRICES[21], val: { bg: 0x000000, line: 0x00ee00 } },
            { id: 'grid22', cat: 'grid', name: 'Pulse Grid III', cost: PRICES[22], val: { bg: 0x000000, line: 0x00dd00 } },
            { id: 'grid23', cat: 'grid', name: 'Pulse Grid IV', cost: PRICES[23], val: { bg: 0x000000, line: 0x00cc00 } },
            { id: 'grid24', cat: 'grid', name: 'Pulse Grid V', cost: PRICES[24], val: { bg: 0x000000, line: 0x00bb00 } },
            { id: 'grid25', cat: 'grid', name: 'Pulse Grid VI', cost: PRICES[25], val: { bg: 0x000000, line: 0x00aa00 } },
            { id: 'grid26', cat: 'grid', name: 'Pulse Grid VII', cost: PRICES[26], val: { bg: 0x000000, line: 0x009900 } },
            { id: 'grid27', cat: 'grid', name: 'Pulse Grid VIII', cost: PRICES[27], val: { bg: 0x000000, line: 0x008800 } },
            { id: 'grid28', cat: 'grid', name: 'Pulse Grid IX', cost: PRICES[28], val: { bg: 0x000000, line: 0x007700 } },
            { id: 'grid29', cat: 'grid', name: 'Pulse Grid X', cost: PRICES[29], val: { bg: 0x000000, line: 0x006600 } },
            { id: 'grid30', cat: 'grid', name: 'Pulse Grid XI', cost: PRICES[30], val: { bg: 0x000000, line: 0x005500 } },
            { id: 'grid31', cat: 'grid', name: 'Pulse Grid XII', cost: PRICES[31], val: { bg: 0x000000, line: 0x004400 } },
            { id: 'grid32', cat: 'grid', name: 'Pulse Grid XIII', cost: PRICES[32], val: { bg: 0x000000, line: 0x003300 } },
            { id: 'grid33', cat: 'grid', name: 'Pulse Grid XIV', cost: PRICES[33], val: { bg: 0x000000, line: 0x002200 } },
            { id: 'grid34', cat: 'grid', name: 'Pulse Grid XV', cost: PRICES[34], val: { bg: 0x000000, line: 0x001100 } },
            { id: 'grid35', cat: 'grid', name: 'Pulse Grid XVI', cost: PRICES[35], val: { bg: 0x110000, line: 0x00ff00 } },
            { id: 'grid36', cat: 'grid', name: 'Pulse Grid XVII', cost: PRICES[36], val: { bg: 0x220000, line: 0x00ee00 } },
            { id: 'grid37', cat: 'grid', name: 'Pulse Grid XVIII', cost: PRICES[37], val: { bg: 0x330000, line: 0x00dd00 } },
            { id: 'grid38', cat: 'grid', name: 'Pulse Grid XIX', cost: PRICES[38], val: { bg: 0x440000, line: 0x00cc00 } },
            { id: 'grid39', cat: 'grid', name: 'Pulse Grid XX', cost: PRICES[39], val: { bg: 0x550000, line: 0x00bb00 } },
            { id: 'grid40', cat: 'grid', name: 'Wind Grid I', cost: PRICES[40], val: { bg: 0x000033, line: 0x0088ff } },
            { id: 'grid41', cat: 'grid', name: 'Wind Grid II', cost: PRICES[41], val: { bg: 0x000044, line: 0x0077ee } },
            { id: 'grid42', cat: 'grid', name: 'Wind Grid III', cost: PRICES[42], val: { bg: 0x000055, line: 0x0066dd } },
            { id: 'grid43', cat: 'grid', name: 'Wind Grid IV', cost: PRICES[43], val: { bg: 0x000066, line: 0x0055cc } },
            { id: 'grid44', cat: 'grid', name: 'Wind Grid V', cost: PRICES[44], val: { bg: 0x000077, line: 0x0044bb } },
            { id: 'grid45', cat: 'grid', name: 'Wind Grid VI', cost: PRICES[45], val: { bg: 0x000088, line: 0x0033aa } },
            { id: 'grid46', cat: 'grid', name: 'Wind Grid VII', cost: PRICES[46], val: { bg: 0x000099, line: 0x002299 } },
            { id: 'grid47', cat: 'grid', name: 'Wind Grid VIII', cost: PRICES[47], val: { bg: 0x0000aa, line: 0x001188 } },
            { id: 'grid48', cat: 'grid', name: 'Wind Grid IX', cost: PRICES[48], val: { bg: 0x0000bb, line: 0x000077 } },
            { id: 'grid49', cat: 'grid', name: 'Wind Grid X', cost: PRICES[49], val: { bg: 0x0000cc, line: 0x110066 } },
            { id: 'grid50', cat: 'grid', name: 'Wind Grid XI', cost: PRICES[50], val: { bg: 0x0000dd, line: 0x220055 } },
            { id: 'grid51', cat: 'grid', name: 'Wind Grid XII', cost: PRICES[51], val: { bg: 0x0000ee, line: 0x330044 } },
            { id: 'grid52', cat: 'grid', name: 'Wind Grid XIII', cost: PRICES[52], val: { bg: 0x0000ff, line: 0x440033 } },
            { id: 'grid53', cat: 'grid', name: 'Wind Grid XIV', cost: PRICES[53], val: { bg: 0x1100ff, line: 0x550022 } },
            { id: 'grid54', cat: 'grid', name: 'Wind Grid XV', cost: PRICES[54], val: { bg: 0x2200ff, line: 0x660011 } },
            { id: 'grid55', cat: 'grid', name: 'Wind Grid XVI', cost: PRICES[55], val: { bg: 0x3300ff, line: 0x770000 } },
            { id: 'grid56', cat: 'grid', name: 'Wind Grid XVII', cost: PRICES[56], val: { bg: 0x4400ff, line: 0x880000 } },
            { id: 'grid57', cat: 'grid', name: 'Wind Grid XVIII', cost: PRICES[57], val: { bg: 0x5500ff, line: 0x990000 } },
            { id: 'grid58', cat: 'grid', name: 'Wind Grid XIX', cost: PRICES[58], val: { bg: 0x6600ff, line: 0xaa0000 } },
            { id: 'grid59', cat: 'grid', name: 'Wind Grid XX', cost: PRICES[59], val: { bg: 0x7700ff, line: 0xbb0000 } },
            { id: 'grid60', cat: 'grid', name: 'Rotatoor Grid I', cost: PRICES[60], val: { bg: 0x111111, line: 0xffffff } },
            { id: 'grid61', cat: 'grid', name: 'Rotatoor Grid II', cost: PRICES[61], val: { bg: 0x111111, line: 0xeeeeee } },
            { id: 'grid62', cat: 'grid', name: 'Rotatoor Grid III', cost: PRICES[62], val: { bg: 0x111111, line: 0xdddddd } },
            { id: 'grid63', cat: 'grid', name: 'Rotatoor Grid IV', cost: PRICES[63], val: { bg: 0x111111, line: 0xcccccc } },
            { id: 'grid64', cat: 'grid', name: 'Rotatoor Grid V', cost: PRICES[64], val: { bg: 0x111111, line: 0xbbbbbb } },
            { id: 'grid65', cat: 'grid', name: 'Rotatoor Grid VI', cost: PRICES[65], val: { bg: 0x111111, line: 0xaaaaaa } },
            { id: 'grid66', cat: 'grid', name: 'Rotatoor Grid VII', cost: PRICES[66], val: { bg: 0x111111, line: 0x999999 } },
            { id: 'grid67', cat: 'grid', name: 'Rotatoor Grid VIII', cost: PRICES[67], val: { bg: 0x111111, line: 0x888888 } },
            { id: 'grid68', cat: 'grid', name: 'Rotatoor Grid IX', cost: PRICES[68], val: { bg: 0x111111, line: 0x777777 } },
            { id: 'grid69', cat: 'grid', name: 'Rotatoor Grid X', cost: PRICES[69], val: { bg: 0x111111, line: 0x666666 } },
            { id: 'grid70', cat: 'grid', name: 'Rotatoor Grid XI', cost: PRICES[70], val: { bg: 0x111111, line: 0x555555 } },
            { id: 'grid71', cat: 'grid', name: 'Rotatoor Grid XII', cost: PRICES[71], val: { bg: 0x111111, line: 0x444444 } },
            { id: 'grid72', cat: 'grid', name: 'Rotatoor Grid XIII', cost: PRICES[72], val: { bg: 0x111111, line: 0x333333 } },
            { id: 'grid73', cat: 'grid', name: 'Rotatoor Grid XIV', cost: PRICES[73], val: { bg: 0x111111, line: 0x222222 } },
            { id: 'grid74', cat: 'grid', name: 'Rotatoor Grid XV', cost: PRICES[74], val: { bg: 0x111111, line: 0x111111 } },
            { id: 'grid75', cat: 'grid', name: 'Rotatoor Grid XVI', cost: PRICES[75], val: { bg: 0x111111, line: 0x0a0a0a } },
            { id: 'grid76', cat: 'grid', name: 'Rotatoor Grid XVII', cost: PRICES[76], val: { bg: 0x111111, line: 0x080808 } },
            { id: 'grid77', cat: 'grid', name: 'Rotatoor Grid XVIII', cost: PRICES[77], val: { bg: 0x111111, line: 0x050505 } },
            { id: 'grid78', cat: 'grid', name: 'Rotatoor Grid XIX', cost: PRICES[78], val: { bg: 0x111111, line: 0x030303 } },
            { id: 'grid79', cat: 'grid', name: 'Rotatoor Grid XX', cost: PRICES[79], val: { bg: 0x111111, line: 0x000000 } },

{ id: 'boost0', cat: 'boost', name: 'No Perk', cost: PRICES[0], val: { spd: 1.0, jump: 1.0, mag: 1.0, time: 0 } },
            { id: 'boost1', cat: 'boost', name: 'Rotatoor Gear I', cost: PRICES[1], val: { spd: 1.1, jump: 1.0, mag: 1.2, time: 0 } },
            { id: 'boost2', cat: 'boost', name: 'Rotatoor Gear II', cost: PRICES[2], val: { spd: 1.0, jump: 1.1, mag: 1.2, time: 0 } },
            { id: 'boost3', cat: 'boost', name: 'Rotatoor Gear III', cost: PRICES[3], val: { spd: 1.0, jump: 1.0, mag: 1.5, time: 10 } },
            { id: 'boost4', cat: 'boost', name: 'Rotatoor Gear IV', cost: PRICES[4], val: { spd: 1.2, jump: 1.0, mag: 1.5, time: 0 } },
            { id: 'boost5', cat: 'boost', name: 'Rotatoor Gear V', cost: PRICES[5], val: { spd: 1.0, jump: 1.2, mag: 1.5, time: 0 } },
            { id: 'boost6', cat: 'boost', name: 'Rotatoor Gear VI', cost: PRICES[6], val: { spd: 1.0, jump: 1.0, mag: 1.8, time: 20 } },
            { id: 'boost7', cat: 'boost', name: 'Rotatoor Gear VII', cost: PRICES[7], val: { spd: 1.3, jump: 1.1, mag: 1.8, time: 0 } },
            { id: 'boost8', cat: 'boost', name: 'Rotatoor Gear VIII', cost: PRICES[8], val: { spd: 1.0, jump: 1.3, mag: 1.8, time: 15 } },
            { id: 'boost9', cat: 'boost', name: 'Rotatoor Gear IX', cost: PRICES[9], val: { spd: 1.4, jump: 1.0, mag: 2.0, time: 0 } },
            { id: 'boost10', cat: 'boost', name: 'Rotatoor Gear X', cost: PRICES[10], val: { spd: 1.0, jump: 1.4, mag: 2.0, time: 0 } },
            { id: 'boost11', cat: 'boost', name: 'Rotatoor Gear XI', cost: PRICES[11], val: { spd: 1.0, jump: 1.0, mag: 2.0, time: 35 } },
            { id: 'boost12', cat: 'boost', name: 'Rotatoor Gear XII', cost: PRICES[12], val: { spd: 1.2, jump: 1.2, mag: 2.0, time: 20 } },
            { id: 'boost13', cat: 'boost', name: 'Rotatoor Gear XIII', cost: PRICES[13], val: { spd: 1.0, jump: 1.0, mag: 2.5, time: 60 } },
            { id: 'boost14', cat: 'boost', name: 'Rotatoor Gear XIV', cost: PRICES[14], val: { spd: 1.0, jump: 1.5, mag: 2.5, time: 0 } },
            { id: 'boost15', cat: 'boost', name: 'Rotatoor Gear XV', cost: PRICES[15], val: { spd: 1.5, jump: 1.5, mag: 2.5, time: 30 } },
            { id: 'boost16', cat: 'boost', name: 'Rotatoor Gear XVI', cost: PRICES[16], val: { spd: 1.5, jump: 2.0, mag: 2.5, time: 0 } },
            { id: 'boost17', cat: 'boost', name: 'Rotatoor Gear XVII', cost: PRICES[17], val: { spd: 2.0, jump: 1.5, mag: 3.0, time: 20 } },
            { id: 'boost18', cat: 'boost', name: 'Rotatoor Gear XVIII', cost: PRICES[18], val: { spd: 1.8, jump: 2.2, mag: 3.0, time: 20 } },
            { id: 'boost19', cat: 'boost', name: 'Rotatoor Gear XIX', cost: PRICES[19], val: { spd: 2.5, jump: 2.5, mag: 3.5, time: 60 } },
            { id: 'boost20', cat: 'boost', name: 'Storm Maker I', cost: PRICES[20], val: { spd: 2.6, jump: 2.6, mag: 4.0, time: 65 } },
            { id: 'boost21', cat: 'boost', name: 'Storm Maker II', cost: PRICES[21], val: { spd: 2.7, jump: 2.7, mag: 4.0, time: 70 } },
            { id: 'boost22', cat: 'boost', name: 'Storm Maker III', cost: PRICES[22], val: { spd: 2.8, jump: 2.8, mag: 4.5, time: 75 } },
            { id: 'boost23', cat: 'boost', name: 'Storm Maker IV', cost: PRICES[23], val: { spd: 2.9, jump: 2.9, mag: 4.5, time: 80 } },
            { id: 'boost24', cat: 'boost', name: 'Storm Maker V', cost: PRICES[24], val: { spd: 3.0, jump: 3.0, mag: 5.0, time: 85 } },
            { id: 'boost25', cat: 'boost', name: 'Storm Maker VI', cost: PRICES[25], val: { spd: 3.1, jump: 3.1, mag: 5.0, time: 90 } },
            { id: 'boost26', cat: 'boost', name: 'Storm Maker VII', cost: PRICES[26], val: { spd: 3.2, jump: 3.2, mag: 5.5, time: 95 } },
            { id: 'boost27', cat: 'boost', name: 'Storm Maker VIII', cost: PRICES[27], val: { spd: 3.3, jump: 3.3, mag: 5.5, time: 100 } },
            { id: 'boost28', cat: 'boost', name: 'Storm Maker IX', cost: PRICES[28], val: { spd: 3.4, jump: 3.4, mag: 6.0, time: 105 } },
            { id: 'boost29', cat: 'boost', name: 'Storm Maker X', cost: PRICES[29], val: { spd: 3.5, jump: 3.5, mag: 6.0, time: 110 } },
            { id: 'boost30', cat: 'boost', name: 'Storm Maker XI', cost: PRICES[30], val: { spd: 3.6, jump: 3.6, mag: 6.5, time: 115 } },
            { id: 'boost31', cat: 'boost', name: 'Storm Maker XII', cost: PRICES[31], val: { spd: 3.7, jump: 3.7, mag: 6.5, time: 120 } },
            { id: 'boost32', cat: 'boost', name: 'Storm Maker XIII', cost: PRICES[32], val: { spd: 3.8, jump: 3.8, mag: 7.0, time: 125 } },
            { id: 'boost33', cat: 'boost', name: 'Storm Maker XIV', cost: PRICES[33], val: { spd: 3.9, jump: 3.9, mag: 7.0, time: 130 } },
            { id: 'boost34', cat: 'boost', name: 'Storm Maker XV', cost: PRICES[34], val: { spd: 4.0, jump: 4.0, mag: 7.5, time: 135 } },
            { id: 'boost35', cat: 'boost', name: 'Storm Maker XVI', cost: PRICES[35], val: { spd: 4.1, jump: 4.1, mag: 7.5, time: 140 } },
            { id: 'boost36', cat: 'boost', name: 'Storm Maker XVII', cost: PRICES[36], val: { spd: 4.2, jump: 4.2, mag: 8.0, time: 145 } },
            { id: 'boost37', cat: 'boost', name: 'Storm Maker XVIII', cost: PRICES[37], val: { spd: 4.3, jump: 4.3, mag: 8.0, time: 150 } },
            { id: 'boost38', cat: 'boost', name: 'Storm Maker XIX', cost: PRICES[38], val: { spd: 4.4, jump: 4.4, mag: 8.5, time: 155 } },
            { id: 'boost39', cat: 'boost', name: 'Storm Maker XX', cost: PRICES[39], val: { spd: 4.5, jump: 4.5, mag: 8.5, time: 160 } },
            { id: 'boost40', cat: 'boost', name: 'Whirl Core I', cost: PRICES[40], val: { spd: 4.6, jump: 4.6, mag: 9.0, time: 165 } },
            { id: 'boost41', cat: 'boost', name: 'Whirl Core II', cost: PRICES[41], val: { spd: 4.7, jump: 4.7, mag: 9.0, time: 170 } },
            { id: 'boost42', cat: 'boost', name: 'Whirl Core III', cost: PRICES[42], val: { spd: 4.8, jump: 4.8, mag: 9.5, time: 175 } },
            { id: 'boost43', cat: 'boost', name: 'Whirl Core IV', cost: PRICES[43], val: { spd: 4.9, jump: 4.9, mag: 9.5, time: 180 } },
            { id: 'boost44', cat: 'boost', name: 'Whirl Core V', cost: PRICES[44], val: { spd: 5.0, jump: 5.0, mag: 10.0, time: 185 } },
            { id: 'boost45', cat: 'boost', name: 'Whirl Core VI', cost: PRICES[45], val: { spd: 5.1, jump: 5.1, mag: 10.0, time: 190 } },
            { id: 'boost46', cat: 'boost', name: 'Whirl Core VII', cost: PRICES[46], val: { spd: 5.2, jump: 5.2, mag: 10.5, time: 195 } },
            { id: 'boost47', cat: 'boost', name: 'Whirl Core VIII', cost: PRICES[47], val: { spd: 5.3, jump: 5.3, mag: 10.5, time: 200 } },
            { id: 'boost48', cat: 'boost', name: 'Whirl Core IX', cost: PRICES[48], val: { spd: 5.4, jump: 5.4, mag: 11.0, time: 205 } },
            { id: 'boost49', cat: 'boost', name: 'Whirl Core X', cost: PRICES[49], val: { spd: 5.5, jump: 5.5, mag: 11.0, time: 210 } },
            { id: 'boost50', cat: 'boost', name: 'Whirl Core XI', cost: PRICES[50], val: { spd: 5.6, jump: 5.6, mag: 11.5, time: 215 } },
            { id: 'boost51', cat: 'boost', name: 'Whirl Core XII', cost: PRICES[51], val: { spd: 5.7, jump: 5.7, mag: 11.5, time: 220 } },
            { id: 'boost52', cat: 'boost', name: 'Whirl Core XIII', cost: PRICES[52], val: { spd: 5.8, jump: 5.8, mag: 12.0, time: 225 } },
            { id: 'boost53', cat: 'boost', name: 'Whirl Core XIV', cost: PRICES[53], val: { spd: 5.9, jump: 5.9, mag: 12.0, time: 230 } },
            { id: 'boost54', cat: 'boost', name: 'Whirl Core XV', cost: PRICES[54], val: { spd: 6.0, jump: 6.0, mag: 12.5, time: 235 } },
            { id: 'boost55', cat: 'boost', name: 'Whirl Core XVI', cost: PRICES[55], val: { spd: 6.1, jump: 6.1, mag: 12.5, time: 240 } },
            { id: 'boost56', cat: 'boost', name: 'Whirl Core XVII', cost: PRICES[56], val: { spd: 6.2, jump: 6.2, mag: 13.0, time: 245 } },
            { id: 'boost57', cat: 'boost', name: 'Whirl Core XVIII', cost: PRICES[57], val: { spd: 6.3, jump: 6.3, mag: 13.0, time: 250 } },
            { id: 'boost58', cat: 'boost', name: 'Whirl Core XIX', cost: PRICES[58], val: { spd: 6.4, jump: 6.4, mag: 13.5, time: 255 } },
            { id: 'boost59', cat: 'boost', name: 'Whirl Core XX', cost: PRICES[59], val: { spd: 6.5, jump: 6.5, mag: 13.5, time: 260 } },
            { id: 'boost60', cat: 'boost', name: 'Rotatoor Perk I', cost: PRICES[60], val: { spd: 6.6, jump: 6.6, mag: 14.0, time: 265 } },
            { id: 'boost61', cat: 'boost', name: 'Rotatoor Perk II', cost: PRICES[61], val: { spd: 6.7, jump: 6.7, mag: 14.0, time: 270 } },
            { id: 'boost62', cat: 'boost', name: 'Rotatoor Perk III', cost: PRICES[62], val: { spd: 6.8, jump: 6.8, mag: 14.5, time: 275 } },
            { id: 'boost63', cat: 'boost', name: 'Rotatoor Perk IV', cost: PRICES[63], val: { spd: 6.9, jump: 6.9, mag: 14.5, time: 280 } },
            { id: 'boost64', cat: 'boost', name: 'Rotatoor Perk V', cost: PRICES[64], val: { spd: 7.0, jump: 7.0, mag: 15.0, time: 285 } },
            { id: 'boost65', cat: 'boost', name: 'Rotatoor Perk VI', cost: PRICES[65], val: { spd: 7.1, jump: 7.1, mag: 15.0, time: 290 } },
            { id: 'boost66', cat: 'boost', name: 'Rotatoor Perk VII', cost: PRICES[66], val: { spd: 7.2, jump: 7.2, mag: 15.5, time: 295 } },
            { id: 'boost67', cat: 'boost', name: 'Rotatoor Perk VIII', cost: PRICES[67], val: { spd: 7.3, jump: 7.3, mag: 15.5, time: 300 } },
            { id: 'boost68', cat: 'boost', name: 'Rotatoor Perk IX', cost: PRICES[68], val: { spd: 7.4, jump: 7.4, mag: 16.0, time: 305 } },
            { id: 'boost69', cat: 'boost', name: 'Rotatoor Perk X', cost: PRICES[69], val: { spd: 7.5, jump: 7.5, mag: 16.0, time: 310 } },
            { id: 'boost70', cat: 'boost', name: 'Rotatoor Perk XI', cost: PRICES[70], val: { spd: 7.6, jump: 7.6, mag: 16.5, time: 315 } },
            { id: 'boost71', cat: 'boost', name: 'Rotatoor Perk XII', cost: PRICES[71], val: { spd: 7.7, jump: 7.7, mag: 16.5, time: 320 } },
            { id: 'boost72', cat: 'boost', name: 'Rotatoor Perk XIII', cost: PRICES[72], val: { spd: 7.8, jump: 7.8, mag: 17.0, time: 325 } },
            { id: 'boost73', cat: 'boost', name: 'Rotatoor Perk XIV', cost: PRICES[73], val: { spd: 7.9, jump: 7.9, mag: 17.0, time: 330 } },
            { id: 'boost74', cat: 'boost', name: 'Rotatoor Perk XV', cost: PRICES[74], val: { spd: 8.0, jump: 8.0, mag: 17.5, time: 335 } },
            { id: 'boost75', cat: 'boost', name: 'Rotatoor Perk XVI', cost: PRICES[75], val: { spd: 8.1, jump: 8.1, mag: 17.5, time: 340 } },
            { id: 'boost76', cat: 'boost', name: 'Rotatoor Perk XVII', cost: PRICES[76], val: { spd: 8.2, jump: 8.2, mag: 18.0, time: 345 } },
            { id: 'boost77', cat: 'boost', name: 'Rotatoor Perk XVIII', cost: PRICES[77], val: { spd: 8.3, jump: 8.3, mag: 18.0, time: 350 } },
            { id: 'boost78', cat: 'boost', name: 'Rotatoor Perk XIX', cost: PRICES[78], val: { spd: 8.4, jump: 8.4, mag: 18.5, time: 355 } },
            { id: 'boost79', cat: 'boost', name: 'Rotatoor Perk XX', cost: PRICES[79], val: { spd: 8.5, jump: 8.5, mag: 18.5, time: 360 } }
        ];

var QUEST_DEFS = {
            s1: { type: 'games', target: 3, reward: 50, cd: 20, title: 'Enter the Bound 3 Times' },
            s2: { type: 'distance', target: 500, reward: 100, cd: 20, title: 'Travel 500 Meters' },
            s3: { type: 'objs', target: 100, reward: 100, cd: 20, title: 'Collect 100 Coins' },
            s4: { type: 'coins', target: 200, reward: 50, cd: 20, title: 'Harvest 200 Gears' },
            s5: { type: 'enemies', target: 15, reward: 150, cd: 20, title: 'Crush 15 Rivals' },
            l1: { type: 'games', target: 15, reward: 500, cd: 480, title: 'Enter the Bound 15 Times' },
            l2: { type: 'distance', target: 5000, reward: 1000, cd: 480, title: 'Travel 5000 Total Meters' },
            l3: { type: 'objs', target: 1000, reward: 800, cd: 480, title: 'Collect 1000 Coins' },
            l4: { type: 'enemies', target: 40, reward: 1000, cd: 480, title: 'Crush 40 Rivals' },
            l5: { type: 'coins', target: 2000, reward: 1500, cd: 480, title: 'Harvest 2000 Gears' }
        };

var DEFAULT_PROFILE = {
            coins: 0, totalMass: 0, totalObjs: 0, totalEnemies: 0, gamesPlayed: 0, maxRadius: 0, lastDailyReward: 0,
            totalTimePlayed: 0, totalDarkMatter: 0, maxMassReached: 0,
            unlockedLevel: 1, levelStars: {},
            inventory: ['core0', 'ring0', 'grid0', 'boost0'],
            equipped: { core: 'core0', ring: 'ring0', grid: 'grid0', boost: 'boost0' },
            settings: { sound: true, music: true, shadows: true, difficulty: 'NORMAL', joystick: false },
            quests: {
                s1: { p: 0, c: 0 }, s2: { p: 0, c: 0 }, s3: { p: 0, c: 0 }, s4: { p: 0, c: 0 }, s5: { p: 0, c: 0 },
                l1: { p: 0, c: 0 }, l2: { p: 0, c: 0 }, l3: { p: 0, c: 0 }, l4: { p: 0, c: 0 }, l5: { p: 0, c: 0 }
            }
        };

var Profile = cloneDefault(DEFAULT_PROFILE);

var audioCtx = null;
        var bgmOsc = null;
        var bgmGain = null;

function unlockAudio() {
            initAudio();
            if(audioCtx && audioCtx.state === 'suspended' && audioCtx.resume) {
                audioCtx.resume();
            }
        }

function closeModal() { document.getElementById('custom-modal').classList.remove('active'); }

function saveProfile() {
            SafeStorage.setItem('rotatoorProfile', JSON.stringify(Profile));
            updateGlobalCoins();
        }

function updateGlobalCoins() { document.getElementById('global-coins').innerText = Profile.coins; }

function toggleDifficulty() {
            unlockAudio(); playSound('click');
            var diffs = ['CASUAL', 'NORMAL', 'EXTREME'];
            var curr = diffs.indexOf(Profile.settings.difficulty);
            var next = (curr + 1) % diffs.length;
            Profile.settings.difficulty = diffs[next];
            saveProfile();
            document.getElementById('btn-difficulty').innerText = 'DIFFICULTY: ' + diffs[next];
        }

var State = {
            currentLevel: 1,
            distance: 0, objsEaten: 0, enemiesEaten: 0, coinsEarned: 0,
            isPlaying: false, isPaused: false, isGameOver: false, endReason: '',
            isWarping: false, warpTimer: 0, warpDest: '', inBonus: false, bonusReturnPos: null,
            timeLeft: 60, targetMass: 500,
            levelData: null,
            keys: { a: false, s: false, d: false, space: false }
        };

var activePanel = 'screen-start';
        var previousPanel = 'screen-start';
        var questInterval, gameTimerInterval, autoSaveInterval;

var scene, camera, renderer;
        var playerObj, playerVortex, playerFace;
        var vortexStrands = [], vortexRings = [], playerArms = [];
        var platforms = [], itemBlocks = [], eatables = [], aiEnemies = [];
        var finishLine = null;
        var particleSystem, particlesGeo, particlesMat;
        var playerVelocity = new THREE.Vector3(0,0,0);
        var isGrounded = false;
        var jumpCount = 0;
        var isThreeInitialized = false;
        var animationId = null;
        var playerSize = 1.5;

var randSeed = 1;
        var useSeededRandom = false;

function saveGameState() {
            if(!State.isPlaying || State.isGameOver) return;
            var save = {
                version: 1,
                level: State.currentLevel,
                distance: State.distance,
                objsEaten: State.objsEaten,
                enemiesEaten: State.enemiesEaten,
                coinsEarned: State.coinsEarned,
                timeLeft: State.timeLeft,
                targetMass: State.targetMass,
                px: playerObj.position.x,
                py: playerObj.position.y,
                pz: playerObj.position.z,
                seed: randSeed
            };
            SafeStorage.setItem('rotatoorSave', JSON.stringify(save));
            refreshContinueButton();
        }

function clearGameState() {
            SafeStorage.removeItem('rotatoorSave');
            refreshContinueButton();
        }

function continueSavedGame() {
            var save = loadGameState();
            if(!save) {
                showModal("NO SAVE", "No saved run was found.");
                return;
            }
            startLevel(save.level, true);
        }

loadProfile();

function showPanel(id) {
            unlockAudio(); playSound('click');
            var panels = document.querySelectorAll('.panel');
            for(var i = 0; i < panels.length; i++) panels[i].classList.remove('active');
            clearInterval(questInterval);

if(id) {
                document.getElementById('global-coins').classList.add('show');
                document.getElementById(id).classList.add('active');
                previousPanel = activePanel;
                activePanel = id;
                if(id === 'screen-stats') populateStats();
                if(id === 'screen-shop') renderShop('core', null);
                if(id === 'screen-quests') renderQuests();
                if(id === 'screen-levels') renderLevelSelect();
                if(id === 'screen-start') refreshContinueButton();
            } else {
                document.getElementById('global-coins').classList.remove('show');
            }
        }

function goBack() { showPanel(previousPanel); }

function claimQuest(id) {
            unlockAudio(); playSound('click');
            var qd = QUEST_DEFS[id];
            var pq = Profile.quests[id];
            if(pq.p >= qd.target && pq.c === 0) {
                Profile.coins += qd.reward;
                Profile.totalDarkMatter += qd.reward;
                pq.c = Date.now() + (qd.cd * 60 * 1000);
                saveProfile();
                updateGlobalCoins();
                renderQuests();
            }
        }

html += '<div class="quest-card">' +
                        '<div class="quest-info">' +
                            '<div class="quest-title">' + qd.title + '</div>' +
                            '<div class="quest-prog">' + progText + '</div>' +
                        '</div>' +
                        btnHtml +
                    '</div>';
            }
            grid.innerHTML = html;
            questInterval = setInterval(function() {
                var ct = Date.now();
                var needRender = false;
                for(var id in QUEST_DEFS) {
                    if(!Object.prototype.hasOwnProperty.call(QUEST_DEFS, id)) continue;
                    var pq = Profile.quests[id];
                    if(pq.c > 0) {
                        if(ct >= pq.c) { pq.c = 0; pq.p = 0; saveProfile(); needRender = true; } 
                        else {
                            var el = document.getElementById('qt-' + id);
                            if(el) {
                                var rem = pq.c - ct;
                                var h = Math.floor(rem / 3600000);
                                var m = Math.floor((rem % 3600000) / 60000);
                                var s = Math.floor((rem % 60000) / 1000);
                                el.innerText = h + 'h ' + m + 'm ' + s + 's';
                            }
                        }
                    }
                }
                if(needRender) renderQuests();
            }, 1000);
        }

card.innerHTML = visual + '<div class="item-name">' + item.name + '</div>' + btnHtml;
                    grid.appendChild(card);
                })(items[k]);
            }
        }

function buyItem(id, cost, category) {
            unlockAudio(); playSound('click');
            if (Profile.coins >= cost) {
                Profile.coins -= cost;
                Profile.inventory.push(id);
                equipItem(category, id, null); 
            }
        }

function equipItem(category, id, el) {
            if(el) { unlockAudio(); playSound('click'); }
            Profile.equipped[category] = id;
            saveProfile();
            renderShop(category, null);
            if(scene) applyEquippedVisuals(); 
        }

function formatTime(seconds) {
            var h = Math.floor(seconds / 3600);
            var m = Math.floor((seconds % 3600) / 60);
            var s = Math.floor(seconds % 60);
            if(h > 0) return h + 'h ' + m + 'm';
            return m + 'm ' + s + 's';
        }

function populateStats() {
            var cleared = Profile.unlockedLevel > 1 ? Profile.unlockedLevel - 1 : 0;
            var html = '';
            html += '<div class="stat-card"><span>SECTORS CLEARED</span><strong>' + cleared + ' / 100</strong></div>';
            html += '<div class="stat-card"><span>MAX DISTANCE</span><strong>' + Profile.maxMassReached + ' M</strong></div>';
            html += '<div class="stat-card"><span>TOTAL DISTANCE</span><strong>' + Profile.totalMass + ' M</strong></div>';
            html += '<div class="stat-card"><span>COINS GATHERED</span><strong>' + Profile.totalObjs + '</strong></div>';
            html += '<div class="stat-card"><span>RIVALS CRUSHED</span><strong>' + Profile.totalEnemies + '</strong></div>';
            html += '<div class="stat-card"><span>GEARS EARNED</span><strong>' + Profile.totalDarkMatter + '</strong></div>';
            html += '<div class="stat-card"><span>TOTAL PLAY TIME</span><strong>' + formatTime(Profile.totalTimePlayed) + '</strong></div>';
            document.getElementById('lifetime-stats-grid').innerHTML = html;
        }

function renderLevelSelect() {
            var grid = document.getElementById('level-grid');
            grid.innerHTML = '';
            for(var i=1; i<=100; i++) {
                (function(level) {
                    var btn = document.createElement('button');
                    var isUnlocked = level <= Profile.unlockedLevel;
                    var stars = Profile.levelStars[level] || 0;
                    
                    var classes = 'level-btn';
                    if(isUnlocked) classes += ' unlocked';
                    if(stars > 0) classes += ' cleared';
                    btn.className = classes;
                    
                    var starHtml = '<div class="star-container">';
                    for(var s=1; s<=3; s++) {
                        starHtml += '<span class="star ' + (s <= stars ? 'earned' : '') + '">★</span>';
                    }
                    starHtml += '</div>';

btn.innerHTML = level + (isUnlocked ? starHtml : '');
                    
                    if(isUnlocked) {
                        btn.onclick = function() { startLevel(level); };
                    } else {
                        btn.onclick = function() { showModal("LOCKED", "Clear Sector " + (level-1) + " to access this region."); };
                    }
                    grid.appendChild(btn);
                })(i);
            }
        }

function getLevelData(lvl) {
            var targetDistance = 300 + (lvl * 150);
            var timeLimit = 60 + Math.floor(lvl * 1.5);
            var numEnemies = Math.floor(lvl / 2) + 5; 
            var numCoins = 30 + lvl * 2;

var themeIndex = lvl % 20; 
            var gridTheme = SHOP_DB.find(function(x) { return x.id === 'grid' + themeIndex; }).val;
            
            return { targetDistance: targetDistance, timeLimit: timeLimit, numEnemies: numEnemies, numCoins: numCoins, gridTheme: gridTheme };
        }

function resizeCanvas() {
            if(!camera || !renderer) return;
            var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
            if(width === 0 || height === 0) return;
            camera.aspect = width / height;
            camera.updateProjectionMatrix();
            renderer.setSize(width, height);
        }

window.addEventListener('resize', resizeCanvas);
        window.addEventListener('orientationchange', function() { setTimeout(resizeCanvas, 200); });

State.isPlaying = true; State.isPaused = false; State.isGameOver = false;
            State.isWarping = false; State.inBonus = false;
            State.targetMass = State.levelData.targetDistance;
            
            var boost = SHOP_DB.find(function(x) { return x.id === Profile.equipped.boost; }).val;
            
            var restoredSave = null;
            if(resumeFromSave) {
                var s = loadGameState();
                if(s && s.level === lvl) {
                    restoredSave = s;
                }
            }

if(restoredSave) {
                srand(restoredSave.seed);
                useSeededRandom = true;
                resetGameWorld();
                useSeededRandom = false;

State.distance = restoredSave.distance;
                State.objsEaten = restoredSave.objsEaten;
                State.enemiesEaten = restoredSave.enemiesEaten;
                State.coinsEarned = restoredSave.coinsEarned;
                State.timeLeft = restoredSave.timeLeft;
                State.targetMass = restoredSave.targetMass;
                playerObj.position.set(restoredSave.px, restoredSave.py, restoredSave.pz);
                playerVelocity.set(0, 0, 0);
            } else {
                randSeed = (Date.now() ^ Math.floor(Math.random() * 0xffffffff)) >>> 0;
                srand(randSeed);
                useSeededRandom = true;
                State.distance = 0; State.objsEaten = 0; State.enemiesEaten = 0; State.coinsEarned = 0;
                State.timeLeft = State.levelData.timeLimit + boost.time;
                resetGameWorld();
                useSeededRandom = false;
            }

document.getElementById('hud-level').innerText = 'SECTOR ' + lvl;
            document.getElementById('hud-mass-target').innerText = '/ ' + State.targetMass + ' M';
            
            updateHUD();
            applyEquippedVisuals();
            updateBGM();
            
            var ann = document.getElementById('announcer');
            ann.innerText = 'SECTOR ' + lvl;
            ann.classList.add('show');
            setTimeout(function() { ann.classList.remove('show'); }, 2000);

clearInterval(gameTimerInterval);
            gameTimerInterval = setInterval(function() {
                if(State.isPaused || !State.isPlaying || State.isGameOver || State.inBonus) return;
                State.timeLeft--;
                Profile.totalTimePlayed++; 
                updateHUD();
                if(State.timeLeft <= 0) {
                    processEndGame('time');
                }
            }, 1000);

clearInterval(autoSaveInterval);
            autoSaveInterval = setInterval(function() {
                saveGameState();
            }, 5000);

if(animationId) cancelAnimationFrame(animationId);
            animate();
        }

function pauseGame() {
            if(!State.isPlaying || State.isGameOver) return;
            unlockAudio(); playSound('click');
            State.isPaused = true;
            saveGameState();
            document.getElementById('ui-layer').style.display = 'none';
            document.getElementById('mobile-controls').style.display = 'none';
            updateBGM();
            showPanel('screen-pause');
        }

function resumeGame() {
            showPanel(null);
            document.getElementById('ui-layer').style.display = 'flex';
            if('ontouchstart' in window || (navigator.maxTouchPoints && navigator.maxTouchPoints > 0)) {
                document.getElementById('mobile-controls').style.display = 'flex';
                updateControlUI();
            }
            State.isPaused = false;
            updateBGM();
        }

function quitGame() {
            clearInterval(gameTimerInterval); 
            clearInterval(autoSaveInterval);
            State.isPlaying = false;
            State.isPaused = false;
            State.isGameOver = false;
            State.isWarping = false;
            if(animationId) cancelAnimationFrame(animationId);
            document.getElementById('ui-layer').style.display = 'none';
            document.getElementById('mobile-controls').style.display = 'none';
            updateBGM();
            showPanel('screen-start');
        }

function processEndGame(reason) {
            if(State.isGameOver) return; 
            State.isGameOver = true;
            State.endReason = reason;

clearInterval(gameTimerInterval);
            clearInterval(autoSaveInterval);
            clearGameState();
            document.getElementById('ui-layer').style.display = 'none';
            document.getElementById('mobile-controls').style.display = 'none';
            
            var isWin = (reason === 'win');

playSound(isWin ? 'win' : 'eaten');

setTimeout(function() {
                State.isPlaying = false;
                updateBGM();
                if(animationId) cancelAnimationFrame(animationId);
                
                var diffMult = 1;
                if(Profile.settings.difficulty === 'NORMAL') diffMult = 1.5;
                if(Profile.settings.difficulty === 'EXTREME') diffMult = 2.5;

var baseCoins = Math.floor((State.distance * 0.1) + (State.objsEaten * 5) + (State.enemiesEaten * 50));
                var mult = isWin ? 2 : 1;
                State.coinsEarned = Math.floor(baseCoins * diffMult * mult);

Profile.coins += State.coinsEarned;
                Profile.totalDarkMatter += State.coinsEarned;
                Profile.gamesPlayed++;
                Profile.totalMass += Math.floor(State.distance);
                if(Math.floor(State.distance) > Profile.maxMassReached) Profile.maxMassReached = Math.floor(State.distance);
                Profile.totalObjs += State.objsEaten;
                Profile.totalEnemies += State.enemiesEaten;
                
                var stars = 0;
                if(isWin) {
                    stars = 1;
                    if(State.timeLeft > State.levelData.timeLimit * 0.3) stars = 2;
                    if(State.timeLeft > State.levelData.timeLimit * 0.6) stars = 3;
                    
                    if(Profile.unlockedLevel === State.currentLevel) {
                        Profile.unlockedLevel++;
                    }
                    var currentStars = Profile.levelStars[State.currentLevel] || 0;
                    if(stars > currentStars) {
                        Profile.levelStars[State.currentLevel] = stars;
                    }
                }

saveProfile();

updateQuests('games', 1);
                updateQuests('distance', State.distance);
                updateQuests('objs', State.objsEaten);
                updateQuests('enemies', State.enemiesEaten);
                updateQuests('coins', State.coinsEarned);

document.getElementById('go-mass').innerText = Math.floor(State.distance) + ' M';
                document.getElementById('go-objs').innerText = State.objsEaten;
                document.getElementById('go-enemies').innerText = State.enemiesEaten;
                document.getElementById('go-coins').innerText = '+' + State.coinsEarned;
                
                var diffSpan = document.getElementById('go-diff-mult');
                if(mult > 1) {
                    diffSpan.innerText = '(x' + mult + ' WIN BONUS)';
                    diffSpan.style.display = 'inline';
                } else {
                    diffSpan.style.display = 'none';
                }
                
                var goTitle = document.getElementById('go-title');
                var goSub = document.getElementById('go-subtitle');
                var btnNext = document.getElementById('btn-next-level');

if(isWin) {
                    goTitle.innerText = 'SECTOR CLEARED';
                    goTitle.style.color = 'var(--holo-green)';
                    goSub.innerText = stars + ' STAR RATING ACHIEVED';
                    btnNext.style.display = 'block';
                } else {
                    goTitle.innerText = 'SECTOR FAILED';
                    goTitle.style.color = 'var(--holo-red)';
                    if(reason === 'time') {
                        goSub.innerText = 'TIME EXPIRED';
                    } else if (reason === 'fall') {
                        goSub.innerText = 'FALLEN OFF THE MAP';
                    } else {
                        goSub.innerText = 'CRUSHED BY RIVAL';
                    }
                    btnNext.style.display = 'none';
                }

showPanel('screen-gameover');
            }, 2500);
        }

function generateUint8Texture(type) {
            type = type || 'STATIC';
            var size = 128;
            var data = new Uint8Array(size * size * 4);
            for(var i=0; i<data.length; i+=4) {
                var v = Math.floor(Math.random() * 255);
                data[i] = type === 'STATIC_RED' ? v : v;
                data[i+1] = type === 'STATIC_RED' ? 0 : v;
                data[i+2] = type === 'STATIC_NOISE' ? Math.floor(v*Math.random()) : (type === 'STATIC_RED' ? 0 : v);
                data[i+3] = 255;
            }
            var tex = new THREE.DataTexture(data, size, size, THREE.RGBAFormat);
            tex.needsUpdate = true;
            return tex;
        }

function makeVortexCurve(radiusTop, radiusBottom, height, turns, segments, phase, yOffset) {
            var pts = [];
            for (var i = 0; i <= segments; i++) {
                var t = i / segments;
                var r = radiusTop + (radiusBottom - radiusTop) * t;
                var a = t * Math.PI * 2 * turns + phase;
                pts.push(new THREE.Vector3(Math.cos(a) * r, height * (0.55 - t) + yOffset, Math.sin(a) * r));
            }
            return new THREE.CatmullRomCurve3(pts);
        }

function initThree() {
            renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('game-canvas'), antialias: true, powerPreference: 'high-performance' });
            renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
            renderer.shadowMap.enabled = Profile.settings.shadows;

scene = new THREE.Scene();
            scene.fog = new THREE.FogExp2(0x020408, 0.005);

camera = new THREE.PerspectiveCamera(50, 1, 0.1, 2000);
            camera.position.set(0, 10, 40); 
            
            scene.add(new THREE.AmbientLight(0xffffff, 0.5));
            var sun = new THREE.DirectionalLight(0xffffff, 1.0);
            sun.position.set(50, 100, 50);
            sun.castShadow = true;
            sun.shadow.camera.left = -100; sun.shadow.camera.right = 100;
            sun.shadow.camera.top = 100; sun.shadow.camera.bottom = -100;
            scene.add(sun);

var fillLight = new THREE.DirectionalLight(0x88ccff, 0.5);
            fillLight.position.set(-60, 40, -40);
            scene.add(fillLight);

playerObj = new THREE.Group();

playerVortex = new THREE.Group();
            playerObj.add(playerVortex);
            vortexStrands = [];
            vortexRings = [];

var strandPhases = [0, Math.PI * 2 / 3, Math.PI * 4 / 3];
            for (var i = 0; i < strandPhases.length; i++) {
                var curve = makeVortexCurve(playerSize * 0.62, playerSize * 0.09, playerSize * 1.95, 3.4, 96, strandPhases[i], 0);
                var tubeGeo = new THREE.TubeGeometry(curve, 150, playerSize * 0.085, 8, false);
                var strand = new THREE.Mesh(tubeGeo, rotatoorCoreMat);
                strand.castShadow = true;
                strand.userData.spin = 0.028 + (i * 0.011);
                playerVortex.add(strand);
                vortexStrands.push(strand);
            }

var ringSpecs = [
                { r: playerSize * 0.62, y: playerSize * 1.00, t: playerSize * 0.075, spd: 0.050 },
                { r: playerSize * 0.50, y: playerSize * 0.58, t: playerSize * 0.068, spd: -0.046 },
                { r: playerSize * 0.38, y: playerSize * 0.18, t: playerSize * 0.060, spd: 0.058 },
                { r: playerSize * 0.27, y: -playerSize * 0.24, t: playerSize * 0.053, spd: -0.066 },
                { r: playerSize * 0.16, y: -playerSize * 0.62, t: playerSize * 0.046, spd: 0.078 },
                { r: playerSize * 0.09, y: -playerSize * 0.90, t: playerSize * 0.040, spd: -0.090 }
            ];

for (var ri = 0; ri < ringSpecs.length; ri++) {
                var spec = ringSpecs[ri];
                var ringGeo = new THREE.TorusGeometry(spec.r, spec.t, 8, 26);
                var ring = new THREE.Mesh(ringGeo, rotatoorCoreMat);
                ring.rotation.x = Math.PI / 2;
                ring.position.y = spec.y;
                ring.castShadow = true;
                ring.userData.spin = spec.spd;
                playerVortex.add(ring);
                vortexRings.push(ring);
            }

playerFace = new THREE.Group();
            playerObj.add(playerFace);

var scleraGeo = new THREE.SphereGeometry(playerSize * 0.150, 18, 18);
            var pupilGeo = new THREE.SphereGeometry(playerSize * 0.078, 14, 14);

var eyeL = new THREE.Mesh(scleraGeo, rotatoorFaceMat);
            eyeL.position.set(-playerSize * 0.175, playerSize * 0.30, playerSize * 0.42);
            eyeL.castShadow = true;
            playerFace.add(eyeL);

var eyeR = new THREE.Mesh(scleraGeo, rotatoorFaceMat);
            eyeR.position.set(playerSize * 0.175, playerSize * 0.30, playerSize * 0.42);
            eyeR.castShadow = true;
            playerFace.add(eyeR);

var pupilL = new THREE.Mesh(pupilGeo, rotatoorEyeMat);
            pupilL.position.set(-playerSize * 0.175, playerSize * 0.30, playerSize * 0.545);
            playerFace.add(pupilL);

var pupilR = new THREE.Mesh(pupilGeo, rotatoorEyeMat);
            pupilR.position.set(playerSize * 0.175, playerSize * 0.30, playerSize * 0.545);
            playerFace.add(pupilR);

var glintGeo = new THREE.SphereGeometry(playerSize * 0.028, 8, 8);
            var glintL = new THREE.Mesh(glintGeo, rotatoorPupilMat);
            glintL.position.set(-playerSize * 0.145, playerSize * 0.345, playerSize * 0.610);
            playerFace.add(glintL);

var glintR = new THREE.Mesh(glintGeo, rotatoorPupilMat);
            glintR.position.set(playerSize * 0.205, playerSize * 0.345, playerSize * 0.610);
            playerFace.add(glintR);

var browGeo = new THREE.BoxGeometry(playerSize * 0.180, playerSize * 0.032, playerSize * 0.024);
            var browL = new THREE.Mesh(browGeo, rotatoorEyeMat);
            browL.position.set(-playerSize * 0.175, playerSize * 0.445, playerSize * 0.470);
            browL.rotation.z = 0.30;
            playerFace.add(browL);

var browR = new THREE.Mesh(browGeo, rotatoorEyeMat);
            browR.position.set(playerSize * 0.175, playerSize * 0.445, playerSize * 0.470);
            browR.rotation.z = -0.30;
            playerFace.add(browR);

var mouthGeo = new THREE.TorusGeometry(playerSize * 0.155, playerSize * 0.030, 6, 18, Math.PI);
            var mouth = new THREE.Mesh(mouthGeo, rotatoorEyeMat);
            mouth.position.set(0, playerSize * 0.100, playerSize * 0.470);
            mouth.rotation.z = Math.PI;
            playerFace.add(mouth);

playerArms = [];
            var armSides = [-1, 1];
            for (var ai = 0; ai < armSides.length; ai++) {
                var side = armSides[ai];
                var arm = new THREE.Group();
                arm.position.set(side * playerSize * 0.60, playerSize * 0.26, playerSize * 0.05);

var limbGeo = new THREE.CylinderGeometry(playerSize * 0.105, playerSize * 0.088, playerSize * 0.54, 12);
                var limb = new THREE.Mesh(limbGeo, rotatoorLimbMat);
                limb.position.y = -playerSize * 0.27;
                limb.castShadow = true;
                arm.add(limb);

var cuffGeo = new THREE.TorusGeometry(playerSize * 0.118, playerSize * 0.044, 8, 16);
                var cuff = new THREE.Mesh(cuffGeo, rotatoorCuffMat);
                cuff.position.y = -playerSize * 0.52;
                cuff.rotation.x = Math.PI / 2;
                arm.add(cuff);

var fistGeo = new THREE.SphereGeometry(playerSize * 0.175, 14, 14);
                var fist = new THREE.Mesh(fistGeo, rotatoorFaceMat);
                fist.position.y = -playerSize * 0.655;
                fist.castShadow = true;
                arm.add(fist);

var knuckleGeo = new THREE.TorusGeometry(playerSize * 0.100, playerSize * 0.026, 6, 14);
                var knuckle = new THREE.Mesh(knuckleGeo, rotatoorCuffMat);
                knuckle.position.set(0, -playerSize * 0.655, playerSize * 0.075);
                arm.add(knuckle);

arm.rotation.z = side * 0.42;
                playerObj.add(arm);
                playerArms.push(arm);
            }

playerObj.material = rotatoorCoreMat;
            playerObj.castShadow = true;
            scene.add(playerObj);

initParticles();
        }

playerObj.position.set(0, 10, 0);
            playerObj.rotation.set(0, 0, 0);
            playerVelocity.set(0,0,0);
            isGrounded = false;
            jumpCount = 0;

var curX = 0;
            var targetDist = State.levelData.targetDistance;
            
            createPlatform(0, 0, 0, 30, 5, 10);
            curX += 15;
            
            var gapBase = 2 + (State.currentLevel / 20);
            var platBase = Math.max(5, 25 - (State.currentLevel / 5));

while(curX < targetDist) {
                curX += (gapBase + R() * 4);
                var pw = platBase + R() * 8;
                var platX = curX + pw/2;
                var py = (R() - 0.5) * 5; 
                
                createPlatform(platX, py, 0, pw, 5, 10);

if(R() < 0.5) {
                    createItemBlock(platX + (R()*pw - pw/2), py + 8 + R()*2, 0);
                }

if(R() < 0.3) {
                    createPipe(platX + (R()*pw*0.5 - pw*0.25), py + 5.5, 0);
                }

curX += pw;
            }

createPlatform(targetDist + 20, 0, 0, 40, 5, 10);
            
            finishLine = new THREE.Mesh(
                new THREE.CylinderGeometry(0.5, 0.5, 20, 16),
                new THREE.MeshBasicMaterial({ color: 0xffffff })
            );
            finishLine.position.set(targetDist + 20, 10, 0);
            scene.add(finishLine);

createPlatform(0, -500, 0, 100, 5, 10);
            for(i=0; i<20; i++) {
                var coinMesh = new THREE.Mesh(
                    new THREE.CylinderGeometry(1, 1, 0.2, 16),
                    new THREE.MeshStandardMaterial({ color: 0xfbbf24, emissive: 0x886600 })
                );
                coinMesh.rotation.x = Math.PI / 2;
                coinMesh.position.set(-40 + i*4, -495, 0);
                scene.add(coinMesh);
                eatables.push({ mesh: coinMesh, active: true });
            }
            for(i=0; i<8; i++) {
                createItemBlock(-35 + i*10, -490, 0);
            }
            var exitPipeGeo = new THREE.CylinderGeometry(2, 2, 6, 16);
            var exitPipeMat = new THREE.MeshStandardMaterial({ color: 0x00cc44, emissive: 0x004411, emissiveIntensity: 0.6 });
            var exitPipe = new THREE.Mesh(exitPipeGeo, exitPipeMat);
            exitPipe.position.set(40, -495, 0);
            scene.add(exitPipe);
            platforms.push({ mesh: exitPipe, w: 4, h: 6, d: 4, isPipe: true, isExit: true, type: 'exit', triggered: false });

for(i = 0; i < platforms.length; i++) {
                (function(p, idx) {
                    if(idx === 0 || idx === platforms.length-1 || p.isPipe || p.mesh.position.y === -500) return;
                    
                    var pMinX = p.mesh.position.x - p.w/2 + 3;
                    var pMaxX = p.mesh.position.x + p.w/2 - 3;
                    
                    var coinChance = Math.max(0.2, 0.8 - (State.currentLevel * 0.005));

if(R() < coinChance && pMaxX > pMinX) {
                        var cm = new THREE.Mesh(
                            new THREE.CylinderGeometry(1, 1, 0.2, 16),
                            new THREE.MeshStandardMaterial({ color: 0xfbbf24, emissive: 0x886600 })
                        );
                        cm.rotation.x = Math.PI / 2;
                        var cPos = pMinX + R() * (pMaxX - pMinX);
                        cm.position.set(cPos, p.mesh.position.y + p.h/2 + 1.5, 0);
                        scene.add(cm);
                        eatables.push({ mesh: cm, active: true });
                    }

var enemyChance = Math.min(0.5, 0.05 + (State.currentLevel * 0.005));

if(R() < enemyChance && pMaxX > pMinX) {
                        var em = new THREE.Mesh(
                            new THREE.BoxGeometry(2, 2, 2),
                            new THREE.MeshStandardMaterial({ color: 0xff3333, emissive: 0x550000 })
                        );
                        var ePos = pMinX + R() * (pMaxX - pMinX);
                        em.position.set(ePos, p.mesh.position.y + p.h/2 + 1, 0);
                        scene.add(em);
                        aiEnemies.push({ 
                            mesh: em, active: true, 
                            plat: p, 
                            dir: R() > 0.5 ? 1 : -1,
                            speed: 0.05 + R()*0.1 
                        });
                    }
                })(platforms[i], i);
            }

if(particleSystem) {
                var pPositions = particleSystem.geometry.attributes.position.array;
                for(i=0; i<2000; i++) {
                    pPositions[i*3] = (R() - 0.5) * 400;
                    pPositions[i*3+1] = (R() - 0.5) * 400;
                    pPositions[i*3+2] = -50 + R() * 100;
                }
                particleSystem.geometry.attributes.position.needsUpdate = true;
            }
        }

function applyEquippedVisuals() {
            var coreData = SHOP_DB.find(function(x) { return x.id === Profile.equipped.core; }).val;
            
            if(State.levelData) {
                var theme = State.levelData.gridTheme;
                var bgColor = theme.bg;
                var boardColor = boostContrastColor(theme.line, bgColor);

scene.fog.color.setHex(bgColor);
                renderer.setClearColor(bgColor);
                scene.background = new THREE.Color(bgColor);

for(var i = 0; i < platforms.length; i++) {
                    var p = platforms[i];
                    if(p.isPipe) continue;
                    p.mesh.material.color.setHex(boardColor);
                    p.mesh.material.emissive.setHex(boardColor);
                    p.mesh.material.emissiveIntensity = 0.28;
                }

for(var j = 0; j < itemBlocks.length; j++) {
                    var b = itemBlocks[j];
                    b.mesh.material.color.setHex(0xffaa00);
                    b.mesh.material.emissive.setHex(0x664400);
                    b.mesh.material.emissiveIntensity = 0.6;
                }

particlesMat.color.setHex(boostContrastColor(theme.line, bgColor));
            }

if(coreData === 'STATIC' || coreData === 'STATIC_RED' || coreData === 'STATIC_NOISE') {
                playerObj.material.map = generateUint8Texture(coreData);
                playerObj.material.color.setHex(0xffffff);
                playerObj.material.emissive.setHex(0x555555);
                playerObj.material.emissiveIntensity = 0.45;
            } else {
                playerObj.material.map = null;
                playerObj.material.color.setHex(coreData);
                playerObj.material.emissive.setHex(coreData);
                playerObj.material.emissiveIntensity = 0.38;
            }
            playerObj.material.needsUpdate = true;
        }

function setupInput() {
            window.addEventListener('keydown', function(e) {
                if(e.code === 'KeyS' || e.code === 'ArrowDown') State.keys.s = true;
                if(e.code === 'KeyA' || e.code === 'ArrowLeft') State.keys.a = true;
                if(e.code === 'KeyD' || e.code === 'ArrowRight') State.keys.d = true;
                if(e.code === 'Space') {
                    if(!State.keys.space && !State.isWarping && jumpCount < 2) doJump();
                    State.keys.space = true;
                }
            });

window.addEventListener('keyup', function(e) {
                if(e.code === 'KeyS' || e.code === 'ArrowDown') State.keys.s = false;
                if(e.code === 'KeyA' || e.code === 'ArrowLeft') State.keys.a = false;
                if(e.code === 'KeyD' || e.code === 'ArrowRight') State.keys.d = false;
                if(e.code === 'Space') State.keys.space = false;
            });

var supportsTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints && navigator.maxTouchPoints > 0) || ('msMaxTouchPoints' in navigator && navigator.msMaxTouchPoints > 0);

var jBase = document.getElementById('joystick-base');
            var jKnob = document.getElementById('joystick-knob');
            var jRect = null;
            var jActive = false;
            
            function updateJoy(clientX, clientY) {
                if(!jRect) return;
                var cx = jRect.left + 50; 
                var cy = jRect.top + 50;
                var dx = clientX - cx;
                var dy = clientY - cy;
                var dist = Math.sqrt(dx*dx + dy*dy);
                if(dist > 30) {
                    dx = (dx/dist) * 30;
                    dy = (dy/dist) * 30;
                }
                jKnob.style.transform = 'translate(' + dx + 'px, ' + dy + 'px)';
                jKnob.style.webkitTransform = 'translate(' + dx + 'px, ' + dy + 'px)';
                State.keys.a = dx < -10;
                State.keys.d = dx > 10;
                State.keys.s = dy > 15; 
            }

if(jBase) {
                if(supportsTouch) {
                    jBase.addEventListener('touchstart', jStart, { passive: false });
                    jBase.addEventListener('touchmove', jMove, { passive: false });
                    jBase.addEventListener('touchend', jEnd, { passive: false });
                    jBase.addEventListener('touchcancel', jEnd, { passive: false });
                }
                jBase.addEventListener('mousedown', jStart);
                window.addEventListener('mousemove', jMove);
                window.addEventListener('mouseup', jEnd);
            }
        }

function doJump() {
            unlockAudio();
            var boost = SHOP_DB.find(function(x) { return x.id === Profile.equipped.boost; }).val;
            playerVelocity.y = 0.65 * boost.jump; 
            isGrounded = false;
            jumpCount++;
            playSound('jump');
        }

function updateHUD() {
            if(!State.inBonus) {
                State.distance = Math.max(State.distance, playerObj.position.x);
            }
            document.getElementById('hud-mass').innerText = Math.floor(State.distance);
            document.getElementById('hud-radius').innerText = State.objsEaten;
            document.getElementById('hud-timer').innerText = State.timeLeft + 's';

var pPct = Math.min(100, (State.distance / State.targetMass) * 100);
            document.getElementById('player-progress-fill').style.width = pPct + '%';
        }

function animateVortex() {
            if(!playerVortex) return;
            var t = performance.now() * 0.001;

for(var i=0; i<vortexStrands.length; i++) {
                vortexStrands[i].rotation.y += vortexStrands[i].userData.spin;
            }

for(var j=0; j<vortexRings.length; j++) {
                vortexRings[j].rotation.y += vortexRings[j].userData.spin;
                vortexRings[j].rotation.z = Math.sin(t * 1.4 + j) * 0.08;
            }

var pulse = 1.0 + Math.sin(t * 3.0) * 0.035;
            playerVortex.scale.set(pulse, 1.0, pulse);

if(playerArms.length === 2) {
                var swing = Math.sin(t * 4.2);
                playerArms[0].rotation.x = swing * 0.42;
                playerArms[1].rotation.x = -swing * 0.42;
                playerArms[0].rotation.z = -0.42 - Math.abs(swing) * 0.12;
                playerArms[1].rotation.z = 0.42 + Math.abs(swing) * 0.12;
            }

if(playerFace) {
                playerFace.position.y = Math.sin(t * 2.2) * 0.06;
                playerFace.rotation.z = Math.sin(t * 1.7) * 0.05;
            }
        }

function gameLoop() {
            if(!State.isPlaying || State.isPaused) return;

animateVortex();

if(State.isGameOver) {
                camera.position.lerp(new THREE.Vector3(playerObj.position.x, playerObj.position.y + 20, playerObj.position.z + 30), 0.05);
                camera.lookAt(playerObj.position);
                updateParticles();
                return;
            }

if(State.isWarping) {
                playerObj.position.y -= 0.05;
                State.warpTimer--;
                if(State.warpTimer <= 0) {
                    State.isWarping = false;
                    if(State.warpDest === 'bonus') {
                        playerObj.position.set(-40, -490, 0);
                        State.inBonus = true;
                        playSound('warp-up');
                    } else if(State.warpDest === 'main') {
                        playerObj.position.copy(State.bonusReturnPos);
                        playerObj.position.y += 5;
                        State.inBonus = false;
                        playSound('warp-up');
                    }
                }
                updateHUD();
                updateParticles();
                return;
            }

var boost = SHOP_DB.find(function(x) { return x.id === Profile.equipped.boost; }).val;
            
            var gravity = -0.035; 
            playerVelocity.y += gravity;
            if (playerVelocity.y < -0.8) playerVelocity.y = -0.8;

var currentAccel = 0.04 * boost.spd;
            var currentMaxSpeed = 0.45 * boost.spd;

if(State.keys.a) playerVelocity.x -= currentAccel;
            if(State.keys.d) playerVelocity.x += currentAccel;

playerVelocity.x *= 0.85;

if (playerVelocity.x > currentMaxSpeed) playerVelocity.x = currentMaxSpeed;
            if (playerVelocity.x < -currentMaxSpeed) playerVelocity.x = -currentMaxSpeed;

var half = playerSize / 2;

var hitGround = false;

playerObj.position.y += playerVelocity.y;

var colliders = platforms.concat(itemBlocks.filter(function(b) { return b.active; }));

for(var ci = 0; ci < colliders.length; ci++) {
                var plat = colliders[ci];
                var pMinX = plat.mesh.position.x - (plat.w || 3)/2;
                var pMaxX = plat.mesh.position.x + (plat.w || 3)/2;
                var pMinY = plat.mesh.position.y - (plat.h || 3)/2;
                var pMaxY = plat.mesh.position.y + (plat.h || 3)/2;

if(playerObj.position.x + half > pMinX && playerObj.position.x - half < pMaxX &&
                   playerObj.position.y + half > pMinY && playerObj.position.y - half < pMaxY) {

if(playerVelocity.y < 0) {
                        playerObj.position.y = pMaxY + half;
                        playerVelocity.y = 0;
                        hitGround = true;
                        jumpCount = 0;
                    } else if(playerVelocity.y > 0) {
                        playerObj.position.y = pMinY - half;
                        playerVelocity.y = 0;

if(plat.hit !== undefined && !plat.hit) {
                            plat.hit = true;
                            plat.mesh.material.color.setHex(0x555555);
                            plat.mesh.material.emissive.setHex(0x000000);
                            plat.mesh.position.y += 0.5;
                            (function(pm) { setTimeout(function() { if(pm) pm.position.y -= 0.5; }, 100); })(plat.mesh);
                            State.objsEaten++;
                            State.coinsEarned += 5;
                            Profile.coins += 5;
                            Profile.totalDarkMatter += 5;
                            updateGlobalCoins();
                            playSound('click');
                        }
                    }
                }
            }

isGrounded = hitGround;

playerObj.position.x += playerVelocity.x;

for(var cj = 0; cj < colliders.length; cj++) {
                var plat2 = colliders[cj];
                var pMinX2 = plat2.mesh.position.x - (plat2.w || 3)/2;
                var pMaxX2 = plat2.mesh.position.x + (plat2.w || 3)/2;
                var pMinY2 = plat2.mesh.position.y - (plat2.h || 3)/2;
                var pMaxY2 = plat2.mesh.position.y + (plat2.h || 3)/2;

if(playerObj.position.x + half > pMinX2 && playerObj.position.x - half < pMaxX2 &&
                   playerObj.position.y + half > pMinY2 && playerObj.position.y - half < pMaxY2) {

if(playerVelocity.x > 0) {
                        playerObj.position.x = pMinX2 - half;
                        playerVelocity.x = 0;
                    } else if(playerVelocity.x < 0) {
                        playerObj.position.x = pMaxX2 + half;
                        playerVelocity.x = 0;
                    }
                }
            }

var targetTilt = isGrounded ? 0 : -playerVelocity.y * 0.22;
            playerObj.rotation.x += (targetTilt - playerObj.rotation.x) * 0.14;
            var targetLean = -playerVelocity.x * 0.55;
            playerObj.rotation.z += (targetLean - playerObj.rotation.z) * 0.14;

if(isGrounded && State.keys.s && !State.isWarping) {
                for(var pi = 0; pi < platforms.length; pi++) {
                    var p = platforms[pi];
                    if(!p.isPipe) continue;
                    if(p.triggered && !p.isExit) continue;
                    
                    var pMaxY = p.mesh.position.y + p.h/2;
                    if(Math.abs((playerObj.position.y - playerSize/2) - pMaxY) < 0.6) {
                        if(Math.abs(playerObj.position.x - p.mesh.position.x) < 1.8) {
                            if(p.isExit && State.inBonus) {
                                p.triggered = true;
                                State.isWarping = true;
                                State.warpTimer = 60;
                                State.warpDest = 'main';
                                playerVelocity.set(0,0,0);
                                playSound('warp-down');
                                break;
                            } else if(p.type === 'bonus' && !State.inBonus) {
                                p.triggered = true;
                                State.isWarping = true;
                                State.warpTimer = 60;
                                State.warpDest = 'bonus';
                                State.bonusReturnPos = playerObj.position.clone();
                                playerVelocity.set(0,0,0);
                                playSound('warp-down');
                                break;
                            } else if(p.type === 'vine' && !p.vineSpawned) {
                                p.triggered = true;
                                p.vineSpawned = true;
                                spawnVineMonster(p);
                                playSound('stomp');
                                break;
                            } else {
                                p.triggered = true;
                                break;
                            }
                        }
                    }
                }
            }

if(playerObj.position.y < (State.inBonus ? -530 : -30)) {
                processEndGame('fall');
                return;
            }

var targetCamX = playerObj.position.x + 10;
            var targetCamY = State.inBonus ? -490 : playerObj.position.y + 10;
            var targetCamZ = 40;
            
            camera.position.lerp(new THREE.Vector3(targetCamX, targetCamY, targetCamZ), 0.1);
            camera.lookAt(playerObj.position.x + 5, State.inBonus ? -495 : playerObj.position.y, 0);

for(var ei = 0; ei < aiEnemies.length; ei++) {
                var e = aiEnemies[ei];
                if(!e.active) continue;
                e.mesh.position.x += e.speed * e.dir;
                
                var halfPatrol;
                if(e.isVine) {
                    halfPatrol = e.patrolHalf || 1.4;
                } else {
                    halfPatrol = e.plat.w/2 - 1;
                }
                var eMinX = e.plat.mesh.position.x - halfPatrol;
                var eMaxX = e.plat.mesh.position.x + halfPatrol;
                if(e.mesh.position.x > eMaxX || e.mesh.position.x < eMinX) e.dir *= -1;

var magRange = 5.0 * (boost.mag || 1.0);
            for(var fi = 0; fi < eatables.length; fi++) {
                var c = eatables[fi];
                if(!c.active) continue;
                c.mesh.rotation.y += 0.1;
                var cdx = playerObj.position.x - c.mesh.position.x;
                var cdy = playerObj.position.y - c.mesh.position.y;
                var cdz = playerObj.position.z - c.mesh.position.z;
                var cdist = Math.sqrt(cdx*cdx + cdy*cdy + cdz*cdz);
                
                if (cdist < magRange) {
                    c.mesh.position.x += cdx * 0.15;
                    c.mesh.position.y += cdy * 0.15;
                    c.mesh.position.z += cdz * 0.15;
                }

if(cdist < 2.0) {
                    c.active = false;
                    scene.remove(c.mesh);
                    State.objsEaten++;
                    playSound('eat');
                }
            }

if(!State.inBonus && finishLine && playerObj.position.distanceTo(finishLine.position) < 5) {
                processEndGame('win');
                return;
            }

updateHUD();
            updateParticles();
        }

function animate() {
            if(!State.isPlaying) return;
            gameLoop();
            if(renderer && scene && camera) renderer.render(scene, camera);
            animationId = requestAnimationFrame(animate);
        }

</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpbh-mt'},{'server':'p3plmcpnl498541'},{'dcenter':'p3'},{'cp_id':'6507419'},{'cp_cache':''},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>