:root{color-scheme:dark;--bg:#101a19;--panel:#172422;--line:#486054;--text:#eee9cf;--dim:#adbaa1;--ember:#efc477}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#26362d,#0c1415 70%);color:var(--text);font-family:ui-monospace,Consolas,monospace;min-height:100dvh;display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}#shell{width:min(840px,98vw);padding:14px 18px}.masthead{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;letter-spacing:1.2px}.wordmark{font-weight:bold;color:var(--ember);text-decoration:none;font-size:13px}.masthead span{margin-left:auto;color:var(--dim)}#sound{background:none;border:1px solid var(--line);padding:6px;font-size:9px}#wrap{position:relative;border:6px solid #35473b;border-radius:6px;box-shadow:0 12px 40px #0008;isolation:isolate;background:#0b0a0e}canvas#cv{display:block;width:100%;aspect-ratio:4/3;image-rendering:pixelated;outline:none}#overlay{position:absolute;inset:0;background:#07110cdb;z-index:10;align-items:center;justify-content:center;padding:16px}.card{background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px #080f0c;width:100%;max-height:100%;overflow:auto;padding:22px;scrollbar-width:thin}.card h2{margin:0 0 14px;color:var(--ember);font-size:20px;letter-spacing:1px}.card p{font-size:14px;line-height:1.65;margin:8px 0 14px}.dim{color:var(--dim);font-size:12px}.btn{border:1px solid var(--line);background:#25372e;padding:11px 14px;font-size:13px;margin:4px 5px 4px 0;border-radius:2px;min-height:40px}.btn:hover,.btn:focus-visible,button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.btn.primary{background:#e5bd77;color:#16231b;border-color:#f4d6a0;font-weight:bold}.btn:disabled{opacity:.45;cursor:default}.starter-row{display:flex;gap:10px}.s-card{flex:1;min-width:0;text-align:center;border:1px solid var(--line);padding:12px 6px;cursor:pointer}.s-card:hover,.s-card:focus-visible{outline:2px solid var(--ember)}.s-card h4{margin:6px 0}.stats,.sub{font-size:12px;margin:5px 0}.s-card .dim{font-size:10px}.starter-row img{max-width:100%}.dex{width:100%;border-collapse:collapse;font-size:12px}.dex td,.dex th{padding:8px;border-bottom:1px solid var(--line);text-align:left}.dex img{width:36px}.dex td canvas{width:36px}#toastWrap{position:absolute;bottom:54px;left:12px;right:12px;pointer-events:none;z-index:4}.toast{background:#13201beF;border-left:3px solid var(--ember);padding:8px 12px;font-size:12px;max-width:90%;box-shadow:0 3px 8px #0005}#toolbar{display:flex;gap:6px;margin:10px 0}#toolbar button{flex:1;border:1px solid var(--line);background:#1a2922;padding:10px 2px;font-size:12px}kbd{font-size:9px;color:var(--dim);margin-left:4px}footer{text-align:center;color:var(--dim);font-size:10px;line-height:1.8;margin-top:12px}footer span{color:#738978}#touch{display:none}.party-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.party-row canvas{width:52px;height:44px;flex-shrink:0}.party-row .info{flex:1}.party-row strong{font-size:14px}.party-row .btn{font-size:11px;padding:8px}.hp{height:5px;background:#3b493b;margin:6px 0}.hp i{display:block;height:100%;background:#b6cd71}.seals{display:flex;gap:8px;margin:14px 0}.seal{flex:1;border:1px solid var(--line);padding:12px 4px;text-align:center;font-size:12px}.seal.earned{color:var(--ember);border-color:var(--ember)}.region-map{width:100%;height:auto;background:#101c17;border:1px solid var(--line);margin-bottom:12px}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.region-list div{font-size:12px;padding:6px;border-left:2px solid #526f57}.region-list .here{color:var(--ember);border-color:var(--ember)}.quest{padding:10px 0;border-bottom:1px solid var(--line)}.quest strong{color:var(--ember)}
@media(pointer:coarse),(max-width:600px){#shell{width:100%;padding:8px;max-width:800px}.masthead{margin:4px 2px 8px;gap:5px}.wordmark{font-size:11px}.masthead span{display:none}#sound{margin-left:auto}#wrap{border-width:4px}#toolbar{gap:4px;margin:8px 0}#toolbar button{font-size:11px;padding:12px 0}kbd{display:none}#touch{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;gap:6px}.dpad{display:grid;grid-template-columns:42px 42px 42px;grid-template-rows:40px 40px 40px;gap:2px}.dpad button{border:1px solid #607459;border-radius:4px;background:#2b3c30;font-size:18px;touch-action:none;user-select:none}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad span{grid-column:2;grid-row:2;display:grid;place-items:center;color:#97aa83}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:nth-child(5){grid-column:2;grid-row:3}.ab{display:flex;gap:10px}.ab button{border-radius:50%;width:50px;height:50px;background:#927650;color:#fff2cb;border:2px solid #cbae79;font-size:18px;touch-action:none}.ab button:first-child{margin-top:24px;background:#384934;border-color:#607459}#touch p{font-size:8px;text-align:center;color:var(--dim);line-height:1.8}#touch small{font-size:7px}footer{font-size:8px;margin-top:4px}.card{padding:12px}.card h2{font-size:16px;margin-bottom:8px}.card p{font-size:12px;margin-bottom:8px}.btn{font-size:11px;padding:8px 10px}.s-card{padding:6px 3px}.s-card h4{font-size:11px}.s-card .stats{font-size:10px}.starter-row{gap:6px}#overlay{padding:8px}.party-row{gap:6px}.party-row strong{font-size:12px}.region-list div{font-size:10px}.toast{font-size:10px;padding:5px 8px}#toastWrap{bottom:34px}.dex{font-size:10px}.dex td,.dex th{padding:4px}}
@media(max-height:760px) and (min-width:601px){#shell{width:min(800px,calc((100dvh - 135px)*1.3333));padding:6px}footer{font-size:8px}.masthead{margin-bottom:6px}#toolbar{margin:6px 0}#toolbar button{padding:6px}}
@media(max-height:500px) and (pointer:coarse){#shell{width:min(100%,650px)}#wrap{width:60%;margin:auto}#touch{position:absolute;inset:50px 10px auto;pointer-events:none}#touch button{pointer-events:auto}#touch p{display:none}footer{display:none}}
#readout,#battle-controls{display:none}
@media(pointer:coarse),(max-width:600px){#readout{display:block;font-size:11px;line-height:1.5;margin:7px 3px;color:#dacb9c}body[data-mode="battle"] #battle-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#battle-controls button{padding:12px 3px;background:#354d32;border:1px solid #77855b;border-radius:3px;font-size:12px;min-height:44px}#battle-controls button:disabled{opacity:.5}body[data-mode="battle"] #toolbar,body[data-mode="battle"] .dpad,body[data-mode="battle"] #touch p{display:none}body[data-mode="battle"] #touch{justify-content:flex-end;padding:0 12px}body[data-mode="battle"] .ab button{width:40px;height:40px}body[data-mode="battle"] .ab button:first-child{margin-top:0}body[data-mode="battle"] footer{display:none}}
@media(max-height:500px) and (pointer:coarse){#readout{max-width:60%;margin:5px auto;font-size:10px}body[data-mode="battle"] #battle-controls{max-width:60%;margin:0 auto;gap:3px}#battle-controls button{min-height:30px;padding:6px 2px}body[data-mode="battle"] #touch{position:absolute;inset:50px 10px auto}}
@media(max-height:500px) and (pointer:coarse){#wrap{width:min(60%,calc((100dvh - 145px)*1.3333))}body[data-mode="battle"] #wrap{width:min(60%,calc((100dvh - 210px)*1.3333))}#overlay{position:fixed;inset:24px 18%;z-index:30}#readout{line-height:1.3;margin:4px auto}#toolbar{margin:5px 0}}