:root{--grass-50: #EDF9F1;--grass-100: #D4F0DE;--grass-200: #A8E2BE;--grass-300: #75D199;--grass-400: #4FBD6B;--grass-500: #35A356;--grass-600: #2A8747;--grass-700: #226B39;--sky-50: #EAF5FC;--sky-100: #CFE8F7;--sky-300: #7EC3E8;--sky-500: #3D87B5;--sky-700: #2A6389;--wood-50: #FAF3EC;--wood-100: #F0E0D0;--wood-300: #C99B72;--wood-500: #A06B47;--wood-700: #6B4A38;--rose-50: #FDEEF1;--rose-200: #F7BCC8;--rose-500: #D4506B;--rose-700: #A33450;--gold-100: #FBF0D5;--gold-500: #E0A93F;--gold-700: #9A6D18;--arcane-100: #EFE8F7;--arcane-500: #7B5EA7;--ink: #2A2320;--ink-muted: #5F5750;--ink-subtle: #8A827A;--surface: #FFFFFF;--surface-2: #F7F9F6;--surface-3: #EFF3EE;--border: #E2E7DF;--border-strong: #CBD3C7;--brand: var(--grass-500);--brand-hover: var(--grass-600);--brand-text: var(--grass-700);--brand-subtle: var(--grass-50);--font-display: "Bitter", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(42,35,32,.06);--shadow-md: 0 2px 8px rgba(42,35,32,.08);--content-width: 72rem;--text-width: 68ch}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;color:var(--ink)}body{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface-2)}img,svg{display:block;max-width:100%}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--ink)}h1{font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:.5rem}h2{font-size:var(--text-2xl);margin-top:2rem;margin-bottom:.75rem}h3{font-size:var(--text-xl);margin-top:1.5rem;margin-bottom:.5rem}p{max-width:var(--text-width)}p+p{margin-top:.75rem}.lead{font-size:var(--text-lg);color:var(--ink-muted);line-height:1.6;margin-bottom:1.5rem}.text-muted{color:var(--ink-muted)}.text-sm{font-size:var(--text-sm)}.page-content{max-width:var(--content-width);margin:0 auto;padding:2rem 1rem}@media(min-width:640px){.page-content{padding:2.5rem 1.5rem}}.detail-layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);max-width:var(--content-width);margin:0 auto;padding:2rem 1rem}@media(min-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:3rem;padding:2.5rem 1.5rem}}.detail-content{min-width:0}.detail-content h1{font-size:var(--text-3xl)}.content-list{list-style:disc;padding-left:1.5rem;margin:.75rem 0;font-size:var(--text-sm)}.content-list li+li{margin-top:.375rem}ol.content-list{list-style:decimal}.site-header{position:sticky;top:0;z-index:40;background:#1a2e23;border-bottom:1px solid #2a4a36}.site-header .inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-width);margin:0 auto;padding:0 1rem;height:3.5rem}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:#fff;text-decoration:none;white-space:nowrap}.brand:hover{text-decoration:none;color:var(--grass-300)}.brand-logo-img{width:2.1rem;height:2.1rem;border-radius:.45rem;object-fit:contain;flex-shrink:0;box-shadow:0 2px 6px #0000004d;transition:transform .2s ease}.brand:hover .brand-logo-img{transform:scale(1.08) rotate(-4deg)}.brand-icon{display:flex;align-items:center;justify-content:center}.brand-text{font-size:.95rem;font-weight:700;line-height:1.1;color:#fff}.brand-sub{font-size:.72rem;font-weight:500;color:#a2eaa9;opacity:.9}.nav-links{display:none;align-items:center;gap:.125rem}@media(min-width:1024px){.nav-links{display:flex}}.nav-link{padding:.375rem .625rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;color:#ffffffb3;transition:color .15s,background .15s;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-link.active{color:var(--grass-300);background:#4fbd6b1f;font-weight:600}.nav-actions{display:flex;align-items:center;gap:.25rem}.nav-btn{padding:.5rem;border-radius:var(--radius);color:#ffffffb3;transition:background .15s}.nav-btn:hover{background:#ffffff14;color:#fff}.mobile-only{display:flex}@media(min-width:1024px){.mobile-only{display:none}}.mobile-menu{display:none;padding:.75rem 1rem 1rem;border-bottom:1px solid #2a4a36;background:#1a2e23}.mobile-menu.open{display:block}@media(min-width:1024px){.mobile-menu{display:none!important}}.mobile-link{display:block;padding:.5rem .75rem;border-radius:var(--radius);font-size:var(--text-base);font-weight:500;color:#ffffffd9;text-decoration:none}.mobile-link:hover{background:#ffffff0f;text-decoration:none}.mobile-link.active{color:var(--grass-300);background:#4fbd6b1f}.mobile-sub{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid #2a4a36;font-size:var(--text-sm)}.mobile-sub a{color:#fff9;text-decoration:none}.mobile-sub a:hover{color:var(--grass-300)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.5rem 1rem;background:var(--brand);color:#fff;border-radius:0 0 var(--radius) var(--radius)}.skip-link:focus{left:1rem}.site-footer{background:var(--ink);color:var(--ink-subtle);margin-top:auto;padding:3rem 0 2rem}.footer-inner{max-width:var(--content-width);margin:0 auto;padding:0 1rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.footer-about p{font-size:var(--text-sm);line-height:1.6;margin-top:.5rem;color:#8a9a84}.footer-brand{color:var(--grass-300);font-family:var(--font-display);font-size:var(--text-lg)}.footer-col h4{color:#e8ede7;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;margin-bottom:.75rem}.footer-col ul{font-size:var(--text-xs)}.footer-col li+li{margin-top:.4rem}.footer-col a{color:#8a9a84;transition:color .15s;text-decoration:none}.footer-col a:hover{color:var(--grass-300)}.footer-bottom{padding-top:1.5rem;border-top:1px solid #2F3A34;font-size:var(--text-xs);color:#5f6f58}.breadcrumb{font-size:var(--text-sm);margin-bottom:1rem;color:var(--ink-subtle)}.bc-link{color:var(--ink-muted);text-decoration:none}.bc-link:hover{color:var(--brand);text-decoration:underline}.bc-sep{margin:0 .375rem;color:var(--border-strong)}.bc-current{color:var(--ink);font-weight:500}.infobox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-top:4px solid var(--brand);overflow:hidden;align-self:start}@media(min-width:900px){.infobox{position:sticky;top:4.5rem}}.infobox-fish{border-top-color:var(--sky-500)}.infobox-mines{border-top-color:var(--arcane-500)}.infobox-romance{border-top-color:var(--rose-500)}.infobox-items{border-top-color:var(--wood-500)}.infobox-farm{border-top-color:var(--grass-500)}.infobox-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .75rem}.infobox-sprite{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:6px;background:var(--surface-3)}.infobox-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.infobox-table{width:100%;font-size:var(--text-sm)}.infobox-table tr{border-top:1px solid var(--border)}.infobox-table th{padding:.5rem 1rem;font-weight:600;color:var(--ink-muted);text-align:left;width:40%;white-space:nowrap}.infobox-table td{padding:.5rem 1rem}.sprite-fallback{width:64px;height:64px;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-muted);font:600 1.5rem/1 var(--font-display);border-radius:6px}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.data-table{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table thead{background:var(--surface-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);position:sticky;top:0}.data-table th,.data-table td{padding:.625rem .875rem;text-align:left}.data-table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th[data-sort]:hover{color:var(--brand)}.data-table tbody tr{border-top:1px solid var(--border);transition:background .1s}.data-table tbody tr:hover{background:var(--grass-50)}.data-table a{font-weight:500}.table-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.filter-group-label{font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:.25rem}.filter-divider{width:1px;height:1.25rem;background:var(--border-strong);margin:0 .25rem}@media(max-width:640px){.filter-divider{display:none}}.filter-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:6px;font-size:var(--text-xs);font-weight:600;color:var(--ink-muted);background:var(--surface-3);border:1px solid var(--border);cursor:pointer;transition:background .12s,color .12s,border-color .12s;-webkit-user-select:none;user-select:none}.filter-btn:hover{color:var(--ink);border-color:var(--border-strong);background:#e8efe5}.filter-btn.active{color:#fff;background:var(--brand);border-color:var(--brand)}.table-filter-stats{margin-left:auto;font-size:var(--text-xs);color:var(--ink-muted);font-weight:600;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:4px;font-size:var(--text-xs);font-weight:600}.pill-general{background:var(--grass-50);color:var(--grass-700)}.pill-fish{background:var(--sky-50);color:var(--sky-700)}.pill-mines{background:var(--arcane-100);color:var(--arcane-500)}.pill-romance,.pill-rose{background:var(--rose-50);color:var(--rose-700)}.pill-items{background:var(--wood-50);color:var(--wood-700)}.pill-farm{background:var(--grass-50);color:var(--grass-700)}.related-links{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.related-links h2{font-size:var(--text-lg);margin-top:0;margin-bottom:.75rem}.related-links ul{list-style:none;padding:0}.related-links li{font-size:var(--text-sm)}.related-links li+li{margin-top:.375rem}.related-links a{text-decoration:none}.related-links a:hover{text-decoration:underline}.callout{padding:1rem 1.25rem;border-radius:var(--radius);border-left:4px solid var(--brand);background:var(--grass-50);font-size:var(--text-sm);margin:1rem 0}.callout-warning{border-left-color:var(--gold-500);background:var(--gold-100)}.callout-info{border-left-color:var(--sky-500);background:var(--sky-50)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);transition:background .15s;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.card{padding:1.25rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card a{text-decoration:none}.card h2{margin-top:0}.card h3{margin-top:0;font-size:var(--text-base)}.card p{font-size:var(--text-sm);color:var(--ink-muted);line-height:1.6}.portrait-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:hidden}.portrait-ring img{width:88%;image-rendering:pixelated;image-rendering:crisp-edges}.sprite,[src*="/sprites/"],[src*="/characters/"]{image-rendering:pixelated;image-rendering:crisp-edges}.inline-sprite{display:inline-block;vertical-align:middle;margin-right:.5rem;width:24px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none!important}.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1a1410a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;padding-inline:1rem}.search-panel.hidden{display:none!important}.search-box{width:100%;max-width:38rem;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000047,0 0 0 1px #fff6 inset;overflow:hidden;display:flex;flex-direction:column}.search-input-wrap{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border-bottom:1px solid var(--border);background:#fffdf9}.search-input-icon{color:var(--ink-muted);flex-shrink:0}.search-box input{width:100%;border:none;background:transparent;font-size:var(--text-base);font-family:inherit;color:var(--ink);outline:none}.search-box input::placeholder{color:var(--ink-muted)}.search-esc-hint{font-size:.6875rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border-strong);flex-shrink:0;-webkit-user-select:none;user-select:none}.search-quick-tags{padding:.875rem 1.125rem;background:var(--surface-3);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.search-quick-label{font-size:var(--text-xs);font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.search-tags-row{display:flex;flex-wrap:wrap;gap:.375rem}.search-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .625rem;border-radius:6px;font-size:var(--text-xs);font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s,transform .1s}.search-tag-chip:hover{background:#e8efe5;border-color:var(--brand);transform:translateY(-1px)}.search-results{max-height:55vh;overflow-y:auto}.search-result{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1.125rem;border-bottom:1px solid var(--border);text-decoration:none;color:var(--ink);transition:background .1s}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.selected{background:var(--surface-3);text-decoration:none}.search-result-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.search-result-title{font-size:var(--text-sm);font-weight:700;color:var(--ink)}.search-cat-badge{font-size:.6875rem;font-weight:700;padding:.125rem .45rem;border-radius:4px;background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em}.search-result-snippet{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero-home{background:linear-gradient(180deg,#13241b,#1a3828,#162f22);position:relative;overflow:hidden;padding:3.5rem 1rem;text-align:center;color:var(--ink)}.hero-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/Fieldsofmistra-D-1Cr49v.jpg) center 25% / cover no-repeat;opacity:.3;image-rendering:pixelated}.hero-home>*{position:relative;z-index:1}.hero-notice-board{max-width:48rem;margin:0 auto;padding:2.25rem 2rem 2rem;background:linear-gradient(180deg,#fffdf8ad,#faf3e694);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:3px solid rgba(138,79,56,.82);border-radius:16px;box-shadow:0 8px #5c322499,0 16px 36px #00000059,inset 0 0 0 2px #e8c88bb3;position:relative}.hero-notice-board:before,.hero-notice-board:after{content:"";position:absolute;top:14px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0ce7a,#8a5a12 70%);box-shadow:0 2px 4px #00000059,inset 0 0 0 1px #4a2805}.hero-notice-board:before{left:16px}.hero-notice-board:after{right:16px}.notice-pin{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .875rem;border-radius:6px;background:#e5a93b;color:#2a180e;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;margin-bottom:.75rem;border:1.5px solid #8A5A12;box-shadow:0 2px #8a5a12}.hero-home h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.25rem);font-weight:700;color:#2a1c16;letter-spacing:-.02em;margin:.25rem 0 .125rem;text-shadow:0 1px 0 rgba(255,255,255,.8)}.hero-home .brand-sub{font-size:.95rem;color:#2a8747;font-weight:700;letter-spacing:.08em;margin-bottom:.85rem}.hero-subtitle{font-size:1.05rem;color:#5f5046;max-width:40rem;margin:0 auto 1.75rem;line-height:1.65}.hero-actions{margin-bottom:2rem}.hero-home .btn-primary{background:linear-gradient(180deg,#f3ba4e,#e0a93f);color:#2a180e;border:2px solid #8A5A12;box-shadow:0 3px #8a5a12,0 4px 8px #0000001f;font-weight:700;border-radius:8px;padding:.625rem 1.25rem;transition:transform .1s,box-shadow .1s}.hero-home .btn-primary:hover{background:#e5a93b;transform:translateY(1px);box-shadow:0 2px #8a5a12}.hero-home .btn-primary:active{transform:translateY(3px);box-shadow:0 0 #8a5a12}.hero-home .btn-secondary{background:linear-gradient(180deg,#fff,#f5ecdd);color:#3c2930;border:2px solid #9B5C48;box-shadow:0 3px #6b3b2b,0 4px 8px #00000014;font-weight:600;border-radius:8px;padding:.625rem 1.25rem;transition:transform .1s,box-shadow .1s}.hero-home .btn-secondary:hover{background:#fffdf9;border-color:#8a4f38;transform:translateY(1px);box-shadow:0 2px #6b3b2b}.hero-home .btn-secondary:active{transform:translateY(3px);box-shadow:0 0 #6b3b2b}.hud-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}@media(min-width:640px){.hud-stat-grid{grid-template-columns:repeat(4,1fr)}}.hud-stat-item{padding:.75rem .875rem;border-radius:8px;background:#f2e8d8b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1.5px solid rgba(212,191,164,.8);box-shadow:inset 0 1px 2px #5c32240f}.hud-stat-label{font-size:var(--text-xs);color:#7a6658;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.hud-stat-value{font-size:.95rem;color:#2a1c16;font-weight:700;margin-top:.15rem}.home-route-section{padding-top:3rem}.section-heading{text-align:center;margin-bottom:2rem}.section-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;color:var(--brand);margin-bottom:.375rem}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink);margin:0}.home-route-grid{display:grid;gap:1.25rem}@media(min-width:640px){.home-route-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home-route-grid{grid-template-columns:repeat(4,1fr)}}.home-route-card{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.home-route-card:hover{border-color:var(--brand);box-shadow:0 4px 12px #35a3561a;text-decoration:none}.home-route-card h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;margin-bottom:.375rem}.route-index{font-size:var(--text-xs);font-weight:700;color:var(--brand);margin-bottom:.5rem}.home-route-link{font-size:var(--text-sm);font-weight:600;color:var(--brand);margin-top:.75rem}.encyclopedia-card{text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.encyclopedia-card:hover{border-color:var(--brand);box-shadow:0 4px 12px #35a35614;text-decoration:none}.db-grid{display:grid;gap:.75rem}.db-card{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--ink);padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.db-card:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #2a23200f}.db-slot{width:44px;height:44px;border-radius:8px;background:var(--surface-3);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 2px #0000000a}.db-sprite{width:28px;height:28px;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.db-info{display:flex;flex-direction:column;min-width:0}.db-count{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.1}.db-label{font-size:var(--text-xs);font-weight:600;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-6{gap:1.5rem}.gap-1{gap:.25rem}@media(min-width:640px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-rose{color:var(--rose-500)}.text-sky{color:var(--sky-500)}.text-amber{color:var(--gold-700)}.text-purple{color:var(--arcane-500)}.hover-lift{transition:transform .15s,border-color .15s,box-shadow .15s}.hover-lift:hover{transform:translateY(-2px)}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-xs{font-size:var(--text-xs)}.font-semibold{font-weight:600}.gift-tag{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;background:var(--surface-3);color:var(--ink-muted)}.gift-tag-loved{background:var(--rose-50);color:var(--rose-700)}.table-villager-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}.table-villager-link:hover .table-villager-name{color:var(--brand)}.table-villager-avatar{width:38px;height:38px;border-radius:8px;object-fit:cover;background:var(--surface-3);border:1px solid var(--border-strong);flex-shrink:0}.table-villager-name{font-weight:700;font-size:var(--text-sm);color:var(--ink);line-height:1.2}.table-villager-role{font-size:var(--text-xs);font-weight:400;color:var(--ink-muted);line-height:1.2;margin-top:2px}.loved-gifts-cell{display:flex;flex-wrap:wrap;gap:.35rem;max-width:24rem}.loved-gift-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:5px;font-size:.75rem;font-weight:600;background:var(--rose-50);color:var(--rose-700);border:1px solid var(--rose-200);line-height:1.3;white-space:nowrap}.liked-gifts-text{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.5;max-width:28rem}.heart-timeline{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem}.heart-event-card{display:flex;gap:.875rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start}.heart-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;background:var(--rose-50);color:var(--rose-700);font-size:var(--text-xs);font-weight:700;white-space:nowrap;flex-shrink:0;border:1px solid var(--rose-200)}.heart-event-text{font-size:var(--text-sm);color:var(--ink);line-height:1.55}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem;margin:.75rem 0 1.5rem}.gift-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:var(--text-xs);font-weight:500;color:var(--ink)}.gift-item .inline-sprite{width:22px;height:22px;margin-right:0;flex-shrink:0}.mine-progression{display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0 2rem}.mine-biome-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.875rem}.mine-biome-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.mine-depth-badge{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink);display:inline-flex;align-items:center;gap:.5rem}.mine-elevator-tag{font-size:var(--text-xs);font-weight:600;padding:.2rem .55rem;border-radius:6px;background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border)}.mine-resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.625rem;font-size:var(--text-xs)}.mine-resource-box{padding:.5rem .65rem;background:var(--surface-3);border-radius:6px;border:1px solid var(--border);color:var(--ink-muted);line-height:1.45}.mine-resource-box strong{display:block;color:var(--ink);margin-bottom:.2rem}.mine-seal-box{background:#faf8f5;border:1px solid #E2D9CE;border-radius:8px;padding:.75rem 1rem;font-size:var(--text-xs);display:flex;flex-direction:column;gap:.35rem}.mine-seal-title{font-weight:700;font-size:var(--text-sm);color:var(--ink);display:flex;align-items:center;gap:.4rem}.guide-toggle-bar{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .75rem;scrollbar-width:none;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.guide-toggle-bar::-webkit-scrollbar{display:none}.guide-toggle-pill{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:.45rem 1rem;font-size:var(--text-xs);font-weight:700;color:var(--ink);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.guide-toggle-pill:hover{background:var(--surface);border-color:var(--brand);transform:translateY(-1px);text-decoration:none}.guide-toggle-pill.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px #00000026}.walkthrough-phases{display:flex;flex-direction:column;gap:2.25rem;margin:1.5rem 0}.quest-phase{display:flex;flex-direction:column;gap:1rem}.quest-phase-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-strong)}.quest-phase-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.5rem}.quest-phase-tag{font-size:var(--text-xs);font-weight:700;padding:.2rem .6rem;border-radius:6px;background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border)}.quest-cards-list{display:flex;flex-direction:column;gap:1rem}.quest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.875rem;transition:border-color .15s}.quest-card:hover{border-color:var(--border-strong)}.quest-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.quest-title-wrap{display:flex;align-items:center;gap:.625rem}.quest-step-badge{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;padding:.2rem .5rem;border-radius:6px;background:#e8efe5;color:#246b3e;border:1px solid #C4D9BE}.quest-name{font-size:1.05rem;font-weight:700;color:var(--ink)}.quest-meta-chips{display:flex;flex-wrap:wrap;gap:.35rem}.quest-chip{font-size:.6875rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border);display:inline-flex;align-items:center;gap:.25rem;text-decoration:none}.quest-chip:hover{color:var(--brand);border-color:var(--brand);text-decoration:none}.quest-desc{font-size:var(--text-sm);color:var(--ink);line-height:1.6}.quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.quest-box{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:.75rem .875rem;font-size:var(--text-xs);display:flex;flex-direction:column;gap:.35rem;line-height:1.45}.quest-box strong{color:var(--ink);display:flex;align-items:center;gap:.35rem}.quest-box-reward{background:#faf8f2;border-color:#e6dcb8}.quest-box-reward strong{color:#7a5b0b}.project-cards-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.125rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.project-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-card-title{font-weight:700;font-size:.95rem;color:var(--ink)}.project-status-badge{font-size:.6875rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;background:#e8efe5;color:#246b3e;border:1px solid #C4D9BE}.project-materials{font-size:var(--text-xs);color:var(--ink-muted);background:var(--surface-3);padding:.5rem .65rem;border-radius:6px;border:1px solid var(--border);line-height:1.4}.project-materials strong{color:var(--ink);display:block;margin-bottom:.15rem}.project-unlock{font-size:var(--text-xs);color:var(--ink);line-height:1.4}.map-overview-wrap{margin:1.5rem 0 2.5rem;display:flex;flex-direction:column;gap:1.5rem}.game-map-viewport-frame{background:#1a1410;border:4px solid #7c4c34;border-radius:var(--radius-lg);padding:.875rem;box-shadow:0 16px 40px #00000073,inset 0 0 0 2px #d4af37,inset 0 0 30px #000000b3;position:relative;overflow:hidden;margin-bottom:2rem}.map-viewport-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem .75rem;border-bottom:2px solid #5c3724;margin-bottom:.75rem;color:#f7e6c4}.map-viewport-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:#f5d78e;text-shadow:0 2px 4px rgba(0,0,0,.6)}.map-viewport-hint{font-size:.75rem;color:#c9b49a}.game-map-canvas{position:relative;width:100%;aspect-ratio:1000 / 640;background:#1a233a;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 30px #0009}.game-map-art-svg{width:100%;height:100%;display:block}.map-hotspot-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;z-index:10;transition:transform .2s cubic-bezier(.34,1.56,.64,1),z-index .1s}.map-hotspot-pin:hover,.map-hotspot-pin:focus{transform:translate(-50%,-65%) scale(1.15);z-index:40;text-decoration:none}.map-hotspot-bubble{width:36px;height:36px;border-radius:50%;background:#231c18;border:2.5px solid #f5d78e;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 12px #0009,0 0 12px #f5d78e66;position:relative;transition:all .2s}.map-hotspot-pin:hover .map-hotspot-bubble{border-color:#fff;background:#7c4c34;box-shadow:0 6px 20px #000c,0 0 20px #f5d78ee6}.map-hotspot-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(245,215,142,.7);animation:mapHotspotPulse 2.4s infinite cubic-bezier(.25,1,.5,1);pointer-events:none}@keyframes mapHotspotPulse{0%{transform:scale(.85);opacity:1}to{transform:scale(1.75);opacity:0}}.map-hotspot-badge{margin-top:4px;background:#16100ceb;color:#f7e6c4;border:1px solid #c89d55;border-radius:6px;padding:.15rem .55rem;font-size:.6875rem;font-weight:700;font-family:var(--font-display);white-space:nowrap;box-shadow:0 3px 10px #00000080;pointer-events:none;transition:all .15s}.map-hotspot-pin:hover .map-hotspot-badge{background:#8c4c30;color:#fff;border-color:#f5d78e}.overworld-nav-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;background:var(--surface-2);border:2px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md)}@media(max-width:860px){.overworld-nav-matrix{grid-template-columns:1fr}}.overworld-cell{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.625rem;text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.overworld-cell:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow-md);text-decoration:none}.overworld-cell-summit,.overworld-cell-beach{grid-column:2}@media(max-width:860px){.overworld-cell-summit,.overworld-cell-beach{grid-column:auto}}.overworld-cell-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.overworld-cell-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.35rem}.overworld-cell-dir{font-size:.6875rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--surface-3);color:var(--ink-muted);border:1px solid var(--border)}.overworld-cell-avatars{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin:.15rem 0}.overworld-cell-avatar-img{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-strong);object-fit:cover;background:var(--surface-3);transition:transform .12s}.overworld-cell:hover .overworld-cell-avatar-img{transform:scale(1.1)}.overworld-cell-desc{font-size:var(--text-xs);color:var(--ink-muted);line-height:1.45}.overworld-cell-landmarks{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.overworld-landmark-tag{font-size:.6875rem;font-weight:600;background:var(--surface-3);padding:.12rem .45rem;border-radius:4px;color:var(--ink);border:1px solid var(--border)}.map-filter-bar{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.map-filter-bar::-webkit-scrollbar{display:none}.map-filter-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:.4rem .875rem;font-size:var(--text-xs);font-weight:600;color:var(--ink);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.map-filter-chip:hover{background:var(--surface-3);border-color:var(--brand);transform:translateY(-1px);text-decoration:none}.region-dossier-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;scroll-margin-top:5rem}.region-dossier-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:.875rem;border-bottom:2px solid var(--border-strong)}.region-dossier-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.5rem}.villagers-visual-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.villager-visual-card{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:.75rem;display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink);transition:transform .12s,border-color .12s,box-shadow .12s}.villager-visual-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 4px 12px #00000014;text-decoration:none}.villager-portrait-img{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-strong);object-fit:cover;background:var(--surface);flex-shrink:0}.villager-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.villager-name{font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.villager-role{font-size:.6875rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.villager-heart-badge{font-size:.625rem;color:#d9534f;font-weight:700}.resources-sprite-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.resource-sprite-item{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);transition:transform .1s,border-color .1s}.resource-sprite-item:hover{transform:translateY(-1px);border-color:var(--brand);text-decoration:none}.resource-sprite-img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.resource-meta{display:flex;flex-direction:column;min-width:0}.resource-name{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-tag{font-size:.625rem;color:var(--ink-muted)}.buildings-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.building-visual-card{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.35rem;font-size:var(--text-xs);line-height:1.45}.building-card-title{font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--ink);display:flex;align-items:center;gap:.35rem}.building-card-hours{color:var(--ink-muted);font-size:.6875rem}.building-card-goods{color:var(--ink);font-size:.75rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-10>*+*{margin-top:2.5rem}.space-y-12>*+*{margin-top:3rem}.max-w-4xl{max-width:56rem;margin-inline:auto}.max-w-5xl{max-width:64rem;margin-inline:auto}.max-w-6xl{max-width:72rem;margin-inline:auto}.max-w-7xl{max-width:var(--content-width);margin-inline:auto}.container{max-width:var(--content-width);margin-inline:auto;padding-inline:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-base{font-size:var(--text-base)}.text-xl{font-size:var(--text-xl)}.leading-relaxed{line-height:1.6}.pill-mistria{background:var(--grass-50);color:var(--grass-700)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-center{text-align:center}main[class*=space-y-]{max-width:var(--content-width);margin-inline:auto;padding:2rem 1rem}main.max-w-4xl,main.max-w-5xl,main.max-w-6xl{padding:2rem 1rem}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.hub-intro{padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.card table{width:100%;font-size:var(--text-sm);border-collapse:collapse;font-variant-numeric:tabular-nums}.card table th,.card table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.card table th{font-weight:600;color:var(--ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-3)}.card table a{font-weight:500}.mobile-hud-bar{display:none}@media(max-width:767px){body{padding-bottom:calc(3.85rem + env(safe-area-inset-bottom,0px))}.mobile-hud-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffdf8f0;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-top:1px solid var(--border-strong);box-shadow:0 -4px 16px #2a232014;padding:.35rem .5rem max(.45rem,env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center}.mobile-hud-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.25rem .5rem;color:var(--ink-muted);text-decoration:none;font-size:.6875rem;font-weight:600;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:color .12s,background .12s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;max-width:4.5rem}.mobile-hud-item:hover,.mobile-hud-item:active{color:var(--brand);background:var(--surface-3);text-decoration:none}.mobile-hud-item.active{color:var(--brand);font-weight:700}.mobile-hud-icon{font-size:1.15rem;line-height:1;display:flex;align-items:center;justify-content:center}}