@font-face{font-family:Pixel Operator;src:url(../assets/fonts/pixel-operator.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Pixel Operator;src:url(../assets/fonts/pixel-operator-bold.woff2)format("woff2");font-weight:700;font-display:block}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-400-thai.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-400-latin.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-600-thai.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-600-latin.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-700-thai.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;src:url(../assets/fonts/prompt/prompt-700-latin.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#0b1820;--bg2:#102331;--panel:#142b3b;--panel2:#1a3549;--line:#2b4a5f;--text:#ece3cf;--muted:#9fb0b8;--gold:#e6b85c;--gold2:#f5d690;--teal:#5fc3b4;--red:#e0675a;--blue:#6aaee8;--green:#79d97c;--side:260px;--top:56px}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--top) + 12px)}body{background:var(--bg) radial-gradient(ellipse at 50% -10%, #17384c 0%, transparent 60%) no-repeat;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.6 Prompt,Pixel Operator,system-ui,sans-serif}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;line-height:1.3}h1{color:var(--gold2);font-size:1.7rem}h2{color:var(--gold);font-size:1.15rem}h3{font-size:1rem}small{font-size:.82em}.muted{color:var(--muted)}img.missing,canvas.missing{visibility:hidden}.topbar{height:var(--top);z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081219f0;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--gold2);align-items:center;gap:8px;font-weight:700;display:flex}.brand img{height:30px}.brand:hover{text-decoration:none}.top-search{flex:1;max-width:520px;margin-left:auto;position:relative}.top-search input,.home-search input,.filter,select{border:1px solid var(--line);background:var(--bg2);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:8px 12px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:-1px}.play-s,.play{color:#1d1408;white-space:nowrap;background:linear-gradient(#e9be62,#b8862f);border-radius:8px;padding:7px 14px;font-weight:700}.play-s:hover,.play:hover{filter:brightness(1.08);text-decoration:none}.menu-btn{color:var(--text);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:22px;display:none}.side{top:var(--top);width:var(--side);z-index:15;border-right:1px solid var(--line);background:#09151df5;padding:12px 10px 40px;position:fixed;bottom:0;left:0;overflow-y:auto}.side-title{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin:16px 8px 6px;font-size:.75rem}.side-group{color:var(--gold);margin:10px 8px 2px;font-size:.78rem}.side-nav a{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.side-nav a img{object-fit:contain;width:26px;height:26px}.side-nav a.sub{padding:3px 8px 3px 14px;font-size:.9rem}.side-nav a.sub img{width:20px;height:20px}.side-nav a small{color:var(--muted);margin-left:auto}.side-nav a:hover{background:var(--panel);text-decoration:none}.side-nav a.on{background:var(--panel2);color:var(--gold2);box-shadow:inset 3px 0 0 var(--gold)}.scrim{display:none}main{margin-left:var(--side);padding:calc(var(--top) + 18px) 28px 60px;max-width:calc(var(--side) + 1180px)}.crumbs{color:var(--muted);margin-bottom:6px;font-size:.85rem}.crumbs a{color:var(--muted)}.crumbs i{margin:0 6px;font-style:normal}.page-head{margin-bottom:18px}.page-head p{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px 18px}.cols{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.cols>.panel{margin-bottom:0}.cols+.panel,.cols+.cols{margin-top:16px}.empty{color:var(--muted);text-align:center;padding:20px 0}.note{color:var(--muted);margin:8px 0 0;font-size:.85rem}.tip,.warn{border-radius:8px;margin:10px 0;padding:10px 14px}.tip{border-left:3px solid var(--teal);background:#5fc3b41f}.warn{border-left:3px solid var(--red);background:#e0675a1f}.badge{background:var(--panel2);color:var(--text);vertical-align:middle;border:1px solid var(--line);border-radius:99px;margin-right:4px;padding:1px 8px;font-size:.75rem;display:inline-block}.badge.gold{color:var(--gold2);background:#4a3714;border-color:#7a5a22}.badge.red{color:#ffb2a8;background:#4a1f1b;border-color:#7a332b}.badge.blue{color:#b5dbff;background:#18334b;border-color:#2c5677}.badge.green{color:#b9f0bb;background:#1d3d22;border-color:#2f6436}.ic{object-fit:contain;flex:none;width:40px;height:40px}.ic-s{object-fit:contain;flex:none;width:26px;height:26px}.ic-xs{object-fit:contain;vertical-align:-3px;flex:none;width:18px;height:18px}.ic-big{object-fit:contain;background:var(--bg2);border:1px solid var(--line);border-radius:12px;flex:none;width:112px;height:112px;padding:8px}.round{object-fit:cover;background:var(--bg2);border-radius:50%}.portrait{object-fit:cover;background:var(--bg2);border:1px solid var(--line);border-radius:10px;flex:none;width:72px;height:72px}.portrait.big{border-radius:14px;width:180px;height:180px}.sprite{image-rendering:pixelated;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.chip small{color:var(--muted)}.chip.boss{border-color:#7a5a22}.chip:hover{border-color:var(--gold);text-decoration:none}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.stat span{color:var(--muted);font-size:.8rem}.stat b{font-variant-numeric:tabular-nums;margin-left:auto}.statgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin:10px 0;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:.8rem;font-weight:600}.tbl td{vertical-align:middle;border-bottom:1px solid #2b4a5f80;padding:6px 8px}.tbl .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tbl.compact td{padding:3px 8px}.tbl tr:hover td{background:#ffffff05}.row-link{color:var(--text);align-items:center;gap:8px;display:inline-flex}.row-link .ic{width:30px;height:30px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tools{flex-wrap:wrap;flex:1;gap:8px;min-width:240px;display:flex}.tools input{flex:1;width:auto;min-width:160px}.tools select{width:auto}.fchips{flex-wrap:wrap;gap:6px;width:100%;display:flex}.fchip,.tab{border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;cursor:pointer;border-radius:99px;padding:5px 12px;font-size:.88rem}.fchip small{color:var(--muted)}.fchip.on,.tab.on{border-color:var(--gold);color:var(--gold2);background:#4a3714}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.count{color:var(--muted);margin:4px 0 10px;font-size:.85rem}.grid{gap:12px;display:grid}.mgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--gold);text-decoration:none;transform:translateY(-2px)}.card h3{margin:0}.card p{margin:0;font-size:.88rem}.mcard.boss{background:linear-gradient(160deg, #2c2614, var(--panel) 60%);border-color:#7a5a22}.mcard-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.stats3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.stats3 .stat{flex-direction:column;align-items:flex-start;gap:0;padding:3px 6px;font-size:.82rem}.stats3 .stat b{margin:0}.drops-mini{color:var(--muted);flex-direction:column;gap:2px;margin-top:8px;font-size:.8rem;display:flex}.drops-mini b{color:var(--text);font-weight:500}.ilist{flex-direction:column;gap:6px;display:flex}.irow{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.irow:hover{border-color:var(--gold);text-decoration:none}.irow-main{flex:1;min-width:0}.irow-main b{display:block}.irow-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.irow-side{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:.82rem;display:flex}.irow-side .buy{color:var(--gold2)}.hero-mon,.hero-item,.hero-job{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:20px;margin-bottom:16px;padding:18px;display:flex}.hero-mon.boss{background:linear-gradient(150deg, #2e2713, var(--panel) 55%);border-color:#7a5a22}.hero-info,.hero-item>div,.hero-job>div{flex:1;min-width:0}.tags{margin:0 0 6px}.where{margin:6px 0 0}.desc{margin:0 0 10px;font-size:1.02rem}.facts{margin:0;padding-left:18px}.facts li{margin:2px 0}.traits{margin:0;padding:0;list-style:none}.traits li{border-bottom:1px solid #2b4a5f80;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.traits li:last-child{border-bottom:0}.traits img{margin-top:3px}.poster-mon{align-items:center;gap:14px;display:flex}.hero-job .sprite{background:radial-gradient(circle at 50% 70%,#24465d,#0000 70%);border-radius:14px}.skill{border-bottom:1px solid #2b4a5f80;gap:12px;padding:12px 0;display:flex}.skill:last-child{border-bottom:0}.skill>div{flex:1;min-width:0}.skill h3{margin-bottom:4px}.lvpick label{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.lvpick label b{color:var(--gold2);min-width:1.5em}.lvpick input{max-width:280px;accent-color:var(--gold);flex:1}.lv-row p{margin:4px 0}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.sk-card{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;gap:10px;padding:10px;display:flex}.sk-card:hover{border-color:var(--gold);text-decoration:none}.sk-card small{color:var(--muted);display:block}.sk-card p{color:var(--muted);margin:4px 0 0;font-size:.85rem}.jgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.jcard{text-align:center}.jcard .sprite{margin:0 auto 6px}.chart{border:1px solid var(--line);border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden}.chart img{width:100%;display:block}.chart.small{max-width:520px}.pin{background:var(--gold);border:3px solid #3b2a0e;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #e6b85c59}.pin span{white-space:nowrap;color:var(--gold2);background:#081219d9;border-radius:6px;padding:1px 8px;font-size:.8rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.pin:hover{text-decoration:none;transform:translate(-50%,-50%)scale(1.15)}.pin.here{background:var(--red)}.mapgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.faces{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.npc-head{align-items:center;gap:14px;display:flex}.npc-head h2{align-items:center;gap:6px;margin:0;display:flex}.npc-head p{margin:2px 0}.quote{color:var(--muted);font-style:italic}details summary{cursor:pointer;color:var(--gold);margin:10px 0 6px}.note-card h2{color:var(--text)}.note-card ul{margin:0;padding-left:20px}.mini-note{border-bottom:1px solid #2b4a5f80;flex-direction:column;padding:8px 0;display:flex}.guide{font-size:1rem}.guide h3{color:var(--gold);margin-top:1.2em}.guide h3:first-child{margin-top:0}.guide table{border-collapse:collapse;width:100%;margin:8px 0}.guide th,.guide td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.guide th{color:var(--muted);font-size:.85rem}.glist{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.gcard{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.gcard:hover{border-color:var(--gold);text-decoration:none}.gcard small{color:var(--muted);display:block}.home-hero{z-index:2;text-align:center;border:1px solid var(--line);background:linear-gradient(#0812198c,#081219e6),url(../assets/ui/galleon/boot-keyart.webp) 50% 35%/cover;border-radius:16px;margin-bottom:18px;padding:42px 20px 34px;position:relative}.home-hero .logo{width:min(420px,80%)}.home-hero p{max-width:560px;margin:8px auto 16px}.home-search{max-width:560px;margin:0 auto 16px;position:relative}.home-search input{border-radius:12px;padding:12px 16px;font-size:1.05rem}.home-db{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.dbcard{background:var(--panel);border:1px solid var(--line);color:var(--text);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.dbcard img{object-fit:contain;width:48px;height:48px}.dbcard small{color:var(--muted)}.dbcard:hover{border-color:var(--gold);text-decoration:none}.search-results{z-index:30;text-align:left;border:1px solid var(--line);background:#0f2230;border-radius:10px;max-height:60vh;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000080}.search-results a{color:var(--text);border-bottom:1px solid #2b4a5f80;align-items:center;gap:10px;padding:7px 10px;display:flex}.search-results a:hover,.search-results a:focus{background:var(--panel2);text-decoration:none}.search-results img{object-fit:contain;border-radius:6px;width:30px;height:30px}.search-results small{color:var(--muted);display:block}@media (width<=900px){.menu-btn{display:block}.side{transition:transform .2s;transform:translate(-100%)}body.nav-open .side{transform:none}body.nav-open .scrim{z-index:12;background:#00000080;display:block;position:fixed;inset:0}main{padding:calc(var(--top) + 12px) 16px 48px;margin-left:0}.brand span,.play-s{display:none}}@media (width<=600px){.hero-mon,.hero-item,.hero-job{flex-direction:column;align-items:center}.portrait.big{width:140px;height:140px}.cols{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}.tbl{font-size:.85rem}h1{font-size:1.4rem}}