:root{color:#081820;background:#101821;font-family:Courier New,Courier,monospace;font-synthesis:none;--ink: #081820;--forest: #346856;--leaf: #88c070;--screen: #e0f8d0;--shell: #b9b8aa;--shell-dark: #8c8b80;--purple: #332a52;--magenta: #8b2f58}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(52,104,86,.2),transparent 38%),linear-gradient(#101c23,#081218)}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}main{width:min(1500px,100%);margin:0 auto;padding:30px}.site-header,.panel-heading,.editor-heading,.network-strip,footer{display:flex;align-items:center;justify-content:space-between}.site-header{gap:20px;color:var(--screen);padding:4px 0 20px}h1,h2,p{margin:0}h1{margin-top:5px;font-size:clamp(22px,4vw,42px);letter-spacing:-.08em}h2{margin-top:4px;letter-spacing:-.08em}.eyebrow{color:var(--leaf);font-size:11px;font-weight:700;letter-spacing:.18em}.connect-button,.view-switch-button,.refresh-button{border:1px solid rgba(136,192,112,.5);border-radius:999px;padding:13px 18px;color:var(--screen);background:#34685647;cursor:pointer;font-weight:700;transition:background .14s ease,border-color .14s ease,transform .14s ease}.connect-button:not(:disabled):hover,.view-switch-button:not(:disabled):hover,.refresh-button:not(:disabled):hover{border-color:var(--leaf);background:#3468568c}.header-actions{display:flex;align-items:center;gap:12px}.connect-button:active,.view-switch-button:active,.refresh-button:active,.token-card:active{transform:translateY(1px)}.network-strip{justify-content:flex-start;gap:10px;padding:10px 0 14px;color:var(--leaf);border-bottom:1px solid rgba(136,192,112,.25);font-size:12px;font-weight:700}.network-dot{width:9px;height:9px;border-radius:50%;background:var(--screen);box-shadow:0 0 10px var(--screen)}.strip-divider{opacity:.4}.workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:34px;margin-top:34px}.collection-panel,.editor-panel{color:var(--screen)}.collection-panel{min-height:680px;padding-right:32px;border-right:1px solid rgba(136,192,112,.2)}.panel-heading{gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(136,192,112,.2)}.refresh-button{padding:8px 10px;font-size:11px}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:20px 16px;max-height:720px;padding:20px 4px 16px 0;overflow-y:auto}.token-card{min-width:0;border:0;padding:0;color:var(--screen);background:transparent;cursor:pointer;font-size:11px;font-weight:700;text-align:left;transition:color .14s ease,opacity .14s ease,transform .14s ease}.token-card:not(:disabled):hover{color:var(--leaf);transform:translateY(-2px)}.token-card-selected{color:var(--leaf)}.token-thumb{display:grid;place-items:center;width:100%;aspect-ratio:1;margin-bottom:8px;overflow:hidden;color:var(--forest);background:#e0f8d0e6;transition:box-shadow .14s ease,opacity .14s ease}.token-card:not(:disabled):hover .token-thumb{opacity:.86}.token-card-selected .token-thumb{box-shadow:0 0 0 2px var(--leaf)}.token-thumb img{width:100%;height:100%;object-fit:contain}.collection-empty{display:grid;place-items:center;min-height:520px;padding:30px;text-align:center;color:var(--leaf)}.collection-empty strong{font-size:22px}.collection-empty p{margin-top:12px;max-width:280px;color:var(--forest)}.scan-lines{background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(136,192,112,.04) 8px 9px)}.editor-panel{min-width:0}.editor-heading{padding-bottom:20px}.power-light{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--forest)}.power-light span{width:9px;height:9px;border-radius:50%;background:#401b28}.power-light-on span{background:#d64161;box-shadow:0 0 10px #d64161}.gameboy{position:relative;width:min(680px,100%);margin:0 auto;padding:34px 34px 90px;overflow:hidden;border-radius:22px 22px 74px;background:linear-gradient(110deg,rgba(255,255,255,.28),transparent 25%),var(--shell);box-shadow:inset 5px 5px #ffffff42,inset -7px -7px #00000026,12px 14px #00000061}.utility-controls{position:absolute;bottom:22px;left:24px;display:grid;gap:7px}.utility-controls button{width:86px;border:2px solid #77776f;border-radius:4px;padding:6px 7px;color:#58586a;background:#a3a297;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #00000029,2px 3px #00000040;cursor:pointer;font-size:7px;font-weight:700;transition:color .12s ease,background .12s ease,transform .12s ease}.utility-controls button:not(:disabled):hover{color:var(--screen);background:var(--forest);transform:translateY(-2px)}.utility-controls button:not(:disabled):active{transform:translateY(1px)}.utility-controls .hard-reset-button:not(:disabled):hover{color:#ffd5d5;background:#8b2f58}.screen-shell{width:min(530px,100%);margin:0 auto;padding:15px 26px 18px;border-radius:16px 16px 48px;background:#4b4c54;box-shadow:inset 4px 4px #35363d}.screen-label{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#b9b8aa;font-size:8px;white-space:nowrap}.screen-label:before,.screen-label:after{content:"";width:100%;height:2px;background:linear-gradient(#8b2f58 0,#8b2f58 50%,#332a52 50%)}.screen{position:relative;display:grid;place-items:center;width:min(440px,100%);aspect-ratio:1;margin:0 auto;padding:10px;background:#7d916d;box-shadow:inset 6px 6px #0818206b,inset -3px -3px #e0f8d040}.transaction-screen{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:4;display:grid;place-items:center;overflow:hidden;color:var(--screen);background:repeating-linear-gradient(0deg,#081820c7 0,#081820c7 9px,#081820b8 9px,#081820b8 10px);pointer-events:none}.transaction-screen strong{position:absolute;bottom:16%;padding:5px 8px;color:var(--ink);background:var(--leaf);box-shadow:3px 3px #081820a6;font-size:clamp(8px,2vw,12px);letter-spacing:.08em}.pixel-spinner{position:relative;width:min(48%,190px);aspect-ratio:1;animation:pixel-spinner-rotate 1.35s steps(12,end) infinite}.pixel-spinner span{position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);width:18px;height:18px;background:var(--leaf);box-shadow:3px 3px #081820b3;transform:rotate(calc(var(--spinner-index) * 30deg)) translateY(-410%)}.pixel-spinner span:nth-child(3n+1){background:var(--screen)}.pixel-spinner span:nth-child(3n+2){background:var(--leaf)}.pixel-spinner span:nth-child(3n){background:var(--forest)}@keyframes pixel-spinner-rotate{to{transform:rotate(360deg)}}.pixel-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}.pixel-canvas-focus{cursor:cell}.pixel-canvas-disabled{cursor:not-allowed;filter:grayscale(.45)}.empty-screen{color:var(--ink);font-size:clamp(22px,5vw,48px);font-weight:700;line-height:.9;letter-spacing:-.12em;text-align:center;text-shadow:3px 3px 0 rgba(52,104,86,.4)}.screen-brand{margin-top:10px;color:#b9b8aa;font-size:15px;font-style:italic;font-weight:700}.screen-brand i{color:#d46a87}.controls-row{display:grid;grid-template-columns:120px minmax(130px,1fr) 170px;align-items:center;gap:24px;margin-top:30px}.dpad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);width:108px;height:108px;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.3))}.dpad button,.dpad .dpad-dot{border:0;background:#23252b;box-shadow:inset 3px 3px #34363e,inset -3px -3px #13151a}.dpad button{position:relative;z-index:1;cursor:pointer;transition:filter .12s ease,transform .12s ease}.dpad button:not(:disabled):hover{z-index:3;filter:brightness(1.65)}.dpad button:not(:disabled):active{transform:scale(.88)}.dpad button:after{content:"";position:absolute;border:6px solid transparent;opacity:.38}.dpad-up{grid-column:2;grid-row:1;border-radius:7px 7px 0 0!important}.dpad-up:after{top:6px;left:12px;border-bottom-color:#777980!important}.dpad-left{grid-column:1;grid-row:2;border-radius:7px 0 0 7px!important}.dpad-left:after{top:12px;left:6px;border-right-color:#777980!important}.dpad-right{grid-column:3;grid-row:2;border-radius:0 7px 7px 0!important}.dpad-right:after{top:12px;right:6px;border-left-color:#777980!important}.dpad-down{grid-column:2;grid-row:3;border-radius:0 0 7px 7px!important}.dpad-down:after{right:12px;bottom:6px;border-top-color:#777980!important}.dpad .dpad-dot{z-index:2;grid-column:2;grid-row:2;border-radius:50%;background:#17191e}.dpad-active{filter:drop-shadow(3px 4px 0 rgba(0,0,0,.3)) drop-shadow(0 0 7px rgba(136,192,112,.72))}.mode-control{display:grid;justify-items:center;gap:7px;color:#58586a;font-size:9px;font-weight:700;text-align:center}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:20px;background:#77776f;box-shadow:inset 2px 2px #696960,2px 3px #ffffff40}.mode-switch button{border:0;border-radius:14px;padding:7px 8px;color:#d5d3c2;background:#575861;cursor:pointer;font-size:8px;font-weight:700;transition:background .12s ease,transform .12s ease}.mode-switch button:not(:disabled):hover{transform:translateY(-2px);background:var(--purple)}.mode-switch .mode-selected{color:var(--screen);background:var(--forest);box-shadow:0 0 8px #346856b3}.mode-control small{min-height:20px;max-width:150px;line-height:1.35}.console-colors{display:grid;grid-template-columns:repeat(2,58px);gap:12px 16px;justify-content:center;justify-self:end;padding:15px 20px;border-radius:58px;transform:rotate(-24deg);background:#78777073}.color-button{position:relative;display:grid;place-items:center;width:58px;height:58px;border:5px solid #74746c;border-radius:50%;background:var(--color);box-shadow:inset 3px 3px #ffffff21,inset -3px -3px #00000029,3px 4px #00000057;cursor:pointer;transition:filter .12s ease,outline-color .12s ease,transform .12s ease}.color-button span{color:var(--color);filter:invert(1) grayscale(1) contrast(5);font-size:10px;font-weight:700;transform:rotate(24deg);opacity:.75}.color-button:not(:disabled):hover{z-index:2;filter:brightness(1.18);transform:translateY(-5px) scale(1.08)}.color-selected{outline:4px solid var(--purple);transform:translateY(-4px)}.system-controls{display:flex;justify-content:center;gap:24px;margin-top:32px}.system-controls button{border:0;color:#58586a;background:transparent;font-size:9px;font-weight:700;cursor:pointer;transform:rotate(-8deg);transition:color .14s ease,filter .14s ease,transform .14s ease}.system-controls button span{display:block;width:70px;height:18px;margin-bottom:5px;border-radius:10px;background:#696a6b;box-shadow:inset 2px 3px #4e5052,2px 3px #ffffff4d;transition:background .14s ease,box-shadow .14s ease}.system-controls button:not(:disabled):hover{color:var(--purple);filter:brightness(1.12);transform:rotate(-8deg) translateY(-7px) scale(1.12)}.system-controls button:first-child:not(:disabled):hover span{background:#b45b67;box-shadow:inset 2px 3px #d6828d,0 0 13px #b45b67cc,2px 4px #0000004d}.system-controls button:last-child:not(:disabled):hover span{background:var(--forest);box-shadow:inset 2px 3px 0 var(--leaf),0 0 13px #346856e6,2px 4px #0000004d}.system-controls button:not(:disabled):active{transform:rotate(-8deg) translateY(1px) scale(.97)}.speaker{position:absolute;right:28px;bottom:28px;display:flex;gap:7px;transform:rotate(-28deg)}.speaker span{width:5px;height:58px;border-radius:3px;background:#898980;box-shadow:inset 1px 1px #00000047}.editor-status{display:flex;gap:18px;align-items:flex-start;margin-top:24px;padding:14px 0 0;border-top:1px solid rgba(136,192,112,.25);color:var(--leaf);font-size:12px}.editor-status span{flex:0 0 auto;padding:0;color:var(--screen);font-weight:700}.editor-status p{line-height:1.55}.raw-data-panel{margin-top:14px;padding:14px 0 0;border-top:1px solid rgba(136,192,112,.15);color:var(--leaf);font-size:11px;line-height:1.55}.raw-data-panel span,.raw-data-panel strong{color:var(--screen)}.raw-data-panel span{display:block;margin-bottom:4px;font-weight:700}.gallery-section{scroll-margin-top:18px;margin-top:34px;color:var(--screen)}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(136,192,112,.25)}.gallery-heading p{margin-top:8px;color:var(--leaf);font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:26px 18px;padding:26px 0}.gallery-card{min-width:0;color:var(--screen)}.gallery-card>div:last-child{display:grid;gap:4px}.gallery-card strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.gallery-card>div:last-child span{color:var(--leaf);font-size:8px}.gallery-image{display:grid;place-items:center;width:100%;aspect-ratio:1;margin-bottom:8px;overflow:hidden;color:var(--forest);background:#e0f8d0e6;font-size:9px;font-weight:700;text-align:center}.gallery-image img{width:100%;height:100%;object-fit:contain}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.gallery-pagination button{border:1px solid rgba(136,192,112,.4);border-radius:999px;padding:8px 10px;color:var(--screen);background:#34685647;cursor:pointer;font-size:9px;font-weight:700}.gallery-pagination button:not(:disabled):hover{border-color:var(--leaf);background:#3468568c}.gallery-pagination span{padding:8px 10px;color:var(--leaf);font-size:10px}.gallery-message{display:grid;gap:8px;place-items:center;min-height:240px;padding:24px;color:var(--leaf);text-align:center}.gallery-message span{max-width:700px;overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#081820e0}.warning-modal{width:min(520px,100%);border:1px solid #ff8a8a;border-radius:8px;padding:22px;color:#ffd5d5;background:#471e2a;box-shadow:0 24px 70px #00000073}.warning-modal h2{margin:8px 0 16px;color:#fff0f0}.warning-modal p{margin-top:10px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.modal-actions button{border:1px solid rgba(224,248,208,.35);border-radius:999px;padding:10px 12px;color:var(--screen);background:var(--forest);cursor:pointer;font-weight:700}.modal-actions .danger-button{color:#471e2a;background:#ff8a8a}.error-bar{position:fixed;right:20px;bottom:20px;left:20px;z-index:10;display:flex;gap:15px;align-items:center;max-width:900px;margin:0 auto;padding:12px;border:1px solid #ff8a8a;border-radius:8px;color:#ffd5d5;background:#471e2a;box-shadow:0 16px 48px #0006}.error-bar span{flex:1;overflow-wrap:anywhere}.error-bar button{border:0;color:#471e2a;background:#ff8a8a;cursor:pointer;font-weight:700}footer{justify-content:center;gap:10px;margin-top:34px;padding:18px 0 0;color:var(--leaf);border-top:1px solid rgba(136,192,112,.2);font-size:11px;font-weight:700}footer i{width:16px;height:16px;border-radius:50%}@media(max-width:980px){main{padding:12px}.workspace{grid-template-columns:1fr}.collection-panel{min-height:auto;padding-right:0;padding-bottom:30px;border-right:0;border-bottom:1px solid rgba(136,192,112,.2)}.collection-empty{min-height:230px}.token-grid{max-height:360px}.gallery-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.site-header{align-items:flex-start;flex-direction:column}.connect-button{width:100%}.header-actions{display:grid;grid-template-columns:1fr;width:100%}.header-actions>*{width:100%;text-align:center}.network-strip{overflow:hidden;white-space:nowrap}.gameboy{padding:20px 14px 82px;border-radius:18px 18px 54px}.utility-controls{bottom:16px;left:12px;gap:5px}.utility-controls button{width:72px;padding:5px 4px;font-size:6px}.screen-shell{padding:12px 14px 16px}.pixel-spinner span{top:calc(50% - 6px);left:calc(50% - 6px);width:12px;height:12px;box-shadow:2px 2px #081820b3}.controls-row{grid-template-columns:82px minmax(85px,1fr) 108px;gap:8px}.dpad{grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px);width:78px;height:78px}.dpad button:after{display:none}.console-colors{grid-template-columns:repeat(2,40px);gap:7px;padding:10px 12px}.color-button{width:40px;height:40px;border-width:3px}.mode-switch{grid-template-columns:1fr;border-radius:10px}.mode-switch button{border-radius:7px;padding:5px 7px}.mode-control small{display:none}.editor-status,footer{align-items:stretch;flex-direction:column}.modal-actions{align-items:stretch;flex-direction:column}.gallery-section{margin-top:26px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-pagination{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.gallery-pagination span{grid-column:1 / -1;grid-row:1;text-align:center}}@media(prefers-reduced-motion:reduce){.pixel-spinner{animation-duration:5s}}