:root{font-family:'Trebuchet MS',Arial,sans-serif;color:#283d36;background:#c2ddde;font-synthesis:none;--paper:#fffdf2;--green:#356450;--muted:#6c796d;--border:#d8dfc9}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:var(--paper);border-radius:13px;min-height:46px;padding:12px 20px;transition:background .15s,transform .15s}button:hover:enabled{background:#edf0dc;transform:translateY(-2px)}button:active:enabled{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #d18b35;outline-offset:3px}[hidden]{display:none!important}#world{position:fixed;width:100%;height:100%;display:block;touch-action:none}#grain{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #576c2e19;z-index:1}.title-screen{position:fixed;inset:0;z-index:3;background:linear-gradient(90deg,#f4f2dcf2 0%,#f4f2dcdd 25%,#f4f2dc00 65%);padding:40px 5vw}.edition{font-size:10px;letter-spacing:2.8px;font-weight:bold;display:flex;justify-content:space-between}.title-copy{position:absolute;top:22%;left:7vw;max-width:480px}.brand{color:#ac613e;letter-spacing:6px;font-weight:900;font-size:19px;margin-bottom:20px}h1{font:normal clamp(55px,6.8vw,102px)/.98 Georgia,serif;letter-spacing:-4px;margin:0 0 26px}h1 em{font-weight:normal;color:var(--green)}.title-copy p{font-size:18px;line-height:1.8;color:#53675b}.title-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.primary{background:var(--green);border-color:var(--green);color:var(--paper);font-weight:bold;padding:16px 25px}.primary:hover:enabled{background:#244d3b}.primary span{margin-left:30px}.title-copy small{display:block;margin-top:20px;font-size:11px;color:#5e7465}.title-footer{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.topbar{position:absolute;left:28px;right:28px;top:max(22px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start;z-index:4;pointer-events:none}.location{background:#fffdf2ed;border-radius:4px 18px 18px 4px;border-left:4px solid var(--green);padding:13px 22px;box-shadow:0 5px 25px #354c3020}.location small,.quest small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:5px;color:var(--muted)}.location strong{font:24px Georgia,serif}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button{box-shadow:0 4px 15px #354c3018}.top-actions span{font-size:10px;margin-left:10px;color:var(--muted)}.quest{position:absolute;top:112px;left:31px;display:flex;gap:11px;align-items:center;background:#fffdf2de;padding:12px 18px;border-radius:12px;max-width:330px;z-index:3;font-size:13px;line-height:1.4}.quest-mark{font-size:29px;color:#aa7944}.companion-hud{position:absolute;bottom:33px;left:28px;z-index:3;background:#fffdf2ec;padding:14px 20px;border-radius:15px;min-width:190px;font-size:13px}.companion-hud strong{display:block;font-size:15px}.companion-hud small{display:block;margin-top:5px;color:var(--muted)}.keyboard-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;background:#fffdf2c9;border-radius:20px;padding:10px 15px;white-space:nowrap}.keyboard-hint span{color:var(--muted);margin:0 13px 0 4px}.interact{position:absolute;bottom:32px;right:28px;z-index:4;display:flex;align-items:center;gap:10px;background:#fffdf2f5;box-shadow:0 8px 30px #344d3025}.interact:disabled{opacity:.85}.interact kbd{padding:5px 8px;border:1px solid #9ca995;border-radius:5px}#joystick{display:none;position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:25px;width:118px;height:118px;border:1px solid #fffdf2ba;border-radius:50%;background:#fffdf255;z-index:4;touch-action:none;box-shadow:inset 0 0 25px #345d2920}#stick{position:absolute;top:35px;left:35px;width:46px;height:46px;border-radius:50%;background:#fffdf2d9;border:2px solid #fff;box-shadow:0 4px 15px #3f562340;pointer-events:none}.modal-screen{position:fixed;inset:0;background:#293e3650;backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px;z-index:10}.modal-card{width:min(680px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:var(--paper);border:1px solid #fff;border-radius:23px;padding:32px;box-shadow:0 20px 90px #1e3e3630}.eyebrow{font-size:10px;letter-spacing:2px;color:#9a6b3f;font-weight:bold;margin:0 0 12px}.modal-card h2{font:normal 35px/1.1 Georgia,serif;margin:0 0 15px}.modal-card>p:not(.eyebrow){color:#69766a;font-size:15px;line-height:1.7}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.starter-choice{padding:20px 12px;text-align:left;border-top:4px solid var(--species);background:linear-gradient(150deg,#fffdf2,#e9edda)}.starter-choice .number{display:block;font:italic 22px Georgia,serif;color:#98a189;margin-bottom:18px}.starter-choice strong{display:block;font-size:17px}.starter-choice small{display:block;line-height:1.6;margin-top:8px;font-size:11px;color:var(--muted)}.party-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.party-row .dot{height:12px;width:12px;border-radius:50%;background:var(--species)}.party-row strong{font-size:14px}.party-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.party-row button{font-size:12px;padding:9px 12px}.storage-heading{font-size:12px;letter-spacing:1px;margin-top:25px}.battle-kind{position:absolute;top:26px;left:28px;font-size:11px;letter-spacing:2px;background:var(--paper);padding:12px 20px;border-radius:30px}.combat-card{background:#fffdf2f2;border:1px solid #fff;border-radius:15px;padding:16px 22px;box-shadow:0 6px 22px #37472620;min-width:255px}.foe-card{position:absolute;top:80px;right:5vw}.combat-name{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.combat-name strong{font:24px Georgia,serif}.combat-name small{font-size:11px;color:var(--muted)}.hp-line{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:9px}.hp-track{height:7px;background:#dce2cc;border-radius:10px;overflow:hidden;flex:1}.hp-track i{display:block;height:100%;background:#619766;border-radius:10px;transition:width .35s}.hp-track i.low{background:#c37648}.hp-line b{font-weight:normal;min-width:48px;text-align:right}.battle-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:5vw;right:5vw;display:flex;gap:18px;align-items:flex-end}.ally-card{margin-bottom:14px}.command-panel{flex:1;background:var(--paper);border:1px solid #fff;border-radius:19px;padding:18px 20px;box-shadow:0 8px 35px #2d49252b}.command-panel p{font-size:15px;line-height:1.5;min-height:42px;margin:0 0 12px}.battle-actions{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:8px}.battle-actions button{padding:12px 8px;font-size:13px;font-weight:bold}.battle-actions small{display:block;font-weight:normal;font-size:9px;margin-top:5px}.battle-actions .attack{background:var(--green);color:#fffdf2;border-color:var(--green)}#toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-130px);max-width:90vw;z-index:30;border-radius:12px;background:#294c3e;color:#fffdf2;box-shadow:0 4px 30px #294c3e30;padding:14px 23px;font-size:13px;transition:transform .25s;text-align:center;pointer-events:none}#toast.show{transform:translate(-50%,0)}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f4f2df;z-index:50;padding:35px}.loading strong{font:26px Georgia,serif}.loading p{color:var(--muted);max-width:600px;line-height:1.7}.pokeball{width:44px;height:44px;border-radius:50%;background:linear-gradient(#bb5a48 0 44%,#344b40 44% 55%,#fffdf2 55%);border:2px solid #344b40;margin-bottom:25px;animation:bob 1.3s ease-in-out infinite}.loading.error .pokeball{animation:none}.loading button{margin-top:15px}@keyframes bob{50%{transform:translateY(-9px) rotate(12deg)}}
@media(pointer:coarse){#joystick{display:block}.keyboard-hint{display:none}.companion-hud{bottom:164px;left:25px;padding:10px 15px}.interact{bottom:55px;max-width:190px}.interact kbd{display:none}}
@media(max-width:700px){.title-screen{padding:25px}.edition{font-size:8px;letter-spacing:1px}.edition span{display:none}.title-copy{top:15%;left:8vw;max-width:87vw}.brand{font-size:14px;margin-bottom:16px}h1{font-size:62px;letter-spacing:-2px}.title-copy p{font-size:15px;line-height:1.6}.title-screen{background:linear-gradient(90deg,#f4f2dce8,#f4f2dc80 65%,transparent)}.title-footer{font-size:8px;bottom:22px;gap:18px;line-height:1.7}.title-footer span:last-child{max-width:130px;text-align:right}.topbar{left:14px;right:14px;top:max(14px,env(safe-area-inset-top))}.location{padding:10px 15px}.location strong{font-size:21px}.location small{font-size:8px}.top-actions button{padding:10px 13px}.top-actions span{display:none}.quest{top:91px;left:14px;max-width:calc(100vw - 28px);font-size:12px;padding:10px 14px}.quest small{font-size:8px}.companion-hud{min-width:155px;font-size:11px}.interact{right:18px;font-size:12px;padding:14px}.keyboard-hint{display:none}.modal-screen{padding:14px}.modal-card{padding:23px;max-height:calc(100dvh - 28px)}.modal-card h2{font-size:29px}.starter-grid{gap:7px}.starter-choice{padding:14px 8px}.starter-choice strong{font-size:12px}.starter-choice small{font-size:10px}.starter-choice .number{font-size:17px}.battle-kind{font-size:9px;left:15px;top:16px;padding:10px 14px}.foe-card{top:64px;right:16px;min-width:210px;width:59vw;padding:13px 17px}.combat-name strong{font-size:22px}.battle-bottom{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:block}.ally-card{width:62%;min-width:210px;margin:0 0 10px;padding:12px 16px}.command-panel{padding:14px;border-radius:16px}.command-panel p{font-size:13px;min-height:39px;margin-bottom:8px}.battle-actions{gap:5px;grid-template-columns:1.1fr repeat(4,1fr)}.battle-actions button{font-size:11px;min-height:55px;padding:9px 3px}.battle-actions small{font-size:8px}.party-row{gap:8px}.party-row button{font-size:10px;padding:8px}.title-actions{gap:8px}.title-actions button{font-size:13px;padding:14px 20px}}
@media(max-height:520px){.title-copy{top:17%}.brand{margin-bottom:8px}h1{font-size:45px;margin-bottom:10px}.title-copy p{display:none}.title-actions{margin-top:14px}.title-copy small{margin-top:10px}.title-footer{bottom:12px}.edition{font-size:8px}.quest{top:88px}.battle-kind{top:10px}.foe-card{top:45px;padding:10px 16px}.battle-bottom{bottom:10px}.command-panel{padding:10px 15px}.command-panel p{min-height:22px;margin-bottom:6px}.combat-card{min-width:200px}.battle-actions button{min-height:42px;padding:8px}.companion-hud{display:none}#joystick{width:96px;height:96px;bottom:16px}#stick{left:24px;top:24px}.interact{bottom:30px}.modal-card{padding:20px}.modal-card h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.starter-portrait{width:100%;height:140px;object-fit:contain;display:block;margin:-10px 0 8px}.starter-choice .number{font-size:14px;margin-bottom:10px}.party-row{grid-template-columns:50px 1fr auto}.party-portrait{width:50px;height:50px;object-fit:contain}.companion-portrait{width:55px;height:55px;object-fit:contain;float:left;margin:-9px 10px -9px -10px}@media(max-width:700px){.starter-portrait{height:100px}.party-row{grid-template-columns:40px 1fr auto}.party-portrait{width:40px;height:40px}.companion-portrait{width:42px;height:42px;margin:-5px 8px -5px -6px}}@media(max-height:520px){.starter-portrait{height:80px}}