@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
:root{background:#0e121c;color:#e5e9ee;font-family:monospace}body{background:radial-gradient(ellipse at 50% 30%,#1c2838,#0e121c 75%)}header{height:57px;border-color:#29364b;padding:0 3%}.brand{color:#f7d650;font-size:24px}.brand span{font-family:'Press Start 2P',monospace;font-size:13px;letter-spacing:0}.brand small{font:9px monospace;letter-spacing:3px;color:#71859e;margin-top:6px}.tag{color:#71859e}button{border-radius:0;background:#18233a;border:2px solid #34415d;color:#e1e9ef;font-family:monospace;box-shadow:inset 0 -3px #0b1425}button:hover{background:#283a52;border-color:#f3d451}main{max-width:1500px;padding:21px 3%}.intro{margin-bottom:18px}h1{font-family:'Press Start 2P',monospace;font-size:18px;letter-spacing:0;color:#e4e9df;margin:10px 0}.intro p{font:11px monospace;letter-spacing:2px;color:#7f94a1}.eyebrow{font:9px monospace;letter-spacing:2px;color:#718ca2}.location{font-family:monospace;color:#c7d4dc}.location span{color:#758c9b}.layout{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.game{border:3px solid #5d708a;border-radius:0;background:#131c30;box-shadow:0 0 0 3px #080d18,0 0 0 5px #2b354b;position:relative}.gamebar{background:#101b2d;color:#8ca3b2;font:9px monospace;padding:8px 12px;border-bottom:2px solid #35435c}.gamebar i{border-radius:0;background:#73e395}.battle-hud{display:grid;grid-template-columns:1fr 100px 1fr;background:#131a30;border-bottom:4px solid #ebcc42;min-height:87px;padding:7px;gap:12px}.combatant{display:flex;align-items:center;gap:8px;min-width:0}.combatant>div{flex:1;min-width:0}.combatant img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#84baa4;border:2px solid #d8d7a0}.combatant strong{font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.8}.combatant small{font-size:9px;display:block;color:#e6ce5a;margin-top:6px}.enemy{text-align:right}.health{height:12px;background:#273148;border:2px solid #070f21;margin-top:4px}.health i{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,#4bd66d 0px,#4bd66d 30px,#29aa4c 30px,#29aa4c 32px)}.encounter{border:2px solid #48566f;text-align:center;display:grid;align-content:center;background:#0c1422;gap:8px}.encounter b{font-family:'Press Start 2P',monospace;color:#91d498;font-size:15px}.encounter small{font-size:8px;color:#798ca2}canvas{image-rendering:pixelated;image-rendering:crisp-edges;background:#71bda5}.actions{padding:6px;gap:5px;background:#121c31;border-top:3px solid #53647e;flex-wrap:nowrap}.actions button{display:flex;gap:9px;align-items:center;text-align:left;white-space:normal;padding:6px;flex:1;min-width:0;border-color:#52617b;border-top:3px solid #d4a247}.actions button:first-child{background:#18263c;color:#e2edf1}.actions kbd{margin:0;font-size:10px;opacity:1;background:#f4ce40;color:#1d2637;min-width:30px;padding:13px 4px;text-align:center;border-bottom:3px solid #a78417}.actions b{font-family:monospace;font-weight:bold;font-size:12px}.actions small{display:block;color:#66d885;font-size:8px;margin-top:7px}.actions button:nth-child(2){border-top-color:#d0615a}.actions button:nth-child(3){border-top-color:#688ad1}.movement{background:#101a2c;padding:4px 8px 7px}.movement button{padding:3px 8px;font-size:11px}.movement span{color:#7892a7;font-size:9px}.panel{background:#121c2e;border:2px solid #35435c;border-radius:0;padding:15px;box-shadow:inset 0 0 0 2px #0e1527}h2{font-family:monospace;font-size:15px;font-weight:bold;color:#e0e7ec;margin:10px 0 15px}.panel p{color:#8498aa;font-size:11px}.partner{border:2px solid #30435a;background:#172339;border-radius:0;margin:6px 0;padding:7px;gap:6px}.partner.active{background:#1b3440;border-color:#6dba8b}.portrait{width:47px;height:47px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.partner strong{font-family:monospace;font-size:12px}.partner small{font-size:9px;color:#8fa8b8}.bar{border-radius:0;background:#283650}.bar i{background:#62d27d}#quest{color:#8db89f;font-size:11px}#target{border-color:#2e3e53;color:#d4c48e;font-size:11px}#log{color:#7d93a7;font-size:10px}#log div:first-child{color:#aad1bd}#evolve{background:#a8903e;color:#fff7ce}footer{font-family:monospace;color:#5d768c;padding-top:15px}footer button{font-family:monospace}aside{gap:12px}@media(min-width:1600px){main{padding-top:30px}}@media(max-width:1050px){.layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr 1fr;display:grid}.journal{grid-column:auto}.intro{margin-bottom:16px}h1{font-size:15px}.location{display:none}}@media(max-width:600px){header{height:54px}.brand span{font-size:10px}.intro{margin-bottom:12px}h1{font-size:13px}.intro p{font-size:10px}.battle-hud{grid-template-columns:1fr 55px 1fr;gap:5px;min-height:65px}.combatant img{width:38px;height:42px}.combatant{gap:4px}.combatant strong{font:9px monospace}.combatant small{font-size:8px}.encounter b{font-size:10px}.encounter small{font-size:6px}.health{height:8px}.actions kbd{display:block;min-width:22px;font-size:8px;padding:10px 2px}.actions button{gap:3px;padding:4px}.actions b{font-size:9px}.actions small{font-size:6px}.actions{gap:3px}.movement span{max-width:none;font-size:8px}aside{grid-template-columns:1fr}.panel{padding:12px}main{padding:16px 3%}}

.battle-move-label{display:grid;gap:7px;margin-top:14px;font:9px monospace;color:#8aa9bc;letter-spacing:1px}.battle-move-label select{background:#1b2b40;border:2px solid #456078;color:#e1eef2;padding:8px;font:12px monospace}