@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";:root{--p0:#050818;--p1:#0d163a;--p2:#152e60;--p3:#1c4e8f;--p4:#0084d1;--p5:#00bbf9;--p6:#00f5d4;--p7:#70e000;--p8:#ffff3f;--pixel-font:"Silkscreen", "Press Start 2P", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;margin:0;padding:0}body{color:var(--p8);font-family:var(--pixel-font);image-rendering:pixelated;image-rendering:crisp-edges;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:6px 12px 10px;font-size:12px;line-height:1.5;display:flex;overflow:hidden}#app-container{flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;display:flex}.top-nav-bar{background:var(--p0);border:3px solid var(--p4);width:100%;max-width:1800px;box-shadow:inset -2px -2px 0 #000, inset 2px 2px 0 var(--p6), 0 4px 0 #000;z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.brand-chip{color:#fff;text-shadow:2px 2px #000;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.gem-icon{background:var(--p8);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:12px;height:12px;box-shadow:0 0 4px var(--p7);border:1px solid #fff}.quick-palette-selector{border:2px solid var(--p3);background:#000;align-items:center;gap:8px;padding:4px 10px;display:flex;box-shadow:inset 0 2px #000c}.palette-title-text{color:var(--p8);text-align:center;white-space:nowrap;letter-spacing:.5px;min-width:170px;font-size:11px;font-weight:700}.mini-swatches-strip{align-items:center;gap:3px;display:flex}.swatch-chip{cursor:help;border:1px solid #000;width:11px;height:16px;transition:transform 80ms}.swatch-chip:hover{border-color:#fff;transform:scale(1.3)translateY(-2px)}.pixel-mini-btn{font-family:var(--pixel-font);color:#fff;background:var(--p3);border:2px solid var(--p4);cursor:pointer;outline:none;padding:4px 10px;font-size:11px;font-weight:700;transition:transform 50ms;box-shadow:0 3px #000}.pixel-mini-btn:hover{background:var(--p4);color:var(--p8);border-color:#fff}.pixel-mini-btn:active{transform:translateY(3px);box-shadow:0 0 #000}.settings-trigger-btn{background:var(--p2);color:var(--p8);border-color:var(--p6)}.pixel-btn{font-family:var(--pixel-font);text-transform:uppercase;color:#fff;background:var(--p3);border:2px solid var(--p4);cursor:pointer;box-shadow:inset -2px -2px 0 #000, inset 2px 2px 0 var(--p7), 0 4px 0 #000;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:transform 50ms;display:inline-flex;position:relative}.pixel-btn:hover{background:var(--p4);color:var(--p8);border-color:#fff}.pixel-btn:active{transform:translateY(3px);box-shadow:0 1px #000}.w-full{width:100%}.game-viewport{border:4px solid var(--p4);background:#000;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,0 6px 16px #000000f2}#game-canvas{object-fit:contain;aspect-ratio:16/9;background:var(--p0);width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;cursor:pointer;display:block}.crt-overlay{pointer-events:none;opacity:.5;z-index:2;background:linear-gradient(#12101000 50%,#0000003d 50%) 0 0/100% 4px;transition:opacity .2s;position:absolute;inset:0}.crt-overlay.hidden{opacity:0}.pixel-modal-backdrop{z-index:999;-webkit-overflow-scrolling:touch;background:#000000d9;justify-content:center;align-items:flex-start;padding:20px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.pixel-modal-backdrop.hidden{display:none}.pixel-modal{background:var(--p1);border:4px solid var(--p4);box-shadow:inset -3px -3px 0 #000, inset 3px 3px 0 var(--p7), 0 10px 0 #000;box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:580px;max-height:calc(100vh - 40px);margin:auto 0;padding:18px;display:flex;overflow-y:auto}.compact-modal{max-width:440px}.modal-header{background:var(--p1);z-index:20;border-bottom:3px solid var(--p3);justify-content:space-between;align-items:center;margin:-18px -18px 0;padding:14px 18px 10px;display:flex;position:sticky;top:-18px}.modal-close-btn{font-family:var(--pixel-font);color:#fff;cursor:pointer;background:#a80d2d;border:2px solid #ff4d6d;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;transition:transform 50ms,background .1s;display:flex;box-shadow:0 3px #000}.modal-close-btn:hover{background:#d90429;border-color:#fff;transform:scale(1.08)}.modal-close-btn:active{transform:translateY(3px);box-shadow:0 0 #000}.modal-title{color:#fff;text-shadow:2px 2px #000;font-size:13px;font-weight:700}.settings-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls-legend-card{border:2px solid var(--p3);background:#000;flex-direction:column;gap:6px;padding:10px;font-size:11px;display:flex}.legend-title{color:var(--p8);border-bottom:2px solid var(--p2);margin-bottom:4px;padding-bottom:4px;font-size:12px;font-weight:700}.legend-row{color:var(--p7);justify-content:space-between;display:flex}.legend-row span:first-child{color:#fff;font-weight:700}.preset-list-box{border:2px solid var(--p3);background:#000;flex-direction:column;gap:6px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.preset-list-box::-webkit-scrollbar{background:#000;width:8px}.preset-list-box::-webkit-scrollbar-thumb{background:var(--p4);border:1px solid #fff}.preset-item{background:var(--p1);border:2px solid var(--p2);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.preset-item:hover,.preset-item.active{background:var(--p2);border-color:#fff}.preset-chips-mini{gap:3px;display:flex}.mini-chip{border:1px solid #000;width:11px;height:14px}.creator-box{border:2px solid var(--p3);background:#000;flex-direction:column;gap:8px;padding:10px;display:flex}.form-row{align-items:center;gap:8px;display:flex}.pixel-input{font-family:var(--pixel-font);color:#fff;background:var(--p1);border:2px solid var(--p4);outline:none;flex:1;padding:6px 8px;font-size:11px}.hex-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hex-input-group{background:var(--p1);border:1px solid var(--p3);align-items:center;gap:6px;padding:4px;display:flex}.hex-input-group input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff;width:22px;height:22px;padding:0}.hex-text-input{font-family:var(--pixel-font);color:#fff;text-transform:uppercase;background:0 0;border:none;outline:none;width:65px;font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.chapter-modal{max-width:620px;max-height:88vh}.chapter-list-grid{flex-direction:column;gap:7px;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.chapter-card{border:2px solid var(--p3);background:#000;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;transition:border-color .1s,transform 50ms;display:flex}.chapter-card:hover{border-color:var(--p6);transform:translate(2px)}.chapter-card.active-chapter{border-color:var(--p8);box-shadow:inset 0 0 0 1px var(--p8)}.chapter-info{flex-direction:column;flex:1;gap:3px;display:flex}.chapter-header-row{align-items:center;gap:8px;display:flex}.chapter-name{color:#fff;font-size:11px;font-weight:700}.chapter-badge{border:1px solid var(--p4);background:var(--p2);color:var(--p7);letter-spacing:.5px;padding:2px 6px;font-size:8px}.chapter-badge.badge-completed{color:#29ffb6;background:#29ffb626;border-color:#29ffb6;font-weight:700}.chapter-sub{color:var(--p6);font-size:8.5px}.chapter-stats{align-items:center;gap:12px;font-size:10px;display:flex}.chapter-warp-btn{padding:5px 12px;font-size:10px}.roster-modal-box{width:95%;max-width:680px;max-height:90vh}.roster-list-grid{flex-direction:column;gap:8px;max-height:58vh;padding-right:4px;display:flex;overflow-y:auto}.hero-card{background:var(--p0);border:2px solid var(--p3);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:transform 50ms,border-color .1s;display:flex;box-shadow:inset 0 2px #0009}.hero-card:hover{border-color:var(--p6)}.hero-card.active-hero{border-color:var(--p8);background:var(--p1);box-shadow:inset 0 0 0 1px var(--p7), 0 0 8px #000c}.hero-preview-box{border:2px solid var(--p4);background:#000;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:inset 0 0 4px #000c}.hero-preview-canvas{width:36px;height:36px;image-rendering:pixelated;image-rendering:crisp-edges}.hero-info{flex-direction:column;flex:1;gap:3px;display:flex}.hero-header-row{align-items:center;gap:8px;display:flex}.hero-name{color:#fff;font-size:12px;font-weight:700}.hero-badge{border:1px solid var(--p4);background:var(--p2);color:var(--p8);letter-spacing:.5px;padding:2px 6px;font-size:8px}.hero-title{color:var(--p6);font-size:9px;font-weight:700}.hero-desc{color:var(--p7);font-size:8.5px;line-height:1.3}.hero-select-btn{min-width:95px;padding:6px 12px;font-size:10px}.pixel-icon{vertical-align:-1px;width:12px;height:12px;image-rendering:pixelated;image-rendering:crisp-edges;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:4px;display:inline-block}.pixel-icon.icon-lg{vertical-align:-2px;width:14px;height:14px}.icon-hero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='3' y='1' width='4' height='2' fill='%23ff5964'/%3E%3Crect x='2' y='3' width='6' height='3' fill='%23f9c784'/%3E%3Crect x='3' y='4' width='1' height='1' fill='%23000000'/%3E%3Crect x='6' y='4' width='1' height='1' fill='%23000000'/%3E%3Crect x='2' y='6' width='6' height='2' fill='%230084d1'/%3E%3Crect x='1' y='8' width='8' height='2' fill='%23152e60'/%3E%3C/svg%3E")}.icon-map{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='1' y='1' width='8' height='8' fill='%23f4f1de'/%3E%3Crect x='0' y='0' width='10' height='1' fill='%23152e60'/%3E%3Crect x='0' y='9' width='10' height='1' fill='%23152e60'/%3E%3Crect x='0' y='0' width='1' height='10' fill='%23152e60'/%3E%3Crect x='9' y='0' width='1' height='10' fill='%23152e60'/%3E%3Crect x='3' y='1' width='1' height='8' fill='%23e07a5f'/%3E%3Crect x='6' y='1' width='1' height='8' fill='%23e07a5f'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23e63946'/%3E%3C/svg%3E")}.icon-gear{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='4' y='0' width='2' height='10' fill='%23ffffff'/%3E%3Crect x='0' y='4' width='10' height='2' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='6' height='6' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23050818'/%3E%3C/svg%3E")}.icon-sound{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='1' y='3' width='2' height='4' fill='%23ffffff'/%3E%3Crect x='3' y='2' width='2' height='6' fill='%23ffffff'/%3E%3Crect x='6' y='2' width='1' height='2' fill='%2300bbf9'/%3E%3Crect x='6' y='6' width='1' height='2' fill='%2300bbf9'/%3E%3Crect x='8' y='1' width='1' height='2' fill='%2300bbf9'/%3E%3Crect x='8' y='7' width='1' height='2' fill='%2300bbf9'/%3E%3Crect x='7' y='4' width='1' height='2' fill='%2300bbf9'/%3E%3C/svg%3E")}.icon-sound-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='1' y='3' width='2' height='4' fill='%23888888'/%3E%3Crect x='3' y='2' width='2' height='6' fill='%23888888'/%3E%3Crect x='6' y='3' width='1' height='1' fill='%23ff2a4a'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23ff2a4a'/%3E%3Crect x='7' y='4' width='1' height='2' fill='%23ff2a4a'/%3E%3Crect x='6' y='6' width='1' height='1' fill='%23ff2a4a'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%23ff2a4a'/%3E%3C/svg%3E")}.icon-music{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='2' y='5' width='2' height='3' fill='%23ffffff'/%3E%3Crect x='6' y='4' width='2' height='3' fill='%23ffffff'/%3E%3Crect x='3' y='2' width='1' height='4' fill='%23ffffff'/%3E%3Crect x='7' y='1' width='1' height='4' fill='%23ffffff'/%3E%3Crect x='3' y='1' width='5' height='2' fill='%2300bbf9'/%3E%3C/svg%3E")}.icon-music-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='2' y='5' width='2' height='3' fill='%23888888'/%3E%3Crect x='6' y='4' width='2' height='3' fill='%23888888'/%3E%3Crect x='3' y='2' width='1' height='4' fill='%23888888'/%3E%3Crect x='7' y='1' width='1' height='4' fill='%23888888'/%3E%3Crect x='3' y='1' width='5' height='2' fill='%23ff2a4a'/%3E%3C/svg%3E")}.icon-crt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='0' y='1' width='10' height='8' fill='%230084d1'/%3E%3Crect x='1' y='2' width='7' height='6' fill='%23050818'/%3E%3Crect x='2' y='3' width='2' height='1' fill='%2300f5d4'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23ffff3f'/%3E%3Crect x='8' y='5' width='1' height='1' fill='%23ffff3f'/%3E%3Crect x='3' y='9' width='4' height='1' fill='%230084d1'/%3E%3C/svg%3E")}.icon-expand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='1' y='1' width='3' height='1' fill='%23ffffff'/%3E%3Crect x='1' y='1' width='1' height='3' fill='%23ffffff'/%3E%3Crect x='6' y='1' width='3' height='1' fill='%23ffffff'/%3E%3Crect x='8' y='1' width='1' height='3' fill='%23ffffff'/%3E%3Crect x='1' y='8' width='3' height='1' fill='%23ffffff'/%3E%3Crect x='1' y='6' width='1' height='3' fill='%23ffffff'/%3E%3Crect x='6' y='8' width='3' height='1' fill='%23ffffff'/%3E%3Crect x='8' y='6' width='1' height='3' fill='%23ffffff'/%3E%3C/svg%3E")}.icon-shadow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='6' height='2' fill='%237209b7'/%3E%3Crect x='2' y='1' width='8' height='4' fill='%23a21caf'/%3E%3Crect x='4' y='0' width='4' height='1' fill='%23f472b6'/%3E%3Crect x='3' y='4' width='6' height='4' fill='%23e0e7ff'/%3E%3Crect x='3' y='5' width='2' height='2' fill='%23f43f5e'/%3E%3Crect x='7' y='5' width='2' height='2' fill='%23f43f5e'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='8' y='5' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='7' width='2' height='1' fill='%23881337'/%3E%3Crect x='2' y='8' width='8' height='3' fill='%231e1b4b'/%3E%3Crect x='4' y='8' width='4' height='2' fill='%234338ca'/%3E%3Crect x='5' y='8' width='2' height='3' fill='%23f43f5e'/%3E%3C/svg%3E");width:14px;height:14px}.btn-badeline-active{color:#fdf4ff!important;background:#3b0764!important;border-color:#d946ef!important;box-shadow:inset -2px -2px #18032e,inset 2px 2px #f0abfc,0 4px #000!important}.icon-cassette{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='0' y='2' width='10' height='6' fill='%23152e60'/%3E%3Crect x='1' y='3' width='8' height='4' fill='%2300bbf9'/%3E%3Crect x='2' y='4' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='6' y='4' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='4' width='2' height='1' fill='%23050818'/%3E%3C/svg%3E")}.icon-palette{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='4' y='1' width='2' height='8' fill='%23ffff3f'/%3E%3Crect x='1' y='4' width='8' height='2' fill='%23ffff3f'/%3E%3Crect x='3' y='3' width='4' height='4' fill='%23ffffff'/%3E%3C/svg%3E")}.icon-strawberry{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='4' y='0' width='2' height='2' fill='%23238636'/%3E%3Crect x='2' y='1' width='6' height='1' fill='%2348ca4b'/%3E%3Crect x='1' y='2' width='8' height='3' fill='%23ff2a4a'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%23ffe600'/%3E%3Crect x='7' y='3' width='1' height='1' fill='%23ffe600'/%3E%3Crect x='2' y='5' width='6' height='2' fill='%23ff2a4a'/%3E%3Crect x='3' y='5' width='1' height='1' fill='%23ffe600'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%23ffe600'/%3E%3Crect x='3' y='7' width='4' height='1' fill='%23ff2a4a'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%23ffe600'/%3E%3Crect x='4' y='8' width='2' height='1' fill='%23b31230'/%3E%3C/svg%3E")}.icon-heart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='1' y='1' width='3' height='2' fill='%2300bbf9'/%3E%3Crect x='6' y='1' width='3' height='2' fill='%2300bbf9'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='0' y='2' width='10' height='3' fill='%2300bbf9'/%3E%3Crect x='1' y='5' width='8' height='2' fill='%230084d1'/%3E%3Crect x='2' y='7' width='6' height='1' fill='%230084d1'/%3E%3Crect x='3' y='8' width='4' height='1' fill='%23152e60'/%3E%3Crect x='4' y='9' width='2' height='1' fill='%23152e60'/%3E%3C/svg%3E")}.icon-edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Crect x='7' y='1' width='2' height='2' fill='%23ffea00'/%3E%3Crect x='5' y='3' width='2' height='2' fill='%2300bbf9'/%3E%3Crect x='3' y='5' width='2' height='2' fill='%2300bbf9'/%3E%3Crect x='1' y='7' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='0' y='9' width='1' height='1' fill='%23000000'/%3E%3C/svg%3E")}.icon-gamepad{vertical-align:-2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='1' y='3' width='10' height='6' fill='%23ffffff'/%3E%3Crect x='0' y='4' width='12' height='4' fill='%23cccccc'/%3E%3Crect x='2' y='4' width='1' height='3' fill='%23050818'/%3E%3Crect x='1' y='5' width='3' height='1' fill='%23050818'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%2300bbf9'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23ff2a4a'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23ffea00'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%2348ca4b'/%3E%3Crect x='5' y='5' width='2' height='1' fill='%23888888'/%3E%3C/svg%3E");width:14px;height:14px}.icon-gamepad.pad-connected{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='1' y='3' width='10' height='6' fill='%2300ffaa'/%3E%3Crect x='0' y='4' width='12' height='4' fill='%2300cc88'/%3E%3Crect x='2' y='4' width='1' height='3' fill='%23000000'/%3E%3Crect x='1' y='5' width='3' height='1' fill='%23000000'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%2300bbf9'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23ff2a4a'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23ffea00'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%2348ca4b'/%3E%3Crect x='5' y='5' width='2' height='1' fill='%23004433'/%3E%3C/svg%3E")}#btn-controller-indicator.pad-connected{color:#0fa;background:#001a11;border-color:#0fa}.hidden{display:none!important}.editor-modal-box{box-sizing:border-box;gap:8px;width:96vw;max-width:900px;max-height:94vh;padding:12px}.modal-header-left{align-items:center;gap:6px;display:flex}.editor-top-controls{background:var(--p0);border:2px solid var(--p3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex}.editor-room-nav{align-items:center;gap:3px;display:flex}.editor-room-dropdown{max-width:190px}.editor-name-input{max-width:130px;padding:3px 5px;font-size:8px}.editor-field{color:var(--p7);align-items:center;gap:4px;font-size:7.5px;display:flex}.editor-zoom-controls{align-items:center;gap:3px;display:flex}.editor-zoom-text{color:var(--p8);text-align:center;min-width:28px;font-size:7.5px}.pixel-select{background:var(--p1);color:#fff;border:2px solid var(--p4);cursor:pointer;outline:none;padding:3px 5px;font-family:inherit;font-size:8px}.editor-palette-bar{background:var(--p0);border:2px solid var(--p3);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;display:flex}.editor-palette-title{color:var(--p7);font-size:7.5px;font-weight:700}.editor-tile-grid{flex-wrap:wrap;flex:1;gap:3px;display:flex}.editor-tile-btn{background:var(--p2);border:1px solid var(--p4);color:#fff;cursor:pointer;box-sizing:border-box;align-items:center;gap:3px;height:20px;padding:2px 4px;font-family:inherit;font-size:7.5px;transition:transform 50ms,border-color .1s;display:inline-flex}.editor-tile-btn:hover{border-color:var(--p8)}.editor-tile-btn.active-tile{background:var(--p5);color:#000;border:1px solid #fff;box-shadow:0 0 4px #fff6}.tile-swatch{border:1px solid #000;width:8px;height:8px;display:inline-block}.tile-label{font-size:7px}.editor-canvas-wrap{border:3px solid var(--p4);box-sizing:border-box;cursor:crosshair;background:#000;justify-content:center;align-items:flex-start;width:100%;height:310px;max-height:48vh;padding:6px;display:flex;overflow:auto;box-shadow:inset 0 0 10px #000000f2}#editor-canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.editor-status-row{color:var(--p6);justify-content:space-between;align-items:center;gap:8px;font-size:7.5px;display:flex}.editor-actions-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.btn-highlight-play{font-weight:700;background:var(--p7)!important;color:#000!important}.btn-highlight-export{font-weight:700;background:var(--p8)!important;color:#000!important}.editor-export-drawer{background:var(--p0);border:2px solid var(--p3);flex-direction:column;gap:6px;margin-top:4px;padding:8px;display:flex}.editor-export-header{color:var(--p6);justify-content:space-between;align-items:center;font-size:8px;display:flex}.editor-code-box{color:#0fa;border:2px solid var(--p4);box-sizing:border-box;resize:vertical;background:#000;width:100%;padding:6px;font-family:monospace;font-size:7.5px}.editor-export-btns{flex-wrap:wrap;gap:6px;display:flex}.editor-platforms-bar{background:var(--p1);border:1px solid var(--p3);box-sizing:border-box;align-items:center;gap:8px;max-width:100%;padding:3px 6px;font-size:7.5px;display:flex}.editor-platforms-header{white-space:nowrap;align-items:center;gap:5px;display:flex}.editor-platforms-list{flex:1;align-items:center;gap:4px;padding:1px 0;display:flex;overflow-x:auto}.platform-chip{background:var(--p2);border:1px solid var(--p5);white-space:nowrap;align-items:center;gap:4px;padding:1px 4px;font-size:7px;display:inline-flex}.platform-chip:hover{border-color:var(--p8)}.platform-chip.selected{background:var(--p4);color:#000;border-color:#fff}.platform-chip-del{background:var(--p5);color:#fff;cursor:pointer;border:none;margin-left:2px;padding:1px 3px;font-family:inherit;font-size:6.5px}.platform-chip-del:hover{background:#f03}.saved-levels-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.saved-levels-overlay.hidden{display:none!important}.saved-levels-modal{background:var(--p0);border:2px solid var(--p4);box-sizing:border-box;flex-direction:column;width:94%;max-width:580px;max-height:86vh;padding:12px;display:flex}.saved-levels-list-grid{flex-direction:column;gap:7px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.saved-level-card{border:2px solid var(--p3);background:#000;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;transition:border-color .1s,transform 50ms;display:flex}.saved-level-card:hover{border-color:var(--p6);transform:translate(2px)}.saved-level-card.active-level{border-color:var(--p8);box-shadow:inset 0 0 0 1px var(--p8)}.saved-level-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.saved-level-header-row{align-items:center;gap:8px;display:flex}.saved-level-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.saved-level-sub{color:var(--p6);font-size:7.5px}.saved-level-meta{color:var(--p7);flex-wrap:wrap;align-items:center;gap:6px;font-size:8px;display:flex}.saved-level-badge{border:1px solid var(--p5);background:var(--p1);color:var(--p8);letter-spacing:.5px;padding:1px 5px;font-size:7px}.saved-level-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.saved-level-play-btn{cursor:pointer;background:var(--p7)!important;color:#000!important;padding:4px 10px!important;font-size:9px!important;font-weight:700!important}.saved-level-play-btn:hover{background:#0fa!important}