:root{--ink:#e9ead1;--muted:#a9b4a2;--bg:#101f25;--panel:#20363b;--line:#415454;--mint:#bee1ab;--gold:#f6cd7b;--red:#ed8b7c}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}body{margin:0;min-height:100svh}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:44px;background:#2c4447;color:var(--ink);border:1px solid #526665;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;box-shadow:0 3px 0 #0c1b20}button:hover{background:#38575a}button:active{transform:translateY(2px);box-shadow:0 1px 0 #0c1b20}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}main{width:min(100%,520px);margin:auto;padding:18px 16px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--mint);font-weight:bold}h1{font-size:24px;letter-spacing:-1.1px;margin:5px 0 0;line-height:1.15}h2{font-size:23px;margin:6px 0}h3{font-size:15px;margin:16px 0 8px}.brand-dot{font-size:13px;color:var(--gold);margin-left:8px}.icon-btn{font-size:20px;padding:4px;width:44px}.location-bar{display:flex;justify-content:space-between;font-size:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px 10px 0 0;border-bottom:0}.location-bar span:last-child{color:var(--gold);font-size:10px;letter-spacing:1px}#screen{position:relative;border:4px solid #415454;border-radius:0 0 5px 5px;background:#8da66d;overflow:hidden}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;aspect-ratio:4/3}#toast{position:absolute;bottom:12px;left:10px;right:10px;background:#172e32ee;border:1px solid var(--mint);padding:10px;border-radius:6px;font-size:12px;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .15s}#toast.show{opacity:1}#info{padding:15px 1px 12px}.quest-label{font-size:9px;letter-spacing:1.8px;color:var(--gold);font-weight:700}#objective{font-size:12px;line-height:1.65;margin:5px 0 9px;color:#e6e6ca}#teamStrip{display:flex;gap:5px;flex-wrap:wrap}.team-chip{font-size:10px;border:1px solid #496360;padding:5px 7px;border-radius:5px;background:#1c3236;color:var(--mint);max-width:100%}#controls{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:12px}.dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:3px;flex-shrink:0;touch-action:none;user-select:none}.dpad button{font-size:17px;padding:0;touch-action:none}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:nth-child(5){grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;display:grid;place-items:center;color:#587879}.field-buttons{display:flex;flex:1;flex-direction:column;gap:8px}.field-buttons button{text-align:left;font-size:12px;padding:8px}.field-buttons button span{display:inline-flex;width:22px;justify-content:center;margin-right:3px;color:var(--gold)}.field-buttons small{font-size:9px;color:var(--muted);line-height:1.5}.primary{background:#a5c997;color:#19312d;border-color:#c7e4b9}.primary:hover{background:#bbd9a5}footer{display:flex;gap:10px;justify-content:space-between;font-size:8px;line-height:1.5;color:#879b94;padding-top:17px}#battleLog{min-height:66px;font-size:12px;line-height:1.6;padding:0 6px 10px;color:#e6e6ce}#battleLog .older{color:#92a8a0}#battleActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#battleActions button{text-align:left;min-height:54px}#battleActions small{display:block;font-size:9px;margin-top:5px;color:#bdc9b4;font-weight:normal}#battleActions .back{grid-column:1/-1;min-height:44px;text-align:center}#battleHUD{position:absolute;inset:0;pointer-events:none}.hud{position:absolute;background:#e9e8cbee;border:2px solid #415a4b;color:#233a36;border-radius:6px;padding:7px 9px;width:53%;font-size:11px;box-shadow:3px 3px 0 #304d4122}.hud.enemy{top:9px;left:8px}.hud.ally{bottom:12px;right:8px}.hud-name{display:flex;justify-content:space-between;gap:5px;font-weight:700}.hud-type{font-size:8px;margin-top:3px;opacity:.8}.hp-bar{height:5px;margin:5px 0;background:#87987b;border-radius:1px;overflow:hidden}.hp-bar i{display:block;height:100%;background:#43865b;transition:width .25s}.hp-count{font-size:9px;text-align:right}#modal{position:fixed;inset:0;z-index:10;background:#09171bbf;display:flex;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(4px)}.modal-sheet{background:#1b3035;border:1px solid #5d7770;border-radius:14px;width:min(100%,490px);max-height:90svh;overflow:auto;padding:19px;box-shadow:0 15px 80px #0007}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.modal-head button{min-width:44px;background:transparent;box-shadow:none;border:0}.modal-sheet p{font-size:12px;line-height:1.7;color:#c8d3bd}.starter{display:flex;align-items:center;gap:12px;width:100%;margin:9px 0;text-align:left;padding:12px}.starter canvas,.roster canvas{width:64px;height:64px;image-rendering:pixelated;aspect-ratio:1;flex-shrink:0}.starter b{font-size:15px}.starter small{display:block;color:var(--muted);font-weight:normal;font-size:10px;line-height:1.6;margin-top:5px}.roster{border:1px solid #45605b;border-radius:9px;padding:10px;margin:10px 0}.roster-top{display:flex;gap:12px;align-items:center}.roster .detail{flex:1;min-width:0}.roster b{font-size:13px}.roster p{font-size:10px;margin:4px 0}.roster-actions{display:flex;gap:6px;margin-top:8px}.roster-actions button{flex:1;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:10px;margin:8px 0}.stat{padding:7px;background:#274044;border-radius:4px}.stat b{font-size:10px;color:var(--mint)}.move-list{font-size:10px;line-height:1.8;color:#bdcbb7}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-grid button{min-height:48px}.menu-grid .wide{grid-column:1/-1}.slot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.slot div{flex:1}.slot small{display:block;color:var(--muted);font-size:9px;margin-top:5px}select,textarea{width:100%;color:var(--ink);background:#102328;border:1px solid #526c64;border-radius:6px;padding:10px;font-size:12px}textarea{height:130px;word-break:break-all}.type-row{font-size:11px;padding:9px 0;border-bottom:1px solid #3c544f;line-height:1.65}.type-row b{color:var(--gold)}.note{font-size:10px!important;color:#95aaa0!important}#screen.battling{background:#c0cea0}@media(max-width:360px){main{padding:12px 10px 15px}h1{font-size:22px}#controls{gap:10px}.dpad{grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px 42px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hud{font-size:10px;padding:6px}footer{font-size:7px}}@media(min-width:768px){main{padding-top:36px}h1{font-size:29px}}
.lineage{background:#293f42;border:1px solid #59766d;border-radius:7px;padding:10px;margin:10px 0}.lineage summary{font-size:12px;color:#f2d093;font-weight:700;cursor:pointer;min-height:24px}.lineage p{font-size:10px;line-height:1.7;margin:8px 0;color:#c4d8bd}.modal-sheet label{display:block;font-size:10px;color:#c7d0b6;margin:12px 0 6px}.roster-actions{flex-wrap:wrap}.roster-actions button{flex-basis:30%}details>summary{font-size:11px;padding:8px 0;min-height:40px}.modal-sheet select{min-height:44px}
.family-hero{display:flex;align-items:center;gap:14px;padding:10px 0}.family-hero canvas{width:110px;height:110px;image-rendering:pixelated;flex-shrink:0}.family-hero p{font-size:12px}.roster-actions button{flex-basis:40%}
.family-tree{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}.family-node{padding:6px;background:#20363b;border-radius:6px;text-align:center;min-width:0}.family-node canvas{width:48px;height:48px;margin:auto;image-rendering:pixelated}.family-node span{display:block;font-size:9px;margin-top:5px;line-height:1.5;color:#d6dabd}.family-arrow{grid-column:1/-1;text-align:center;font-size:10px;padding:6px;color:#f2d093}
.shop-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #425a54}.shop-row div{flex:1;font-size:12px}.shop-row small{display:block;font-size:10px;color:#b6c9b3;line-height:1.6;margin-top:5px}.item-choice{width:100%;text-align:left;margin:6px 0}.item-choice small{display:block;color:#b4cbb1;font-size:10px;margin-top:6px;line-height:1.5}.dex-filters{display:flex;gap:6px;flex-wrap:wrap}.dex-filters button{flex:1;font-size:10px}.ending-note{padding:12px;border:1px solid #a9c39d;border-radius:6px;color:#d3e7b8!important}
.modal-sheet h3{margin-top:14px}.modal-sheet .ending-note{font-size:11px;line-height:1.65}.modal-sheet .type-row{font-size:10px}