@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--gbc-dark: #081820;--gbc-green: #346856;--gbc-light: #88c070;--gbc-lightest: #e0f8d0;--border-outer: #303030;--border-mid: #585858;--border-inner: #a8a8a8;--window-bg: #f8f8f8;--title-red: #d83030;--title-blue: #3050c8;--accent-yellow: #f8d830;--pixel: 4px}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}body{background:var(--gbc-dark);font-family:"Press Start 2P",monospace;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}.gbc-screen{background-color:var(--gbc-green);background-image:radial-gradient(circle at 8px 8px,var(--gbc-light) 2px,transparent 2px),radial-gradient(circle at 24px 24px,var(--gbc-light) 2px,transparent 2px),radial-gradient(circle at 8px 24px,#2d5e4a 1.5px,transparent 1.5px),radial-gradient(circle at 24px 8px,#2d5e4a 1.5px,transparent 1.5px),linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.04) 75%),linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.04) 75%);background-size:32px 32px,32px 32px,32px 32px,32px 32px,16px 16px,16px 16px;background-position:0 0,0 0,0 0,0 0,0 0,8px 8px;padding:40px 32px;position:relative;border:var(--pixel) solid #1a3828;box-shadow:inset 0 0 40px #0000004d,0 0 0 var(--pixel) var(--gbc-dark),0 0 60px #3468564d}.dialog-box{background:var(--window-bg);border:var(--pixel) solid var(--border-outer);box-shadow:inset 0 0 0 var(--pixel) var(--border-inner),inset 0 0 0 calc(var(--pixel) * 2) var(--border-mid),calc(var(--pixel) * 1) calc(var(--pixel) * 1) 0 0 #00000059;padding:24px 20px 20px;min-width:380px;max-width:440px}.title-bar{background:var(--title-blue);margin:-24px -20px 16px;padding:12px 16px;border-bottom:var(--pixel) solid var(--border-outer);display:flex;align-items:center;gap:8px}.pokeball-icon{width:16px;height:16px;border-radius:50%;background:linear-gradient(to bottom,var(--title-red) 0%,var(--title-red) 45%,var(--border-outer) 45%,var(--border-outer) 55%,var(--window-bg) 55%,var(--window-bg) 100%);border:2px solid var(--border-outer);flex-shrink:0}.title-text{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--accent-yellow);text-shadow:2px 2px 0 rgba(0,0,0,.4);line-height:1.4}.separator{height:var(--pixel);background:var(--border-mid);margin:14px -20px;box-shadow:0 var(--pixel) 0 0 var(--border-inner)}.field-group{margin-bottom:14px}.field-group:last-child{margin-bottom:0}.field-label{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--gbc-green);margin-bottom:6px;display:flex;align-items:center;gap:6px}.label-arrow{color:var(--title-red)}.gbc-input{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--gbc-dark);background:var(--gbc-lightest);border:calc(var(--pixel) / 2) solid var(--border-mid);box-shadow:inset 2px 2px #0000001a;outline:none;padding:8px 10px;width:100%;line-height:1.5}.gbc-input:focus{border-color:var(--title-blue);background:#f0fce0;box-shadow:inset 2px 2px #0000000d,0 0 0 2px #3050c840}.gbc-input::placeholder{color:#90b888;font-size:10px}.footer{margin-top:12px;text-align:center}.footer-text{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--border-mid);letter-spacing:1px}