@import url('https://fonts.googleapis.com/css2?family=Silkscreen&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#ebdcc0;--muted:#b5b09d;--gold:#ddbd7e;--line:#75634a;--panel:#222824;--green:#99b672;--wood:#3e352b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#131a17;color:var(--ink);font:16px/1.5 'Nunito Sans',sans-serif}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:3px solid #f3d88c;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800}h1{font-size:25px;letter-spacing:.2px}h2{font-size:21px}h3{font-size:17px}small{font-size:13px}button{border:0}svg{vertical-align:middle}a{color:var(--gold)}.pixel{font-family:Silkscreen,monospace}.game{position:relative;width:100%;height:100dvh;overflow:hidden;background:#122b23}.viewport{position:absolute;inset:0;overflow:hidden;cursor:crosshair;touch-action:none}.world{width:1536px;height:1024px;position:absolute;transform-origin:0 0;will-change:transform}.world-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;image-rendering:pixelated}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081a1860,transparent 28%,transparent 70%,#12221e35);pointer-events:none}.edge-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px 40px #0a151a65;background:linear-gradient(0deg,#0c1716a0,transparent 25%,transparent 70%,#10231b30)}.player{position:absolute;z-index:3;width:80px;height:114px;transform:translate(-50%,-92%);pointer-events:none;display:flex;justify-content:center}.player img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #162116bb)}.player:after{content:'';position:absolute;bottom:2px;width:34px;height:9px;border-radius:50%;background:#10241975;z-index:-1}.player.walking img{animation:walk .2s steps(2,end) infinite}.player-name{position:absolute;top:-11px;font:13px Silkscreen,monospace;text-shadow:2px 2px #152117;white-space:nowrap;color:#f3e7c5}.landmark{position:absolute;z-index:4;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%,-100%);filter:drop-shadow(0 3px 2px #0005);min-width:110px}.landmark .symbol{font-family:Silkscreen,monospace;font-size:27px;line-height:1;padding:6px 10px;background:#332819;border:2px solid #f1d798;color:#f8dfa2;box-shadow:0 0 20px #f2b64240;animation:markerfloat 2.5s ease-in-out infinite}.landmark span.label{background:#18271de8;border:1px solid #a58e5b;padding:5px 12px;font-size:15px;color:#ffedc9;font-weight:800;white-space:nowrap}.landmark:hover .label{background:#384230}.hud{position:absolute;z-index:5;pointer-events:none;inset:0}.hud button,.hud a{pointer-events:auto}.player-hud{position:absolute;left:26px;top:23px;width:283px;display:flex;align-items:center;gap:12px;padding:11px 14px 11px 7px;background:#1a231de8;border:2px solid #8d7953;box-shadow:0 0 0 3px #111b18,3px 4px 0 #111b1890}.portrait{width:60px;height:65px;overflow:hidden;border:1px solid #716948;background:#354432;position:relative;flex-shrink:0}.portrait img{position:absolute;width:100px;max-width:none;top:-5px;left:-20px;image-rendering:pixelated}.hud-info{flex:1;min-width:0}.hud-name{display:flex;justify-content:space-between;font-size:16px;font-weight:800;gap:12px}.hud-name small{color:var(--gold);font-size:12px}.hud-class{font-size:12px;color:var(--muted);margin:1px 0 5px}.meter{height:7px;background:#182017;border:1px solid #625e45;overflow:hidden}.meter i{display:block;height:100%;background:#afc67d;transition:width .45s}.xp-label{font-size:10px;letter-spacing:1px;color:#c8c5ad;margin-top:3px}.world-title{position:absolute;top:24px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 4px #102115}.world-title strong{font:16px Silkscreen,monospace;color:#fff0cd;letter-spacing:1px}.world-title span{display:block;font-size:12px;color:#d3d8bd;margin-top:4px}.top-actions{position:absolute;right:25px;top:24px;display:flex;gap:9px}.small-button{width:39px;height:39px;border:1px solid #aa9264;background:#1e2d24ed;box-shadow:2px 2px #101910;border-radius:0;display:grid;place-items:center;font-size:19px}.small-button:hover{background:#404e30}.quest-tracker{position:absolute;right:26px;top:86px;width:259px;color:#fff0d5;text-shadow:1px 2px 3px #0e1c13;padding:15px 17px;background:linear-gradient(90deg,#18271beb,#18251ac7);border-left:2px solid #d3b575}.tracker-caption{color:#e8cb8d;font:11px Silkscreen,monospace;letter-spacing:1px;margin-bottom:8px}.quest-tracker p{font-size:15px;font-weight:800}.quest-tracker small{display:block;margin-top:6px;color:#d0d4b7;font-size:12px}.quest-tracker .meter{margin-top:11px}.quest-tracker button{border:0;background:none;color:var(--gold);padding:8px 0 0;font-size:12px}.place-message{position:absolute;left:26px;bottom:108px;background:#19281bce;border-left:2px solid #d8b478;padding:12px 18px;max-width:340px;box-shadow:2px 2px #10241665;font-size:14px}.place-message strong{display:block;color:#f4d795;margin-bottom:3px}.place-message p{color:#e1ddc5;font-size:13px}.key{display:inline-block;border:1px solid #9e9471;background:#2b3426;min-width:24px;text-align:center;font-size:11px;padding:1px 5px;box-shadow:0 2px #101810}.hotbar{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px 9px;background:#1d271bf2;border:2px solid #8e7b54;box-shadow:0 0 0 3px #111a13,3px 6px 0 #0c16127a}.hotbar button{position:relative;background:linear-gradient(#39432e,#262f21);border:1px solid #7b7652;min-width:83px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#e8d6ac;padding:8px 10px}.hotbar button:hover,.hotbar button.active{border-color:#ffe0a0;background:linear-gradient(#645c35,#3b4128)}.hotbar .slot-icon{font-size:22px;line-height:1;color:#edcd8a}.hotbar .slot-label{font-size:11px;font-weight:800}.hotbar .keynum{position:absolute;top:2px;left:5px;font:10px Silkscreen;color:#b5b098}.explore-tip{position:absolute;right:27px;bottom:27px;font-size:12px;color:#d1d9bd;text-shadow:1px 2px #18211a;text-align:right}.mobile-controls{display:none}.interaction{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);border:1px solid #e5c485;background:#1d2d1bef;padding:9px 16px;pointer-events:auto;color:#ffe8b8;font-size:14px;box-shadow:3px 3px #111a10}.panel-backdrop{position:absolute;inset:0;z-index:8;background:#07140f65;backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.rpg-panel{width:min(870px,100%);max-height:calc(100dvh - 64px);background:#222920f5;border:2px solid #a28b60;outline:4px solid #131d15;box-shadow:0 16px 70px #07100bd0,inset 0 0 0 3px #3d4731;display:flex;flex-direction:column}.panel-head{padding:22px 27px 18px;border-bottom:1px solid #6b6748;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;background:linear-gradient(90deg,#323b28,#242c22)}.panel-caption{font:11px Silkscreen;color:var(--gold);letter-spacing:1px;margin-bottom:6px}.panel-head p{font-size:14px;color:var(--muted);margin-top:6px}.close{flex-shrink:0;width:32px;height:32px;border:1px solid #877957;background:#1e281d;font-size:20px;line-height:1}.panel-body{padding:23px 27px;overflow:auto;scrollbar-color:#847756 #212b20;scrollbar-width:thin;overscroll-behavior:contain}.panel-footer{border-top:1px solid #6b6748;padding:16px 27px;background:#293125;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:var(--muted)}.button{border:1px solid #c3ab74;background:linear-gradient(#79704b,#514e32);color:#fff0cb;box-shadow:inset 0 0 0 1px #3f4029,2px 3px #142013;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.secondary{background:#303c29;border-color:#72795c;color:#dedcc3}.button:hover{filter:brightness(1.15)}.muted{color:var(--muted)}.tabs{display:inline-flex;border:1px solid #77714e;padding:3px;background:#192419;gap:3px;margin-bottom:20px}.tabs button{background:none;color:#b5bea0;padding:7px 18px;font-size:14px}.tabs button.active{background:#576041;color:#fff0d0}.split-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.group-title{font:12px Silkscreen,monospace;color:#c9b782;letter-spacing:.8px;margin:22px 0 8px}.group-title:first-child{margin-top:0}.mission-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #47523b;font-size:14px}.mission-row .mission-info{flex:1;min-width:0}.mission-row p{font-weight:700}.mission-row small{color:var(--muted);font-size:12px}.mission-rank{font:13px Silkscreen;color:var(--gold);border:1px solid #867852;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;background:#313d28}.mission-select{border:1px solid #8e8b64;background:#283923;width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;color:#e4d499}.mission-select.selected{background:#52663a;border-color:#c2d497}.active-missions{padding-left:25px;border-left:1px solid #615d40}.active-missions h2{font-size:18px}.active-missions>p{font-size:13px;margin:8px 0 13px;color:var(--muted)}.order-controls{display:flex;gap:5px;margin-top:7px}.tiny{border:1px solid #686e4f;color:#cecba9;background:#283324;width:26px;height:25px;display:grid;place-items:center;font-size:12px}.text-button{background:none;border:0;color:var(--gold);text-align:left;padding:0}.training-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:27px}.training-stage{text-align:center;padding:8px 0 15px}.training-stage .training-sprite{height:150px;width:110px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 18px #a1d06333)}.timer-digits{font:38px Silkscreen;color:#e4d1a5;letter-spacing:2px;margin:12px 0 5px}.session-state{font-size:13px;color:var(--muted);margin-bottom:18px}.training-stage h2{font-size:18px;margin-bottom:12px}.training-stage .button{margin:0 2px}.session-options{display:flex;justify-content:center;gap:15px;margin-top:16px}.session-options button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.training-actions{border-left:1px solid #5d6144;padding-left:27px}.training-actions h3{margin:13px 0}.training-actions>.button{width:100%;margin-top:8px}.training-queue{margin-top:24px;border-top:1px solid #555d42;padding-top:12px}.training-queue button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #44513a;padding:9px 0;color:var(--muted);font-size:13px}.training-queue button.selected{color:#e9d6a3}.training-queue button.selected:before{content:'◆ ';color:#dfba73}.review-summary{display:flex;justify-content:space-between;border-top:1px solid #616144;border-bottom:1px solid #616144;padding:15px 0;margin:0 0 20px;gap:15px}.review-summary strong{display:block;font:24px Silkscreen;color:var(--gold)}.review-summary span{font-size:12px;color:var(--muted)}.event{border-bottom:1px solid #465139;padding:13px 0;font-size:14px}.event small{color:var(--muted);display:block;font-size:12px;margin-top:4px}.fieldlabel{display:block;margin:14px 0 7px;font-size:14px;color:#e0cfaa}input,textarea,select{background:#162217;border:1px solid #7a7958;color:#e9dcc0;width:100%;padding:10px;border-radius:0;font:16px/1.4 'Nunito Sans',sans-serif}textarea{resize:vertical;min-height:80px}.closed-note{border-left:2px solid #baca88;color:#d7e0b1;padding:10px 14px;background:#37412a;margin-bottom:17px;font-size:14px}.sheet-character{display:flex;align-items:center;gap:25px;padding-bottom:20px;border-bottom:1px solid #626445}.sheet-character img{height:170px;width:130px;object-fit:contain;image-rendering:pixelated}.sheet-character h2{font:24px Silkscreen;color:var(--gold);margin-bottom:9px}.sheet-character p{font-size:14px;color:var(--muted)}.sheet-character .meter{margin-top:15px;max-width:280px}.attribute-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin-top:18px}.attribute{display:flex;align-items:center;gap:10px;border-bottom:1px solid #46503a;padding:12px 0}.attribute .glyph{color:var(--accent);font-size:23px;width:27px}.attribute .attribute-info{flex:1}.attribute strong{font-size:14px}.attribute small{font-size:12px;display:block;color:var(--muted)}.attribute .points{font:23px Silkscreen;color:var(--accent)}.journey-list{margin-top:21px}.journey-row{padding:12px 0;border-bottom:1px solid #4c533c;display:flex;align-items:center;gap:15px}.journey-row button{flex:1}.journey-row strong{font-size:14px}.journey-row .meter{margin-top:7px}.journal-link{font-size:13px;color:var(--gold);background:none;border:0;padding:15px 0 0}.objective{font-size:14px;padding:11px 0;border-bottom:1px solid #47543b;display:flex;gap:12px;align-items:center}.objective .meter{flex:1;min-width:35px;max-width:100px}.objective button{flex:1;min-width:0}.objective small{color:var(--muted)}.parent-line{font-size:13px;color:var(--muted);padding:10px 0;display:flex;justify-content:space-between;gap:10px}.hint{font-size:13px;color:var(--muted);margin-top:16px}.empty{text-align:center;color:var(--muted);padding:30px 10px}.empty h2{color:var(--gold);margin-bottom:10px}.empty p{font-size:14px;margin:10px 0 18px}.reward-pop{position:absolute;z-index:12;top:23%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;padding:22px 45px;background:#202e1fef;border:2px solid #ceb077;box-shadow:0 0 80px #cbbb5030;animation:reward .5s ease-out}.reward-pop .pixel{color:#eddaa3;font-size:20px}.reward-pop strong{display:block;color:#cde0a0;font:30px Silkscreen;margin:8px 0}.reward-pop p{font-size:13px;color:#d8dcbe}.sound-on{color:#d4dca5}.arrival-ring{position:absolute;width:35px;height:15px;border:2px solid #e4d590;border-radius:50%;z-index:2;transform:translate(-50%,-50%);pointer-events:none;animation:ringpulse 1s infinite}.dialog-npc{color:#d6b579;font:11px Silkscreen;margin-bottom:15px}.dialogue-text{font-size:16px;max-width:48ch;line-height:1.7;margin-bottom:18px}dialog{background:#252e22;color:var(--ink);border:2px solid #a18d64;box-shadow:0 0 0 4px #101c11,0 25px 70px #0009;width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:25px}dialog::backdrop{background:#08120b88;backdrop-filter:blur(4px)}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.modalhead h2{font-size:20px}.modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#toast{position:fixed;left:50%;bottom:105px;transform:translateX(-50%) translateY(220px);max-width:90%;background:#26351def;border:1px solid #d3be85;color:#f0deb2;padding:12px 20px;font-size:14px;text-align:center;z-index:25;box-shadow:3px 4px #142210;transition:transform .2s}#toast.show{transform:translateX(-50%) translateY(0)}.dpad{position:absolute;left:19px;bottom:97px;display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:2px;pointer-events:auto}.dpad button{border:1px solid #8c916b;background:#233923d9;font-size:20px;touch-action:none;user-select:none}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.dpad .center{grid-column:2;grid-row:2;background:#20331e8f;display:grid;place-items:center;font-size:12px;color:#abc282}.demo-note{font-size:11px;color:#b9bf9e;position:absolute;bottom:8px;left:26px}.help-keys{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}.help-keys>span{font-size:14px;color:var(--muted)}
@keyframes walk{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes markerfloat{50%{transform:translateY(-6px)}}@keyframes ringpulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.25)}}@keyframes reward{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1050px){.world-title{left:auto;right:25px;transform:none;text-align:right}.quest-tracker{width:235px}.place-message{max-width:280px}.explore-tip{display:none}}
@media(max-width:700px){.player-hud{top:16px;left:14px;width:215px;padding:7px;gap:8px}.portrait{width:43px;height:49px}.portrait img{width:77px;left:-17px;top:-4px}.hud-name{font-size:14px}.hud-name small{font-size:10px}.hud-class{font-size:11px}.xp-label{font-size:9px}.world-title{right:15px;top:109px;max-width:190px}.world-title strong{font-size:11px}.world-title span{font-size:10px}.top-actions{top:17px;right:14px;gap:7px}.small-button{height:33px;width:33px;font-size:16px}.quest-tracker{top:155px;right:14px;width:188px;padding:10px 12px}.tracker-caption{font-size:9px}.quest-tracker p{font-size:12px}.quest-tracker small{font-size:10px}.quest-tracker button{font-size:11px}.quest-tracker .meter{height:5px;margin-top:8px}.hotbar{bottom:max(18px,env(safe-area-inset-bottom));width:calc(100% - 29px);gap:4px;padding:5px;justify-content:space-between}.hotbar button{min-width:0;flex:1;min-height:55px;padding:6px 4px}.hotbar .slot-label{font-size:10px}.hotbar .slot-icon{font-size:20px}.hotbar .keynum{display:none}.mobile-controls{display:block}.place-message{left:14px;bottom:220px;padding:8px 12px;max-width:220px;font-size:12px}.place-message p{font-size:11px}.place-message .desktop-hint{display:none}.demo-note{left:15px;font-size:9px;bottom:2px}.interaction{bottom:116px;left:auto;right:17px;transform:none;max-width:160px;font-size:12px;text-align:center;padding:12px}.panel-backdrop{padding:13px}.rpg-panel{max-height:calc(100dvh - 35px);width:100%;outline-width:2px}.panel-head{padding:17px 17px 14px}.panel-head h1{font-size:22px}.panel-caption{font-size:10px}.panel-head p{font-size:13px}.panel-body{padding:18px 17px}.panel-footer{padding:13px 17px;font-size:12px}.split-layout,.training-layout{grid-template-columns:1fr;gap:20px}.active-missions,.training-actions{padding:17px 0 0;border-left:0;border-top:1px solid #656447}.active-missions{order:-1}.training-stage .training-sprite{height:110px;width:90px}.training-stage h2{font-size:17px}.training-stage{padding-top:0}.timer-digits{font-size:32px}.attribute-list{grid-template-columns:1fr}.sheet-character img{width:92px;height:145px}.sheet-character{gap:15px}.sheet-character h2{font-size:19px}.review-summary strong{font-size:21px}.review-summary{gap:9px}.reward-pop{top:35%;padding:18px;width:85%}.reward-pop .pixel{font-size:16px}.landmark .label{font-size:17px}.landmark .symbol{font-size:32px}.dialogue-text{font-size:15px}}
@media(max-width:360px){.player-hud{width:195px}.top-actions{gap:4px;right:10px}.small-button{width:29px;height:29px}.quest-tracker{width:170px}.place-message{max-width:185px}.hotbar .slot-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.mission-info small{display:block;margin-top:4px}.mission-info .text-button{display:block}.hud-info{display:block}.hud-class,.xp-label{display:block}.interaction[hidden]{display:none}
.landmark.near{opacity:.3;z-index:1}@media(max-width:700px){.place-message{bottom:auto;top:113px;max-width:165px;padding:9px 11px}.place-message strong{font-size:11px}.place-message p{font-size:10px}}