@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#1c3037;--panel:#253d43;--ink:#f4edce;--muted:#a3bab3;--mint:#b6d795;--line:#43605e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#365149,transparent 70%),var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-family:'Space Grotesk',Arial,sans-serif}button{color:var(--ink)}[hidden]{display:none!important}.rpg-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 34px;max-width:1280px;margin:auto}.rpg-header>a,.rpg-header button{font-size:11px;color:var(--muted)}.rpg-header button{background:none;border:0}.rpg-header>span{font-size:15px;letter-spacing:2px;font-weight:600;text-align:center}.rpg-header small{display:block;font-size:7px;letter-spacing:2.4px;color:var(--mint);margin-top:7px}.rpg-layout{max-width:1280px;margin:auto;padding:15px 34px 30px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.game{min-width:0;border:1px solid #53736b;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0b202344}.location-bar{display:flex;justify-content:space-between;background:#2a484a;padding:15px 20px;font-size:9px;letter-spacing:1.8px}.location-bar span:last-child{color:var(--muted)}.viewport{position:relative;background:#16313a;line-height:0;overflow:hidden}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;aspect-ratio:3/2;touch-action:none}.hint{position:absolute;top:13px;left:50%;transform:translateX(-50%);background:#1a3036e8;border:1px solid #73977d;color:#f2efca;padding:8px 14px;border-radius:5px;font-size:10px;line-height:1.4;pointer-events:none;white-space:nowrap}.hint:empty{display:none}.toast{position:absolute;top:53px;left:50%;transform:translateX(-50%);font-size:10px;line-height:1.6;color:#f6efcf;background:#28463ef0;padding:9px 14px;max-width:85%;border-radius:6px;pointer-events:none;text-align:center}.toast:empty{display:none}.dialogue{position:absolute;left:3%;right:3%;bottom:4%;padding:17px 20px;background:#203741fa;border:3px solid #e5e1b2;border-radius:8px;box-shadow:inset 0 0 0 3px #516662,0 6px 0 #15273088;line-height:1.6;max-height:86%;overflow:auto}.dialogue-top{display:flex;align-items:center;justify-content:space-between}.dialogue b{font-size:12px;color:#d3e7a7;letter-spacing:1px}.dialogue p{font-size:13px;margin:9px 0 15px;line-height:1.75}.dialogue small{display:block;color:#98b3a9;font-size:8px;margin-top:12px}.dialogue #options{display:flex;flex-wrap:wrap;gap:8px}.dialogue button{background:#405d54;border:1px solid #76967a;border-radius:4px;font-size:11px;padding:10px 13px;text-align:left}.dialogue button:hover{background:#577865}.dialogue button:before{content:'› ';color:#d0e3a6}.welcome{position:absolute;inset:0;background:#17313bee;display:grid;place-items:center;text-align:center;padding:20px;line-height:1.6;backdrop-filter:blur(2px)}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#b6cf9f}.welcome h1{font-size:47px;line-height:1.12;letter-spacing:-1.5px;margin:20px 0}.welcome em{font-style:normal;color:var(--mint)}.welcome p:not(.eyebrow){font-size:12px;color:#c3d0bd;line-height:1.8}.welcome-controls{display:flex;flex-direction:column;gap:7px;margin:25px auto;font-size:8px;letter-spacing:1px;color:#a0bdae}.welcome button{background:var(--mint);border:0;border-radius:5px;color:#243e34;font-size:12px;font-weight:600;padding:14px 28px}.below-game{padding:15px 20px 17px;background:#243f43}.below-game>p{font-size:12px;line-height:1.6;color:#d3dfb4}.control-note{font-size:8px;color:#a3bab0;line-height:1.7;margin-top:10px}.mobile-controls{display:none}.sidebar section{background:#294349;border:1px solid #44615d;padding:18px;margin-bottom:12px;border-radius:8px}.sidebar h2{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.4px;margin:13px 0}.sidebar ul{padding:0;list-style:none;margin:14px 0 0;font-size:10px;color:var(--muted);line-height:1.6}.sidebar li{margin:9px 0}.sidebar #quests li:before{content:'○ ';color:#8cab92}.sidebar #quests li.done{color:#d3e2b1}.sidebar #quests li.done:before{content:'✓ ';color:#cbe1a6}#inventory{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;font-size:10px}#inventory span{border:1px solid #668275;padding:6px 8px;background:#304e48;border-radius:4px}#inventory p{font-size:10px;color:var(--muted)}#carrying{font-size:10px;color:#e7d393;line-height:1.6;margin-top:10px}#team p,#records p{font-size:10px;line-height:1.7;margin-top:12px;color:#a7beb3}#team b,#records b{color:#e4ebc6;font-weight:500;display:block;font-size:11px}.sidebar details{padding:15px 18px;border:1px solid #45605d;border-radius:8px;font-size:10px}.sidebar summary{cursor:pointer}.sidebar #log{max-height:200px;overflow:auto;font-size:9px}.save-note{font-size:8px;color:#9eb5ad;margin:15px 4px;line-height:1.7}.rpg-footer{display:flex;justify-content:space-between;gap:20px;max-width:1280px;padding:20px 34px;margin:auto;font-size:8px;color:#a3b8a8;border-top:1px solid #3b5855}.travel{position:absolute;inset:0;background:#203d44f5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;line-height:1.6;z-index:5}.travel span{font-size:8px;letter-spacing:3px;color:#b8d69b}.travel h2{font-size:37px;margin:20px 0}.travel p{font-size:12px;color:#b9cebc}dialog{background:#243e43;color:var(--ink);border:2px solid #b2c98e;border-radius:10px;padding:26px;max-width:380px}dialog::backdrop{background:#102730c9}dialog h2{font-size:25px}dialog p{font-size:12px;margin:17px 0 24px}dialog button{padding:12px 16px;background:#3e5c50;border:1px solid #729379;border-radius:5px;font-size:11px}
@media(max-width:1000px){.rpg-layout{grid-template-columns:minmax(0,1fr) 210px;padding:15px 24px;gap:18px}.rpg-header{padding:20px 24px}.sidebar section{padding:15px}.dialogue p{font-size:12px}.dialogue{padding:14px 17px}.welcome h1{font-size:38px}.welcome-controls{margin:18px 0}.welcome p:not(.eyebrow){font-size:11px}}
@media(max-width:750px){.rpg-header{padding:18px 15px;gap:10px}.rpg-header>span{font-size:11px;letter-spacing:1px}.rpg-header small{font-size:6px;letter-spacing:1.4px}.rpg-header>a,.rpg-header button{font-size:9px}.rpg-layout{grid-template-columns:1fr;padding:5px 12px 20px;gap:20px}.location-bar{padding:12px;font-size:7px;letter-spacing:1px}.viewport canvas{aspect-ratio:3/2}.hint{font-size:8px;top:8px;padding:6px 10px}.toast{top:37px;font-size:8px;padding:7px 10px}.welcome{padding:15px}.welcome h1{font-size:30px;margin:13px 0}.welcome p:not(.eyebrow){font-size:10px}.welcome-controls{margin:12px 0;gap:4px;font-size:6px}.welcome button{padding:11px 20px;font-size:10px}.welcome .eyebrow{font-size:7px}.dialogue{left:2%;right:2%;bottom:3%;padding:11px 13px;border-width:2px;max-height:93%}.dialogue p{font-size:11px;line-height:1.55;margin:7px 0 10px}.dialogue b{font-size:10px}.dialogue button{font-size:10px;padding:10px}.dialogue small{font-size:7px;margin-top:8px}.dialogue #options{gap:6px}.below-game{padding:13px}.below-game>p{font-size:11px}.mobile-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.dpad{display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,40px);gap:5px}.dpad button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #698775;border-radius:5px;background:#375751;font-size:20px}.dpad [data-move=up]{grid-column:2}.dpad [data-move=left]{grid-column:1;grid-row:2}.dpad [data-move=down]{grid-column:2;grid-row:2}.dpad [data-move=right]{grid-column:3;grid-row:2}#interact{border:1px solid #adc48a;background:#b2ce97;color:#243d35;font-size:12px;border-radius:7px;min-height:50px;padding:10px 21px}#interact span{display:none}.control-note{font-size:7px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar section{margin:0;min-width:0}.sidebar section:first-child{grid-column:1/-1}.sidebar h2{font-size:20px}.sidebar #quests{display:flex;flex-wrap:wrap;gap:5px 14px}.sidebar #quests li{margin:3px 0}.sidebar .save-note{grid-column:1/-1}.rpg-footer{padding:20px 15px;flex-direction:column;gap:10px}.travel h2{font-size:27px}}
@media(max-width:390px){.welcome h1{font-size:25px;margin:10px 0}.welcome-controls{font-size:5.5px;gap:3px;margin:8px 0}.welcome p:not(.eyebrow){font-size:9px}.dialogue p{font-size:10px}.dialogue button{font-size:9px;padding:9px}.dialogue small{display:none}.sidebar{grid-template-columns:1fr}.sidebar section:first-child{grid-column:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}