@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101c21;--panel:#16272d;--panel2:#1c3036;--line:#2c4248;--muted:#9cafb3;--text:#e6eee9;--mint:#afd6a5;--teal:#73b7a8;--gold:#dfbb77;--ink:#16342f;--font:'Manrope','IBM Plex Sans Thai',sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:var(--teal);text-decoration:none}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint)}input[type=checkbox]{accent-color:var(--mint);width:17px;height:17px}button{transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.08)}h1,h2,h3,p{margin:0}h2{font-size:19px;font-weight:650}h3{font-size:14px}small{font-size:11px}img{object-fit:contain}button img{pointer-events:none}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#112329;border-right:1px solid var(--line);padding:30px 18px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-size:15px;font-weight:800;letter-spacing:2px}.brand-icon{color:var(--mint);font-size:34px;line-height:1}.brand small{display:block;font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:1px}.side-caption{font-size:11px;letter-spacing:1px;color:#80989e;margin:52px 10px 15px}.city-nav{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;text-align:left;border-radius:9px;background:transparent;padding:14px 10px;margin-bottom:8px}.city-nav.active{border-color:#3a5a55;background:#203c3c;box-shadow:inset 3px 0 var(--mint)}.city-nav strong{display:block;font-size:13px;white-space:nowrap}.city-nav small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:3px}.city-symbol{font-size:23px;color:var(--teal);width:25px;text-align:center}.city-chevron{margin-left:auto;color:var(--mint);font-size:21px}.city-nav:not(.active) .city-chevron{visibility:hidden}.side-note{margin:40px 10px 0;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}.side-note strong{display:block;font-size:13px;color:#c1d2cf;font-weight:500}.side-note p{font-size:12px;margin-top:7px;line-height:1.7}.small-star{display:block;color:var(--gold);font-size:25px;margin-bottom:8px}.side-footer{margin-top:auto;padding:20px 8px 0;font-size:10px;color:#a7b9b9;line-height:2}.side-footer small{font-size:9px;color:#80979c}.status-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--mint);margin-right:5px}main{padding:0 36px 18px;max-width:1700px;width:100%;margin:auto}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:9px;letter-spacing:2px;color:#91a6ab}.breadcrumb span{margin:0 14px;color:#466069}.level-input{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}input[type=number]{border:1px solid #476169;border-radius:5px;background:#14252b;color:var(--text);padding:5px 5px;text-align:center;width:57px;font-size:12px;appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.city-header{padding:26px 0 0}.title-row{display:flex;justify-content:space-between;align-items:center}.eyebrow{display:block;color:var(--teal);font-size:10px;letter-spacing:1.5px;font-weight:600;margin-bottom:6px}.eyebrow span{margin-left:12px;color:#617c82}.title-row h1{font-size:38px;line-height:1.2;letter-spacing:-1.4px;font-weight:650}.title-row p{font-size:12px;color:var(--muted);margin-top:9px}.city-emblem{width:75px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#273a37;border:1px solid #536350;border-radius:50%;gap:5px}.city-emblem img{width:34px;height:34px;image-rendering:pixelated}.city-emblem span{font-size:7px;color:var(--mint);letter-spacing:1px}.gate-note{margin-top:19px;border:1px solid #3b4e49;background:#1d302f;border-radius:7px;font-size:11px;color:#bccdc2}.gate-note summary{cursor:pointer;padding:9px 13px;display:flex;align-items:center;list-style:none;gap:9px}.gate-note summary::-webkit-details-marker{display:none}.gate-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.gate-dot.passed{background:var(--mint)}.gate-note .expand{margin-left:auto}.gate-note>div{padding:0 13px 13px;border-top:1px solid var(--line)}.gate-note p{margin:10px 0}.gate-note label{display:flex;align-items:center;gap:8px}.sample-label{display:flex;justify-content:space-between;font-size:10px;color:#8b9e9f;margin:12px 0 15px}.sample-label>span{color:#b6c4bc}.stats{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border:1px solid var(--line);border-radius:9px;background:#182a2e;padding:17px 0}.stat{padding:0 22px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat>strong,.stat>div>strong{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-1px;display:block}.stat strong span{font-size:15px;color:#8ca3a7;font-weight:400;letter-spacing:0}.stat small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.sticker-stat{display:flex;align-items:center;gap:12px}.stat-icon{background:#304237;border-radius:7px;width:44px;height:44px;display:grid;place-items:center}.stat-icon img{width:26px;height:26px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 17px;gap:12px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);align-self:stretch}.tabs button{padding:8px 0 11px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--mint);border-bottom-color:var(--mint)}.button{background:#253d40;border:1px solid #3f5a5e;border-radius:6px;font-size:11px;padding:9px 14px;white-space:nowrap}.button.primary{background:var(--mint);color:var(--ink);border-color:var(--mint);font-weight:650;display:flex;align-items:center;gap:20px}.button.primary span{font-size:16px}.button.small{padding:6px 10px;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(350px,1.15fr) minmax(320px,1fr);gap:18px;align-items:start}.map-panel,.task-panel,.all-items-panel,.quest-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:21px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.map-legend{font-size:9px;color:var(--muted);white-space:nowrap}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px}.map-board{position:relative;width:100%;aspect-ratio:540/492;background:radial-gradient(ellipse at 40% 50%,#27444a77,transparent 65%),radial-gradient(#648a8f27 .7px,transparent .7px);background-size:auto,15px 15px;isolation:isolate;min-height:365px}.connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.connections line{stroke:#577677;stroke-width:1.3;stroke-dasharray:4 5}.map-node{position:absolute;left:calc(var(--col)*33.333% + 2%);top:calc(var(--row)*33.333% + 1%);width:29.33%;height:31%;border:1px solid transparent;border-radius:8px;background:#16282de6;padding:9px 5px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-node.selected{background:#29423f;border-color:#9fcb9a;box-shadow:0 0 0 3px #b0d9a50e}.map-node:hover{background:#263e43;border-color:#527b76}.map-node.quiet{opacity:.55}.map-illustration{position:relative;width:100%;height:66%;display:flex;justify-content:center;align-items:center}.map-illustration>img{max-width:95%;height:100%;filter:drop-shadow(0 5px 5px #0005)}.map-count{position:absolute;top:0;right:4%;min-width:18px;height:18px;font-size:9px;display:grid;place-items:center;background:var(--mint);color:var(--ink);border-radius:5px;font-weight:800;border:1px solid #c8e1be}.map-count.finished{background:#42675a;color:#e1f4df}.map-node strong{font-size:10px;margin-top:7px;font-weight:600;line-height:1.35;text-align:center;max-width:100%}.map-node small{font-size:8px;color:#8faaa9;margin-top:4px}.map-footnote{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:15px 18px;border-top:1px solid #263e42;font-size:8px;color:#91a7ac}.task-heading{padding:19px 20px 15px;border-bottom:1px solid var(--line)}.task-heading h2{font-size:18px}.task-heading>p{font-size:9px;color:var(--muted);margin-top:5px}.item-controls{padding:12px 17px;display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.filter-chips{display:flex;gap:3px}.filter-chips button{border:0;border-radius:5px;background:transparent;color:var(--muted);padding:5px 8px;font-size:10px;white-space:nowrap}.filter-chips button.active{background:#31483e;color:var(--mint)}.search{display:flex;align-items:center;background:#102126;border:1px solid #2a4147;border-radius:5px;padding:4px 8px;max-width:160px;min-width:70px;gap:4px;color:var(--muted)}.search span{font-size:17px;line-height:1}.search input{min-width:0;width:100%;border:0;background:transparent;font-size:10px;color:var(--text);outline:0}.search input::placeholder{color:#80999f}.item-list{max-height:544px;overflow-y:auto;padding:0 18px 12px;scrollbar-width:thin;scrollbar-color:#486461 transparent}.monster-group{padding-top:15px}.monster-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}.monster-portrait{display:grid;place-items:center;width:42px;height:44px;flex:none}.monster-portrait img{max-height:44px;max-width:44px;image-rendering:pixelated}.monster-portrait.drill{font-size:35px;color:var(--gold);background:#473c2f5c;border-radius:8px;height:37px}.monster-heading small{display:block;font-size:8px;color:var(--teal);margin-bottom:1px}.monster-heading h3{font-size:12px}.item-row{background:#132329;border:1px solid #293d43;border-radius:6px;margin-bottom:7px;overflow:hidden}.item-row.complete{border-color:#365249;background:#19302b}.item-main{display:flex;align-items:center;gap:9px;padding:11px 10px 7px}.check-button{flex:none;display:grid;place-items:center;background:transparent;border:1px solid #63827f;border-radius:4px;width:15px;height:15px;padding:0;font-size:10px;color:#122f24}.check-button.checked{background:var(--mint);border-color:var(--mint)}.item-icon{width:23px;height:23px;flex:none;image-rendering:pixelated}.item-name{flex:1;min-width:0}.item-name strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.item-name small{font-size:8px;display:block;color:var(--muted);margin-top:3px}.item-remaining{min-width:44px;text-align:right}.item-remaining strong{font-size:21px;font-weight:650;color:var(--mint);line-height:1}.item-remaining small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.item-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;padding:6px 10px 9px;color:var(--muted)}.item-meta>label{display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap}.item-meta input[type=number]{width:36px;padding:2px;font-size:10px;border-color:#3b555c}.item-meta details{font-size:8px;max-width:100%}.item-meta summary{cursor:pointer;color:#a9cbb9;list-style:none;text-align:right}.item-meta summary:after{content:' ⌄'}.item-meta details[open]{flex-basis:100%;margin-top:5px;padding-top:6px;border-top:1px solid var(--line)}.item-meta details a{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b6c8ca;padding:4px 0}.item-meta details p{font-size:9px;margin-top:6px;color:var(--muted)}.item-meta details b{color:var(--mint)}.map-complete-row{padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;background:#182d2f}.map-complete-row>span{font-size:9px;color:var(--muted)}.npc-block{border-top:1px solid var(--line);padding:14px 18px}.npc-block h3{font-size:11px;font-weight:500;margin-bottom:8px}.npc-block h3 span{font-size:9px;color:var(--muted);margin-left:5px}.npc-block button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:7px 0;background:transparent;border:0;color:var(--teal);text-align:left;font-size:10px}.npc-block button small{font-size:8px;color:var(--muted);text-align:right}.empty{padding:40px 20px;text-align:center;grid-column:1/-1;color:var(--muted)}.empty>span{display:block;font-size:32px;margin-bottom:10px;color:var(--teal)}.empty strong{display:block;font-size:13px;font-weight:500}.empty p{font-size:10px;margin-top:6px}.main-footer{display:flex;justify-content:space-between;gap:15px;color:#7e979c;font-size:9px;padding-top:18px}.main-footer a{color:#9cbbb2}.soft-label{background:#223b38;border:1px solid #354f48;border-radius:5px;padding:5px 9px;font-size:10px;color:#a9c7b5;white-space:nowrap}.all-items-panel>.item-controls{justify-content:flex-start;gap:25px}.all-items-panel .search{max-width:250px}.all-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.all-items-grid .item-row{margin:0}.all-items-grid .item-name strong{font-size:13px}.all-items-grid .item-main{padding:14px}.all-items-grid .item-meta{padding:8px 14px 12px}.all-items-grid .item-meta label{font-size:10px}.all-items-grid .item-meta details{font-size:10px}.item-map-links{border-top:1px solid var(--line);padding:9px 12px;display:flex;gap:5px;flex-wrap:wrap}.item-map-links button{font-size:8px;color:var(--teal);background:#1d3436;border:1px solid #304d4e;border-radius:4px;padding:3px 6px}.carry-note{padding:18px 22px;border-top:1px solid var(--line)}.carry-note strong{font-size:13px}.carry-note p{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.carry-note p span{font-size:10px;display:flex;align-items:center;gap:6px;color:#c2d0ce}.carry-note img{width:22px;height:22px}.carry-note small{font-size:10px;color:var(--muted)}.quest-intro{margin:0 22px 18px;font-size:11px;color:var(--muted)}.quest-list{padding:0 22px 18px}.quest-card{position:relative;display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line);align-items:flex-start;scroll-margin-top:25px}.quest-number{flex:none;display:grid;place-items:center;border:1px solid #4b6666;background:#223b3b;border-radius:7px;width:32px;height:32px;color:var(--mint);font-size:13px;font-weight:650}.quest-card.done .quest-number{background:var(--mint);color:var(--ink)}.quest-body{min-width:0;flex:1}.quest-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:9px;margin-bottom:7px}.quest-type{font-size:8px;color:var(--mint);letter-spacing:1px}.quest-type.key{color:var(--gold)}.quest-state{padding:2px 6px;border-radius:3px;background:#203735;color:#a9c3bb}.quest-card.locked .quest-state{background:#35382f;color:#bfb79a}.quest-card h3{font-size:16px}.npc-location{margin:5px 0 10px;color:#a5babb;font-size:10px}.npc-location>span{margin:0 5px;color:#6b878c}.npc-location button{background:none;border:0;padding:0;font-size:10px;color:var(--teal)}.quest-requirements{display:flex;flex-wrap:wrap;gap:6px}.quest-requirements>span{display:flex;align-items:center;gap:6px;background:#102329;border:1px solid #2b4347;padding:4px 8px;border-radius:4px;font-size:10px}.quest-requirements img{width:20px;height:20px}.quest-requirements b{color:var(--mint);font-weight:600}.quest-requirements em{font-size:8px;font-style:normal;color:var(--gold)}.quest-steps{font-size:11px;color:#c1cfca;margin-top:10px;line-height:1.8}.quest-deps{font-size:9px;color:var(--muted);margin-top:8px}.quest-deps a{font-size:9px;margin-left:4px}.quest-note{margin-top:9px;color:var(--muted);font-size:10px}.quest-note summary{cursor:pointer;color:#93b3aa}.quest-note p{margin:8px 0;line-height:1.8}.quest-note a{font-size:9px}.quest-done{flex:none;border:1px solid #507167;background:#28453c;border-radius:6px;padding:6px 10px;font-size:10px;color:#b9d2be;margin-top:3px}.quest-done[aria-pressed=true]{background:var(--mint);color:var(--ink)}.quest-done:disabled{opacity:.4}.quest-card.done .quest-body{opacity:.65}dialog{background:#14282d;color:var(--text);border:1px solid #506e68;border-radius:14px;padding:0;width:min(820px,calc(100vw - 30px));max-height:88vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#071014b8;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#14282df5;z-index:3}.dialog-top h2{font-size:24px}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:#213b40;color:var(--muted)}.route-summary{display:flex;align-items:center;gap:25px;padding:20px 26px;background:#1e3835}.route-summary>div{display:flex;align-items:center;gap:12px;flex:none}.route-summary img{width:34px;height:34px}.route-summary strong{font-size:30px;font-weight:600;white-space:nowrap}.route-summary strong span{font-size:17px;color:var(--muted)}.route-summary p{font-size:12px}.route-summary small{font-size:10px;color:var(--muted)}.route-actions{padding:14px 26px 0;display:flex;gap:20px}.text-button{border:0;background:transparent;color:var(--teal);font-size:11px;padding:5px 0}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 26px 24px}.route-card{cursor:pointer;background:#112329;border:1px solid #31494e;border-radius:8px;padding:13px}.route-card.selected{background:#203a35;border-color:#688c71}.route-title{display:flex;align-items:center;gap:9px}.route-title input{flex:none}.route-title>div{flex:1;min-width:0}.route-title strong{display:block;font-size:12px;line-height:1.4}.route-title small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.route-title>span{font-size:13px;color:var(--mint)}.route-card>p{font-size:10px;color:#b6c6c3;line-height:1.8;margin-top:12px}.route-card b{font-weight:600;color:var(--mint)}.route-card-foot{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#91aba0;margin-top:10px;border-top:1px solid #365047;padding-top:8px}.route-card-foot>span{white-space:nowrap}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#14282df5;z-index:3}.dialog-bottom>span{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--mint);color:var(--ink);border-radius:7px;padding:10px 18px;font-size:12px;z-index:20;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.item-list{max-height:660px}.map-board{min-height:500px}.map-node strong{font-size:12px}.map-node small{font-size:9px}.item-name strong{font-size:13px}.item-name small{font-size:10px}.item-meta>label{font-size:10px}.item-meta details{font-size:10px}.monster-heading h3{font-size:14px}.monster-heading small{font-size:10px}.task-heading>p{font-size:11px}}
@media(max-width:1250px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:25px 12px}.brand{font-size:12px;letter-spacing:1px}.brand-icon{font-size:29px}.city-nav{gap:6px;padding:12px 7px}.city-nav strong{font-size:11px}.city-symbol{font-size:20px}.city-nav small{font-size:8px}main{padding:0 22px 16px}.workspace{grid-template-columns:minmax(310px,1fr) minmax(300px,1fr);gap:13px}.map-board{min-height:330px}.stat{padding:0 16px}.map-legend{display:none}.item-controls{padding:10px}.filter-chips button{padding:5px 7px}.search{max-width:125px}.panel-heading{padding:17px 18px}.title-row h1{font-size:33px}.item-main{gap:6px}.item-list{padding:0 12px 12px}.main-footer{font-size:8px}}
@media(max-width:1020px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{justify-content:center}.brand>span:not(.brand-icon),.side-caption,.city-nav>span:not(.city-symbol),.side-note,.side-footer{display:none}.sidebar nav{margin-top:45px}.city-nav{justify-content:center;padding:15px 6px}.city-symbol{font-size:25px}.map-node strong{font-size:9px}.stats{grid-template-columns:1.3fr 1fr 1fr 1fr}.stat{padding:0 12px}.stat-icon{width:32px;height:35px}.stat small{font-size:9px}.tabs{gap:17px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{height:auto;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand>span:not(.brand-icon){display:block}.brand{gap:7px}.brand-icon{font-size:25px}.brand small{font-size:9px}.sidebar nav{margin:0;display:flex;gap:6px}.city-nav{margin:0;padding:8px}.city-nav>span:not(.city-symbol){display:none}.city-nav>span:nth-child(2){display:block}.city-nav small{display:none}.city-symbol{font-size:17px;width:19px}.city-nav strong{font-size:9px}.workspace{grid-template-columns:1fr}.map-panel{order:0}.map-board{aspect-ratio:540/430;min-height:0;max-width:640px;margin:auto}.map-node{height:30%;width:27%;left:calc(var(--col)*33.333% + 3%)}.map-node strong{font-size:11px}.map-node small{font-size:9px}.map-illustration{height:62%}.task-panel{order:1}.topbar{height:48px}.breadcrumb{font-size:8px;letter-spacing:1px}.title-row h1{font-size:32px}.title-row p{font-size:11px}.city-header{padding-top:20px}.city-emblem{width:60px;height:60px}.stats{padding:14px 0}.stat>strong,.stat>div>strong{font-size:22px}.stat small{font-size:8px}.stat-icon{display:none}.sample-label{font-size:9px;gap:12px}.sample-label>span{display:none}.item-list{max-height:none;padding:0 18px 12px}.item-name strong{font-size:13px}.item-name small{font-size:10px}.item-meta>label{font-size:10px}.item-meta details{font-size:10px}.monster-heading h3{font-size:14px}.monster-heading small{font-size:10px}.item-remaining small{font-size:9px}.item-controls{padding:13px 18px}.search{max-width:200px}.all-items-grid{grid-template-columns:1fr}.quest-card{gap:10px}.quest-number{width:25px;height:28px;font-size:10px}.quest-card h3{font-size:14px}.quest-done{position:absolute;right:0;top:16px;font-size:9px;padding:4px 7px}.quest-top{padding-right:90px;gap:5px}.quest-body{padding-top:3px}.quest-top>span:nth-child(2){font-size:8px}.quest-state{font-size:8px}.view-toolbar{gap:6px}.tabs{gap:14px}.tabs button{font-size:10px}.button.primary{font-size:10px;padding:8px 10px;gap:10px}.main-footer{flex-wrap:wrap}.route-grid{grid-template-columns:1fr}.route-summary{gap:15px}.route-summary strong{font-size:25px}.route-summary p{font-size:11px}.dialog-bottom{padding:14px 20px}.dialog-bottom>span{font-size:10px}}
.travel-note{border-top:1px solid var(--line);padding:10px 18px;font-size:10px;color:var(--muted)}.travel-note summary{color:var(--teal);cursor:pointer}.travel-note p{font-size:10px;line-height:1.8;margin-top:7px}.source-caption{padding:2px 14px 10px;font-size:10px;color:var(--teal)}
.npc-block summary{cursor:pointer;font-size:12px;color:var(--teal)}.npc-block summary span{font-size:10px;color:var(--muted);margin-left:10px}.npc-block[open] summary{margin-bottom:10px}.item-name strong{font-size:13px}.item-name small{font-size:10px}.item-meta>label,.item-meta details{font-size:10px}.monster-heading h3{font-size:14px}.monster-heading small{font-size:10px}.map-node strong{font-size:11px}.item-list{max-height:310px}.map-board{aspect-ratio:540/405;min-height:0;max-height:405px}.item-remaining small{font-size:9px}.npc-block button small{font-size:10px}
@media(min-width:1550px){.map-board{max-height:500px}.item-list{max-height:405px}}
@media(max-width:780px){.map-board{aspect-ratio:540/300;max-height:330px}.map-node{padding:5px;height:31%}.map-node strong{font-size:9px;margin-top:4px}.map-node small{font-size:8px;margin-top:2px}.map-illustration{height:58%}.map-footnote{padding:10px 14px}.stats{margin-bottom:4px}.city-header{padding-top:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sidebar nav{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#47655c transparent;flex:1}.side-caption{margin-top:30px}.side-note{display:none}.city-nav{padding:10px 8px;margin-bottom:5px}.city-symbol{font-size:13px;font-weight:700;letter-spacing:-.5px}.side-footer{padding-top:12px}.first-city-note{margin-top:18px;padding:10px 13px;border:1px solid #42624b;border-radius:6px;background:#21392d;color:#b8d5ae;font-size:11px}.gate-note .text-button{margin-top:9px}.variable-note,.item-source-note{padding:5px 11px 10px;font-size:10px;color:var(--gold)}.map-board{height:420px;aspect-ratio:auto;overflow-y:auto;max-height:none;scrollbar-width:thin;scrollbar-color:#47685f transparent}.map-canvas{position:relative;width:100%;height:calc(var(--rows)*140px);isolation:isolate;min-height:100%}.map-node{left:calc(var(--col)*33.333% + 2%);top:calc(var(--row)*140px + 5px);height:130px;width:29.33%}.map-fallback{font-size:38px;color:var(--teal)}.item-controls{flex-wrap:wrap}.item-controls .search{max-width:130px}.map-illustration{height:63%}.map-node strong{font-size:10px}.map-node small{font-size:8px}.map-illustration img{max-height:82px}.item-source-note{color:#afc8bf}.map-panel .map-footnote span{font-size:8px}
.data-note{margin:12px 26px 0;border:1px solid var(--line);padding:10px 12px;border-radius:5px;font-size:11px;color:var(--muted)}.data-note summary{cursor:pointer;color:var(--gold)}.data-note p{margin-top:8px;line-height:1.8}
.city-nav small{white-space:nowrap;letter-spacing:.4px;font-size:8.5px}
@media(max-width:1020px) and (min-width:781px){.sidebar{width:165px}.app-shell{grid-template-columns:165px minmax(0,1fr)}.brand>span:not(.brand-icon){display:block;font-size:10px}.brand-icon{font-size:23px}.sidebar .city-nav>span:nth-child(2){display:block}.sidebar .city-nav{justify-content:flex-start}.city-nav strong{font-size:10px}.city-nav small{font-size:8px}.sidebar .city-symbol{font-size:11px}.workspace{grid-template-columns:1fr}.map-board{height:330px}.side-footer{display:block;font-size:8px}.side-caption{display:block;margin-top:25px}.sidebar nav{margin-top:5px}.item-list{max-height:380px}}
@media(max-width:780px){.sidebar{flex-wrap:wrap;gap:12px;position:sticky;top:0;z-index:6;background:#112329f5}.sidebar nav{flex:none;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;margin:0;gap:6px;padding-bottom:2px}.sidebar .brand{justify-content:flex-start}.city-nav{width:auto;flex:none;padding:6px 8px}.city-nav strong{font-size:10px}.city-nav .city-symbol{font-size:10px;width:15px}.sidebar .city-nav>span:nth-child(2){display:block}.city-nav small{display:block}.side-caption{display:none}.map-board{height:285px;max-height:none}.map-node{height:130px;top:calc(var(--row)*140px + 5px);width:29.33%;left:calc(var(--col)*33.333% + 2%)}.map-node strong{font-size:9px}.map-canvas{min-height:0}.item-list{max-height:380px}.first-city-note{font-size:10px}.stats{grid-template-columns:1.4fr 1fr 1fr 1fr}.stat small{font-size:8px}.item-controls .search{max-width:135px}}