@charset "UTF-8";
:root{--forest:#143e37;--shade:#22584a;--leaf:#82b77b;--water:#79b8bd;--light:#f2cf79;--ink:#f5f6dc;--muted:#b4cbbb;--danger:#db836f;--font:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif;color-scheme:dark;font-family:var(--font);color:var(--ink);background:#0e2d29}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#234e40,transparent 80%),#0e2d29;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--light);outline-offset:3px}button:disabled{opacity:.48;cursor:default}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}.game-shell{max-width:1080px;padding:27px 32px 18px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-size:24px;font-weight:800;letter-spacing:.05em}.brand-mark{font-size:43px;color:var(--light);line-height:1}.brand small{display:block;font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:500;margin-top:6px}.header-tools{display:flex;gap:9px}.icon-button{background:transparent;color:var(--muted);padding:10px 13px;border:1px solid #66847566;border-radius:7px;font-size:12px}.adventure{background:#183c33;box-shadow:0 18px 55px #00171270;border:1px solid #5d806054;border-radius:14px;overflow:hidden}.world-top{display:flex;justify-content:space-between;align-items:center;min-height:51px;padding:0 22px;font-size:13px;background:#234d3f}.location{display:flex;align-items:center;gap:9px;font-weight:700}.location i{display:block;width:7px;height:7px;background:var(--leaf);border-radius:100%}.progress{color:var(--light);letter-spacing:.06em}.canvas-frame{position:relative;aspect-ratio:8/5;isolation:isolate;background:#34674c}canvas#world{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.scene-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.11em;white-space:nowrap;text-shadow:0 1px 8px #123;background:#143e37b5;padding:9px 17px;border-radius:30px;pointer-events:none}.world-bottom{min-height:66px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px 10px 22px;gap:15px;border-top:1px solid #64805255}.world-bottom p{margin:0;font-size:13px;line-height:1.65}.action-button{background:var(--light);color:var(--forest);border-radius:7px;padding:11px 16px;font-size:13px;font-weight:800;white-space:nowrap}.action-button kbd{background:#b4934860;color:var(--forest);margin-left:12px;border-color:transparent}.trail-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:17px}.party-strip{display:flex;gap:8px;flex:1;min-width:0}.party-chip{background:#244b3f;display:flex;align-items:center;padding:8px 11px 8px 5px;gap:5px;min-width:0;border:1px solid #6b8d6355;border-radius:10px;flex:1;max-width:195px}.party-chip canvas{width:43px;height:43px}.party-chip div{flex:1;min-width:0}.party-chip strong{display:block;font-size:12px;white-space:nowrap}.party-chip small{font-size:10px;color:var(--muted)}.hp-track{height:4px;background:#0e312b;border-radius:3px;overflow:hidden;margin-top:6px}.hp-track i{display:block;height:100%;background:var(--leaf)}.menu-tools{display:flex;gap:4px}.menu-tools button{background:transparent;padding:13px 12px;border-radius:7px;font-size:13px}.menu-tools span{color:var(--muted);font-size:10px;margin-left:4px}.desktop-hint{display:flex;align-items:center;font-size:10px;color:var(--muted);margin:20px 0 0;gap:6px}.desktop-hint span{margin-left:auto;opacity:.75}kbd{font-family:inherit;border:1px solid #62807365;border-radius:3px;padding:2px 5px;font-size:10px;background:#ffffff08}.mobile-controls{display:none}.modal-backdrop{position:absolute;inset:0;background:#0a282bc9;display:flex;align-items:center;justify-content:center;padding:18px;z-index:5;backdrop-filter:blur(3px)}.modal-panel{position:relative;background:#f0f1db;color:var(--forest);border-radius:17px;width:min(580px,100%);max-height:100%;overflow-y:auto;padding:25px 30px;box-shadow:0 13px 35px #061b2990;scrollbar-width:thin;color-scheme:light}.modal-panel h1,.modal-panel h2{margin:0 0 9px;font-size:26px;letter-spacing:.045em}.modal-panel h3{margin:0;font-size:16px}.modal-panel p{font-size:13px;line-height:1.8;margin:9px 0 18px}.modal-panel .kicker{color:#54785e;font-size:11px;margin:0 0 8px;letter-spacing:.1em}.modal-panel .close{position:absolute;right:14px;top:12px;background:transparent;font-size:23px;color:#567160;padding:4px 10px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 15px}.starter-card{background:#dbe6c9;border:2px solid transparent;border-radius:12px;padding:13px 5px 12px;color:var(--forest);text-align:center}.starter-card:nth-child(2){background:#d8e8e2}.starter-card:nth-child(3){background:#eddcc2}.starter-card canvas{width:100%;height:auto;max-width:115px;display:block;margin:auto}.starter-card strong{display:block;font-size:14px;margin-top:9px}.starter-card small{display:block;font-size:10px;margin-top:6px;color:#476852}.starter-card:hover{border-color:#66835c}.primary{background:var(--forest);color:var(--ink);border-radius:8px;padding:12px 19px;font-weight:700;font-size:13px}.secondary{background:#dce4cc;color:var(--forest);border-radius:8px;padding:12px 17px;font-size:13px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.subtle{color:#54745c;font-size:11px!important;margin-bottom:0!important}.list-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #bdcbb4}.list-row canvas{width:70px;height:70px;flex:none}.list-row .grow{flex:1}.list-row strong{font-size:14px}.list-row p{margin:5px 0;font-size:11px;line-height:1.7}.list-row button{padding:9px 12px;background:#d7e2c6;color:var(--forest);border-radius:6px;font-size:11px}.list-row .hp-track{background:#c7d1be;height:5px}.list-row .hp-track i{background:#4c865c}.dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.dex-card{background:#e1e7d0;border-radius:10px;text-align:center;padding:10px 4px}.dex-card canvas{width:85px;max-width:100%;height:auto}.dex-card strong{display:block;font-size:12px}.dex-card small{font-size:10px;color:#587054}.dex-card p{font-size:10px;line-height:1.65;margin:8px 6px 3px}.unknown{filter:brightness(0);opacity:.24}.battle-panel{width:min(660px,100%);padding:23px 28px 20px;background:#eef0d7}.battle-stage{display:flex;justify-content:space-around;align-items:flex-start;gap:16px;margin:15px -4px 8px}.combatant{width:44%;text-align:center}.combatant canvas{width:125px;height:125px;max-width:100%;margin:0 auto;display:block}.combatant h3{font-size:14px}.combatant small{font-size:10px;color:#58755f}.combatant .hp-track{height:7px;background:#ced9c1;margin:8px 0 5px}.combatant .hp-track i{background:#6b9b61}.battle-log{min-height:45px;font-size:12px;line-height:1.7;margin:5px 0 12px!important;padding:9px 12px;background:#dde4cb;border-radius:7px}.battle-commands{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.battle-commands button{padding:12px 9px;border-radius:8px;background:#d8e3c5;color:var(--forest);font-weight:700;font-size:12px;text-align:left}.battle-commands button:first-child{background:#2f6550;color:#f1f3db}.battle-commands small{float:right;font-size:10px;font-weight:400;opacity:.8}.battle-extras{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.battle-extras button{background:transparent;color:#53715c;font-size:11px;padding:7px}.switch-options{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.switch-options button{background:#d2dfbf;color:var(--forest);padding:9px;border-radius:5px;font-size:11px}.ending-art{width:140px;height:140px;display:block;margin:0 auto 13px}.ending-panel{text-align:center}.ending-panel .modal-actions{justify-content:center}.notice{border-left:3px solid #7d9d6d;padding-left:12px}.badge{font-size:10px;display:inline-block;background:#dce6c9;padding:3px 7px;border-radius:4px;margin-left:5px}.help-lines p{margin:10px 0}.title-foliage{color:#658258;font-size:23px;margin-bottom:8px}.starter-panel{text-align:center}
@media(max-width:700px){.game-shell{padding:14px 12px}.masthead{margin-bottom:16px}.brand{font-size:18px;gap:7px}.brand-mark{font-size:33px}.brand small{font-size:9px;letter-spacing:.1em}.header-tools{gap:4px}.icon-button{font-size:10px;padding:8px}.world-top{min-height:42px;padding:0 14px;font-size:11px}.canvas-frame{aspect-ratio:1/1.08}.world-bottom{padding:12px;align-items:center;min-height:76px;gap:9px}.world-bottom p{font-size:11px}.action-button{font-size:11px;padding:12px 10px}.action-button kbd{display:none}.trail-tools{padding-top:12px;flex-wrap:wrap;gap:7px}.party-strip{flex-basis:100%;gap:5px}.party-chip{padding:7px 5px 7px 0;gap:1px;max-width:none}.party-chip canvas{width:34px;height:34px}.party-chip strong{font-size:10px}.party-chip small{font-size:9px}.menu-tools{width:100%;justify-content:center;border-bottom:1px solid #637c5655}.menu-tools button{padding:10px 17px;font-size:12px}.mobile-controls{display:flex;align-items:center;justify-content:center;gap:27px;padding:13px 0 max(12px,env(safe-area-inset-bottom))}.mobile-controls p{font-size:10px;line-height:1.9;color:var(--muted)}.mobile-controls p span{font-size:9px;opacity:.8}.dpad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,34px);gap:3px}.dpad button{background:#315b49;border:1px solid #66815a55;border-radius:6px;font-size:14px;touch-action:none;user-select:none}.dpad button[data-dir=up]{grid-column:2}.dpad button[data-dir=left]{grid-row:2;grid-column:1}.dpad span{grid-row:2;grid-column:2;background:#254838;border-radius:7px}.dpad button[data-dir=right]{grid-row:2;grid-column:3}.dpad button[data-dir=down]{grid-row:3;grid-column:2}.desktop-hint{display:none}.scene-caption{bottom:14px;font-size:10px;padding:7px 12px}.modal-backdrop{padding:12px}.modal-panel{padding:22px 16px;border-radius:12px}.modal-panel h1,.modal-panel h2{font-size:21px}.modal-panel p{font-size:11px;line-height:1.7;margin-bottom:12px}.starter-grid{gap:5px;margin:14px 0 9px}.starter-card{padding:11px 2px}.starter-card strong{font-size:12px}.starter-card small{font-size:9px}.battle-panel{padding:18px 15px 14px}.battle-stage{gap:10px;margin:12px 0 5px}.combatant canvas{width:83px;height:83px}.combatant h3{font-size:12px}.battle-log{font-size:10px!important;min-height:42px}.battle-commands button{padding:11px 8px;font-size:11px}.battle-commands small{font-size:9px}.battle-extras button{font-size:10px;padding:5px}.dex-grid{gap:6px}.dex-card{padding:8px 3px}.dex-card p{font-size:9px;margin:6px 3px}.list-row{gap:9px;padding:10px 0}.list-row canvas{width:53px;height:53px}.list-row button{padding:8px;font-size:10px}.ending-art{width:100px;height:100px}.modal-panel .close{right:6px;top:7px}.modal-actions .primary,.modal-actions .secondary{font-size:11px;padding:11px 13px}}
.canvas-frame{isolation:auto}
@media(max-width:700px){.battle-backdrop{position:fixed;inset:0;padding:24px 14px;z-index:20}.battle-panel{max-height:calc(100dvh - 48px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}