/* Warm illustrated direction: polished walnut, brass trim, clear ink and cel shading. */
:root{--ink:#f3e4c5;--ink-soft:#d0b992;--cream:#faefd5;--gold:#d6b375;--green:#7b9858;--line:#caa46b44;--wood-texture:repeating-linear-gradient(2deg,#dfba7c06 0px,#dfba7c06 1px,transparent 1px,transparent 7px),repeating-linear-gradient(175deg,transparent 0px,transparent 19px,#160c0714 20px,transparent 22px),linear-gradient(115deg,#624a32,#493321 55%,#5b412a)}
#game{background:#6f8059}.vignette{box-shadow:inset 0 0 90px #3e2f1724;background:linear-gradient(0deg,#33271244,transparent 24%,transparent 86%,#30201112)}
.paper{background:var(--wood-texture);color:#f3e4c5;border:2px solid #b18a52;box-shadow:inset 0 0 0 1px #e6c58d88,inset 0 0 0 4px #281a0c77,inset 0 5px 15px #f2cb8b0b,0 0 0 1px #49331f,0 5px 18px #3323124a;border-radius:9px}
.hero-hud{left:21px;top:21px;width:290px;padding:10px 16px 10px 10px;gap:13px;border-radius:18px 28px 28px 18px}
.portrait{width:79px;height:79px;border:3px solid #d9b97b;box-shadow:0 0 0 1px #44301a,inset 0 0 10px #5e351833,0 2px 7px #190e0744;background:radial-gradient(circle at 50% 35%,#e9cda0,#a98457)}
.hero-line{margin-bottom:8px;color:#fff2d6}.hero-line strong{font-size:20px;letter-spacing:3px;text-shadow:0 1px 2px #281a0c}.hero-line span{color:#f8e7c6}.hero-line b{font-size:20px}
.meter{height:13px;margin:6px 0;border-color:#c5a579;background:#291d12;box-shadow:0 1px 0 #f1ce8833}.meter span{background:linear-gradient(#d58465,#b55439);box-shadow:inset 0 1px #f9b487,inset 0 -1px #782f1f66}.meter.mana span{background:linear-gradient(#79b5c5,#457e98);box-shadow:inset 0 1px #b7dde1,inset 0 -1px #254d6377}.meter small{font:9px/11px Arial;color:#fff9e9;text-shadow:0 1px 2px #2b1d0e;letter-spacing:.7px}.hero-caption{color:#d6bf96;font-size:10px;letter-spacing:.5px}
.location-hud{top:20px;gap:15px;padding:8px 18px;min-width:243px;border:2px solid #b9935b;border-radius:8px;background:var(--wood-texture);box-shadow:inset 0 0 0 2px #27180d88,inset 0 0 0 3px #d8b77c66,0 3px 14px #33200f44;filter:none}
.location-hud:before,.location-hud:after{content:"";position:absolute;top:-5px;width:7px;height:7px;border:1px solid #7b582c;background:#dfbd80;transform:rotate(45deg);box-shadow:0 1px 2px #39200e}.location-hud:before{left:24px}.location-hud:after{right:24px}
.location-hud h1{font:23px/1.2 "Noto Serif SC","SimSun",serif;letter-spacing:5px;color:#fff3d9;margin-right:-5px;text-shadow:0 2px 2px #261608}.location-hud p{position:absolute;top:100%;left:0;width:100%;margin-top:9px;font-size:10px;color:#fff0cf;letter-spacing:2px;text-shadow:0 1px 4px #31240f}.location-rule,.location-rule:last-child{width:6px;height:6px;background:#d3ac6b;transform:rotate(45deg);box-shadow:0 0 0 1px #29180b,0 0 0 2px #ab8445}.sun-mark{color:#ffdfa0}
.top-actions{right:24px;top:21px}.round-button{background:var(--wood-texture);color:#e8cb92;border:1px solid #c39b5e;box-shadow:inset 0 0 0 2px #26180c66,0 2px 8px #33200f44}.round-button:hover{background:linear-gradient(#7b5d3b,#604323);color:#fff0c9}.round-button.active{color:#bed88c}
.right-hud{top:70px;right:24px;width:214px;gap:15px}.minimap-frame{width:119px;height:119px;border:3px solid #c9a160;box-shadow:0 0 0 1px #342412,0 0 0 4px #ecd09444,0 3px 18px #24180c66;background:#847856}.minimap-frame canvas{opacity:1;filter:saturate(.8) sepia(.16)}.north-mark{color:#ffebc1;font-weight:bold;text-shadow:0 1px 2px #26190c}.map-name{background:linear-gradient(#60482d,#46311e);color:#efddb8;border-color:#b88e51;font-size:9px;letter-spacing:1px;box-shadow:0 1px 4px #2e1b0c44}
.quest-tracker{padding:16px 17px 13px;text-shadow:0 1px 1px #1b120c55}.eyebrow{color:#ccab76}.quest-tracker .eyebrow{font-size:10px;letter-spacing:2px;color:#debd80}.quest-tracker .eyebrow span{color:#f1cf89}.quest-tracker strong{font-size:17px;color:#fff1d6;letter-spacing:2px}.quest-tracker p{color:#ead8b5;font-size:11px}.quest-foot{color:#ccb080;border-color:#d7b47b44}
.expedition-status.paper,.modal.paper,.dialog.paper{--ink:#4d3821;background:linear-gradient(120deg,#fff7e7,#ecddbe);color:#4d3821;border:2px solid #bd985c;box-shadow:inset 0 0 0 3px #fff8e1aa,inset 0 0 0 4px #c4a46d88,0 0 0 1px #614326,0 6px 22px #33200f44}
.expedition-status{left:21px;bottom:160px;width:274px;padding:11px 13px;gap:11px;border-radius:8px}.expedition-emblem{width:53px;height:60px;padding:0;border:1px solid #b99b69;border-radius:5px;background-image:url('assets/town.png');background-size:700%;background-position:47% 6%;box-shadow:inset 0 0 0 2px #fff4d577}.expedition-emblem svg{opacity:0}.expedition-status .eyebrow{color:#8b6938;font-size:10px;font-weight:normal}.expedition-status strong{font-size:11px;font-weight:normal;color:#563d22;margin:7px 0}.expedition-status small{color:#8d7047}.expedition-arrow{color:#9f7c43}.thin-meter{background:#d2bc90;border:1px solid #bca471;height:5px}.thin-meter span{background:linear-gradient(#a0b56f,#738d47)}
.bottom-hud{bottom:12px;gap:10px;max-width:calc(100% - 38px)}.party-strip{gap:10px;align-items:flex-end}.party-card{width:91px;height:100px;position:relative;padding:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0;overflow:visible;background:none;border:0;box-shadow:none}
.party-card canvas{position:absolute;left:50%;transform:translateX(-50%);top:0;width:70px;height:70px;object-fit:cover;border:3px solid #c9a368;border-radius:50%;background:radial-gradient(circle at 40% 30%,#d4b58a,#5a4127);box-shadow:0 0 0 1px #3c2815,0 0 0 3px #e6c68c33,0 3px 10px #38251544}
.party-card>div{position:relative;width:100%;padding:6px 5px 5px;flex:0;background:var(--wood-texture);border:1px solid #ae854d;border-radius:4px;box-shadow:inset 0 0 0 1px #e2be7d33,0 2px 7px #271c1233}.party-card strong{font-size:10px;color:#f7e8c7;text-align:center;letter-spacing:.5px;line-height:12px}.party-card small{font-size:9px;color:#e5c896;margin-left:3px}.party-health{height:5px;margin-top:4px;background:linear-gradient(#a7c476,#6f9346);border-color:#c1c58a88;box-shadow:0 0 0 1px #302318}.party-card:hover canvas{border-color:#f1cd82;box-shadow:0 0 0 1px #684522,0 0 14px #f3cb7755}.party-note{margin-bottom:12px;margin-left:4px;color:#fff0cf;font-size:10px;letter-spacing:2px}
.dock{position:relative;isolation:isolate;display:flex;width:min(760px,calc(100vw - 38px));height:77px;padding:7px 12px;border:2px solid #be9458;border-radius:17px;background:var(--wood-texture);box-shadow:inset 0 0 0 2px #26170e,inset 0 0 0 3px #d6ad6e88,inset 0 9px 12px #e7b7730b,0 0 0 1px #382414,0 5px 22px #281a1144}
.dock:before{content:"";position:absolute;inset:6px;border:1px solid #d8ad6755;border-radius:10px;pointer-events:none;z-index:-1}.dock:after{content:"";position:absolute;left:calc(50% - 5px);top:-5px;width:8px;height:8px;border:1px solid #654321;background:#dfb777;transform:rotate(45deg);pointer-events:none}
.dock>button{flex:1;min-width:0;padding:5px 17px;gap:4px;box-shadow:none;border-radius:5px;color:#f5e4bf;text-shadow:0 2px 1px #23150a}.dock>button:not(:last-child):after{background:linear-gradient(transparent,#c4a169aa,transparent);top:9px;bottom:8px}.dock>button:hover{background:linear-gradient(#dfb97622,#b7853a11);color:#fff6db}.dock>button>span:first-child{width:29px;height:29px;color:#e0bd80;filter:drop-shadow(0 2px 1px #21140c)}.dock>button>span:nth-child(2){font-size:13px;letter-spacing:3px;color:inherit}.dock svg{stroke-width:1.35;fill:#d2aa6b2b}.dock kbd{color:#b89c70;right:12px;top:3px;font-size:9px}.dock i{right:27px;top:3px;background:#d9da92;box-shadow:0 0 8px #c8e299}
.control-hint{color:#f9e5bd;font-size:9px;letter-spacing:.5px;gap:9px;text-shadow:0 1px 3px #24170a}.control-hint button{color:#ffeec8}.nearby{bottom:204px;background:linear-gradient(#5f482c,#46301c);border:1px solid #c39a5c;color:#fff0ce;box-shadow:inset 0 0 0 2px #23160c55,0 3px 14px #241a0e55}.nearby kbd{background:#e7c887;color:#4b3219;border:1px solid #846035}.toast{background:linear-gradient(#6a4e2fef,#4f371fef);color:#fff0ce;border-color:#d2a966;box-shadow:inset 0 0 0 2px #26180c66,0 4px 20px #2e1e1044;text-shadow:0 1px 1px #342213}
.modal{border-radius:10px;box-shadow:inset 0 0 0 4px #fff3d6aa,inset 0 0 0 5px #a8824855,0 0 0 4px #533a23,0 0 0 5px #c39c63,0 18px 60px #21140c66!important}.modal-backdrop{background:#2a190e70;backdrop-filter:blur(2px)}.modal-close{color:#98723a}.panel-kicker{color:#9d7843;letter-spacing:3px}.modal h2{color:#56391e;font-size:26px}.panel-subtitle{color:#806340}.panel-rule{background:linear-gradient(90deg,#b3864688,transparent)}.stat-grid>div{background:linear-gradient(#ebddc1,#e4d0a9);border-color:#b9966066;box-shadow:inset 0 1px #fff7dd88}.stat-grid small{color:#8d6d3d}.stat-grid strong{color:#604121}.item-row{border-color:#bb995733}.item-icon{background:linear-gradient(#ead9b6,#d9bf8f);border-color:#b28b5055;color:#896631}.item-row p{color:#8e6e43}.item-row>b{color:#8c642b}.item-row strong{color:#614222}.panel-art{background:radial-gradient(ellipse at bottom,#c7a26533,transparent 65%)}.pet-message{color:#687a3d}.progress-caption{color:#8f6a36}.progress-big{background:#d7c091;border:1px solid #bea06a;height:9px}.progress-big>span{background:linear-gradient(#9dbd67,#6d8f3f)}
.primary-button{background:linear-gradient(#a0804e,#77552d);color:#fff0ca;border-color:#765321;box-shadow:inset 0 0 0 2px #eaca8a33,inset 0 1px #e7c08266,0 2px 6px #5b3e2022}.primary-button:hover{background:linear-gradient(#b09059,#8c6536)}.secondary-button{background:linear-gradient(#efdfbe,#dfc798);color:#765027;border-color:#af874c}.secondary-button:hover{background:linear-gradient(#f8e9c9,#e6cf9f)}.quest-step>span{border-color:#b49158;color:#987444}.quest-step.done>span{background:#7b914f;color:#fff3ce;border-color:#6e8246}.quest-step.current>span{border-color:#977237;color:#86612b}.quest-step strong{color:#654420}.quest-step p{color:#907044}.key-row{color:#755333}.key-row kbd{background:linear-gradient(#ecdcbb,#debf8a);color:#6e4e27;border-color:#ad854c}
.dialog-backdrop{padding-bottom:204px;background:#32200e19}.dialog{border-radius:10px;padding:23px 29px}.dialog-speaker>span{background:linear-gradient(#e4c999,#d2ad71);color:#6f4925;border-color:#9f7741;box-shadow:inset 0 0 0 2px #f9e7bf55}.dialog-speaker small{color:#9b713c}.dialog-speaker h2{color:#654320;font-size:21px}.dialog>p{color:#795a35}
.loading{color:#f5dfb4;background:radial-gradient(ellipse at 30% 20%,#725631,#392818 80%)}.loading-seal{color:#d9b36c;text-shadow:0 0 22px #d9b36c44}.loading h1{color:#ffe9bd;text-shadow:0 2px 2px #21150b}.loading p{color:#d4b88a}.loading>span{color:#b99965}
@media(min-width:1700px){.hero-hud{left:30px;top:28px}.location-hud{top:27px}.top-actions{top:28px;right:30px}.right-hud{right:30px;top:82px}.expedition-status{left:30px;bottom:170px}.bottom-hud{bottom:18px}.dock{width:820px;height:82px}.dock>button{min-width:0}}
@media(max-width:950px){.hero-hud{left:14px;top:14px;width:247px;padding:8px 11px 8px 8px;gap:10px}.portrait{width:66px;height:66px}.hero-line strong{font-size:18px}.hero-line b{font-size:18px}.hero-line{margin-bottom:6px}.meter{height:11px;margin:5px 0}.meter small{font-size:8px;line-height:9px}.location-hud{top:16px;min-width:211px;padding:7px 14px;gap:12px}.location-hud h1{font-size:20px;letter-spacing:4px}.right-hud{right:14px;top:62px;width:186px}.minimap-frame{width:98px;height:98px}.quest-tracker{padding:13px 14px}.quest-tracker strong{font-size:15px}.expedition-status{left:14px;bottom:153px;width:237px;padding:10px;gap:9px}.expedition-emblem{width:43px;height:52px}.expedition-status strong{font-size:10px}.top-actions{right:14px;top:14px}.dock{width:650px;height:70px}.dock>button{min-width:0;padding:4px 12px}.dock>button>span:first-child{width:26px;height:26px}.party-card{height:87px;width:81px}.party-card canvas{width:61px;height:61px}.party-card>div{padding:5px 4px 4px}.party-card strong{font-size:9px}.party-card small{font-size:8px}.bottom-hud{bottom:10px;gap:8px}.nearby{bottom:188px}.dialog-backdrop{padding-bottom:185px}}
@media(max-width:600px){.hero-hud{left:11px;top:11px;width:203px;padding:7px 9px 7px 6px;gap:8px;border-radius:12px 23px 23px 12px}.portrait{width:54px;height:54px;border-width:2px}.hero-line strong{font-size:16px}.hero-line{margin-bottom:5px}.hero-line b{font-size:15px}.hero-line span{font-size:11px}.meter{height:8px;margin:4px 0}.meter small{display:none}.hero-caption{font-size:8px;letter-spacing:0}.location-hud{top:104px;min-width:187px;gap:10px;padding:6px 13px;left:calc(50% - 18px)}.location-hud h1{font-size:18px;letter-spacing:3px}.location-hud p{font-size:9px;letter-spacing:1px;margin-top:6px}.location-hud:before{left:18px}.location-hud:after{right:18px}.top-actions{right:11px;top:11px}.right-hud{right:11px;top:52px;width:146px;gap:11px}.minimap-frame{width:58px;height:58px;align-self:flex-end;margin-right:3px}.map-name{display:none}.quest-tracker{padding:11px 12px;border-radius:6px}.quest-tracker .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:6px}.quest-tracker strong{font-size:13px;letter-spacing:1px}.quest-tracker p{font-size:9px}.quest-foot{font-size:8px}.expedition-status{left:11px;bottom:159px;width:190px;padding:8px;gap:8px}.expedition-emblem{width:32px;height:46px}.expedition-status .eyebrow{font-size:8px}.expedition-status strong{font-size:9px;margin:5px 0}.expedition-status small{font-size:8px}.bottom-hud{max-width:calc(100% - 20px);width:calc(100% - 20px);bottom:12px;gap:7px}.dock{width:100%;height:63px;padding:5px 6px;border-radius:11px}.dock>button{padding:4px 3px;gap:3px}.dock>button>span:first-child{width:24px;height:24px}.dock>button>span:nth-child(2){font-size:11px;letter-spacing:1px}.dock kbd{display:none}.dock:before{inset:4px;border-radius:7px}.party-strip{gap:9px}.party-card{height:71px;width:74px}.party-card canvas{width:49px;height:49px}.party-card>div{padding:4px}.party-card strong{font-size:8px}.party-health{height:4px;margin-top:3px}.party-note{font-size:9px;letter-spacing:1px;margin-left:2px;margin-bottom:10px}.nearby{bottom:173px;font-size:10px}.control-hint{font-size:8px;letter-spacing:0;gap:5px}.control-hint button{font-size:8px}.dialog-backdrop{padding-bottom:176px}.dialog{padding:18px 22px}.dialog-speaker h2{font-size:19px}.dialog>p{font-size:12px}.modal h2{font-size:23px}.toast{top:236px;font-size:11px;padding:9px 15px}}
@media(max-height:560px) and (min-width:601px){.hero-hud{width:216px;left:10px;top:10px;padding:7px}.portrait{width:50px;height:50px}.hero-line strong{font-size:15px}.hero-line b{font-size:16px}.hero-caption{font-size:8px}.hero-line{margin-bottom:4px}.meter{height:8px;margin:4px 0}.meter small{display:none}.location-hud{top:12px;min-width:200px;padding:6px 13px}.location-hud h1{font-size:19px}.location-hud p{font-size:8px;margin-top:5px}.top-actions{right:10px;top:10px}.right-hud{right:10px;top:51px;width:158px;gap:10px}.minimap-frame{width:63px;height:63px}.quest-tracker{padding:10px 11px}.quest-tracker strong{font-size:14px}.quest-tracker p{font-size:10px}.expedition-status{bottom:139px;left:10px;width:211px;padding:8px}.expedition-emblem{width:37px;height:42px}.expedition-status .eyebrow{font-size:9px}.expedition-status strong{font-size:9px}.expedition-status small{font-size:8px}.bottom-hud{bottom:8px;gap:6px}.dock{height:58px;width:570px;padding:4px 8px}.dock>button{min-width:0;padding:3px 10px;gap:2px}.dock>button>span:first-child{width:22px;height:22px}.dock>button>span:nth-child(2){font-size:11px}.party-card{height:63px;width:70px}.party-card canvas{width:42px;height:42px}.party-card>div{padding:3px}.party-card strong{font-size:8px}.party-health{height:3px}.party-note{font-size:9px;margin-bottom:8px}.nearby{bottom:151px}.dialog-backdrop{padding-bottom:151px}.dialog{padding:15px 23px}.dialog>p{font-size:12px;margin:10px 0}.control-hint{font-size:8px}}
@media(max-width:600px){.location-hud{left:113px;min-width:202px}.quest-tracker{margin-top:20px}}
.nearby{bottom:232px}
@media(max-width:950px){.nearby{bottom:211px}}
@media(max-width:600px){.nearby{bottom:183px}}
@media(max-height:560px) and (min-width:601px){.nearby{bottom:159px}}