:root{--ink:#3a2410;--cream:#fff4e0;--yellow:#ffe066;--paper:#fffaf0;--paper-ink:#2a1d14;--win-bg:linear-gradient(#3a2a1df2, #22170ff2);--radius-win:16px;--radius-pill:999px;--radius-field:10px;--shadow-hard:0 4px 0 #0006;--shadow-win:0 10px 0 #0005, 0 18px 40px #0008;--stroke:1.5px}.ui-title,.ui-subtitle,.ui-label{color:var(--cream);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);letter-spacing:.3px;font-weight:900}.ui-title{margin:0;font-size:26px;line-height:1.1}.ui-title .sub{color:var(--yellow);-webkit-text-stroke-width:1px;text-shadow:0 2px 0 var(--ink);margin-left:10px;font-size:14px}.ui-subtitle{color:var(--yellow);-webkit-text-stroke-width:1px;text-shadow:0 2px 0 var(--ink);margin:14px 0 8px;font-size:16px}.ui-label{-webkit-text-stroke-width:0;text-shadow:0 2px 0 var(--ink);font-size:14px}.ui-hint{color:#e8dcc4;text-shadow:0 1px #000;margin:6px 0 0;font-size:13px}.ui-window{background:var(--win-bg);border:3px solid var(--ink);border-radius:var(--radius-win);box-shadow:var(--shadow-win), inset 0 0 0 2px #ffffff12, inset 0 2px 0 #ffffff1f;padding:18px 20px 20px}.ui-confirm{animation:.28s cubic-bezier(.2,1.3,.4,1) both ui-pop}.ui-window .topbar{margin-bottom:14px}@keyframes ui-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ui-confirm{animation:none}}.btn{font:900 15px var(--font);letter-spacing:.4px;color:#fff;border:3px solid var(--ink);border-radius:var(--radius-pill);text-shadow:0 2px #0008;box-shadow:var(--shadow-hard), inset 0 2px 0 #fff5;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 20px;transition:transform 80ms,filter 80ms;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px #0006,inset 0 2px #fff3}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn:disabled{filter:grayscale(.7)brightness(.85);cursor:not-allowed;transform:none}.btn-green{--btn-bg:linear-gradient(#6fdc5f, #2e9a3a);border-color:#1e3a12}.btn-blue{--btn-bg:linear-gradient(#57b4f0, #1f6aa8);border-color:#12304a}.btn-purple{--btn-bg:linear-gradient(#b48af0, #6a3ab0);border-color:#2a1a4a}.btn-wood{--btn-bg:linear-gradient(#8a6440, #5a3e24);border-color:var(--ink)}.btn-red{--btn-bg:linear-gradient(#f07a62, #b8342a);border-color:#4a120c}button.btn,button.btn:hover{background:var(--btn-bg,linear-gradient(#8a6440, #5a3e24));color:#fff}button.btn-wood[aria-pressed=true],button.btn-wood[aria-pressed=true]:hover{color:var(--paper-ink);text-shadow:0 1px #fff8;background:linear-gradient(#ffe066,#d8a830)}.btn-sm{border-width:2px;padding:5px 14px;font-size:13px}.btn-lg{padding:11px 26px;font-size:18px}.btn-block{width:100%}.ui-close{width:40px;height:40px;font:900 18px var(--font);color:#fff;text-shadow:0 2px #0008;box-shadow:var(--shadow-hard), inset 0 2px 0 #fff5;cursor:pointer;background:linear-gradient(#f07a62,#b8342a);border:3px solid #4a120c;border-radius:50%;flex:none;padding:0;transition:transform 80ms}.ui-close:hover{background:linear-gradient(#ff8e76,#c8443a);transform:rotate(8deg)scale(1.06)}.ui-close:active{transform:translateY(2px)}.ui-tabs{border:2px solid var(--ink);border-radius:var(--radius-pill);background:#0005;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:5px;display:flex}.ui-tabs [role=tab]{min-width:0;font:900 13px var(--font);white-space:nowrap;color:var(--cream);border-radius:var(--radius-pill);text-shadow:0 2px 0 var(--ink);cursor:pointer;background:0 0;border:0;flex:1;padding:7px 10px}.ui-tabs [role=tab]:hover{background:#ffffff14}.ui-tabs [role=tab][aria-selected=true]{color:var(--paper-ink);text-shadow:0 1px #fff8;background:linear-gradient(#ffe066,#d8a830);box-shadow:0 3px #0006,inset 0 2px #fff8}.ui-input{width:100%;font:600 16px var(--font);color:var(--paper-ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-field);padding:9px 12px;box-shadow:inset 0 2px #0001}.ui-input::placeholder{color:#a8957c;font-style:italic}.ui-input:focus{outline:3px solid var(--focus);outline-offset:1px}.ui-range{appearance:none;border:2px solid var(--ink);border-radius:var(--radius-pill);background:#0006;height:12px}.ui-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);cursor:pointer;background:linear-gradient(#ffe066,#d8a830);border-radius:50%;width:20px;height:20px;box-shadow:0 2px #0006}.ui-range::-moz-range-thumb{border:2px solid var(--ink);cursor:pointer;background:linear-gradient(#ffe066,#d8a830);border-radius:50%;width:18px;height:18px}.ui-range:disabled{opacity:.45}.ui-card{border:2px solid var(--ink);background:#0004;border-radius:12px;padding:12px 14px;box-shadow:inset 0 1px #ffffff14}.ui-row{border:2px solid var(--ink);background:#0003;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.ui-stack{flex-direction:column;gap:10px;display:flex}.ui-badge{min-width:20px;font:900 12px/18px var(--font);text-align:center;color:var(--paper-ink);background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius-pill);padding:0 6px;display:inline-block}.ui-confirm-backdrop{z-index:50;font-family:var(--font);background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ui-confirm{text-align:center;width:min(380px,100%)}.ui-confirm p{color:var(--cream);text-shadow:0 2px #000;margin:10px 0 16px;font-size:16px}.ui-confirm .ui-actions{justify-content:center}.ui-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.panel,.dialogue,.toast-card{background:var(--win-bg);border:3px solid var(--ink);border-radius:var(--radius-win);box-shadow:var(--shadow-win), inset 0 0 0 2px #ffffff12, inset 0 2px 0 #ffffff1f}.toast-card{box-shadow:0 5px #0006,inset 0 2px #ffffff1f}.panel h2,.dlg-name,.toast-card strong{color:var(--cream);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);letter-spacing:.3px;font-weight:900}.panel h2{font-size:26px;line-height:1.1}.panel h2 .sub,.dlg-name span{color:var(--yellow);-webkit-text-stroke:0;text-shadow:0 2px 0 var(--ink);font-weight:800}.toast-card strong{color:var(--yellow);-webkit-text-stroke-width:1px;text-shadow:0 2px 0 var(--ink);font-size:15px}.dlg-name{color:var(--yellow);font-size:20px}.panel h3,.panel h4{color:var(--yellow);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);letter-spacing:.2px;font-weight:900}.panel h3{font-size:16px}.panel strong{font-weight:900}.panel .hint,.dlg-page,.dlg-hint,.friend-where,.slot .meta{color:#e0d2b8}:is(.panel,.dialogue,.toast-card) button:not(.btn,.inv-slot,.gear-slot,.trade-slot,.swatch,.class-card,.portal-option,.clear,.close,.ui-close,.link,[role=tab]){letter-spacing:.3px;color:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);text-shadow:0 2px #0008;background:linear-gradient(#8a6440,#5a3e24);font-weight:900;transition:transform 80ms,filter 80ms;box-shadow:0 3px #0006,inset 0 2px #fff4}:is(.panel,.dialogue,.toast-card) button:not(.btn,.inv-slot,.gear-slot,.trade-slot,.swatch,.class-card,.portal-option,.clear,.close,.ui-close,.link,[role=tab]):hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}:is(.panel,.dialogue,.toast-card) button:not(.btn,.inv-slot,.gear-slot,.trade-slot,.swatch,.class-card,.portal-option,.clear,.close,.ui-close,.link,[role=tab]):active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0006}:is(.panel,.dialogue,.toast-card) button.primary:not(.btn,.portal-option,[role=tab]){color:#fff;background:linear-gradient(#6fdc5f,#2e9a3a);border-color:#1e3a12}:is(.panel,.dialogue,.toast-card) button.danger:not(.btn){color:#fff;background:linear-gradient(#f07a62,#b8342a);border-color:#4a120c}.panel button[aria-pressed=true]:not(.btn,.swatch,.class-card){color:var(--paper-ink);text-shadow:0 1px #fff8;background:linear-gradient(#ffe066,#d8a830)}.panel button.link{color:#e0d2b8}.panel button.close,.dialogue button.close{width:38px;height:38px;font:900 18px var(--font);color:#fff;text-shadow:0 2px #0008;box-shadow:var(--shadow-hard), inset 0 2px 0 #fff5;background:linear-gradient(#f07a62,#b8342a);border:3px solid #4a120c;border-radius:50%;padding:0;transition:transform 80ms}.panel button.close:hover,.dialogue button.close:hover{color:#fff;background:linear-gradient(#ff8e76,#c8443a);transform:rotate(8deg)scale(1.06)}.panel .tabs{border:2px solid var(--ink);border-radius:var(--radius-pill);background:#0005;flex-wrap:nowrap;gap:4px;padding:5px}.panel .tabs button{min-width:0;color:var(--cream);border-radius:var(--radius-pill);text-shadow:0 2px 0 var(--ink);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-weight:900;display:flex}.panel .tabs button:hover{color:#fff;background:#ffffff14}.panel .tabs button[aria-selected=true]{color:var(--paper-ink);text-shadow:0 1px #fff8;background:linear-gradient(#ffe066,#d8a830);box-shadow:0 3px #0006,inset 0 2px #fff8}.char-panel .tabs{border-radius:var(--radius-pill)}.panel input[type=text],.panel input[type=password],.panel input[type=number],.chat-input input{font-family:var(--font);color:var(--paper-ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-field);font-weight:600;box-shadow:inset 0 2px #0001}.panel input::placeholder,.chat-input input::placeholder{color:#a8957c;font-style:italic}.panel input:focus,.chat-input input:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--ink)}.attr-row,.power-card,.quest-card,.details,.bank-gold,.friend-row,.trade-side,.kit-row,.gear-total,.slot,.gear-slot,.online-box,.class-card{border:2px solid var(--ink);background:#0004;border-radius:12px;box-shadow:inset 0 1px #ffffff14}.char-panel .attr-row,.char-panel .power-card{border-width:2px}.bestiary details{border:2px solid var(--ink);background:#0004;border-radius:12px}.monster-card{background:#0005;border-radius:10px}.bestiary summary{font-weight:800}.gear-slot,.gear-slot:hover{color:var(--cream)}.gear-slot:hover{background:#ffffff14}.inv-slot,.trade-slot{border:2px solid var(--ink);background:#0005;border-radius:10px;box-shadow:inset 0 2px #0004}.inv-slot:hover:not(:disabled),.trade-slot:hover:not(:disabled){background:#ffffff14}.inv-slot.selected,.gear-slot.selected{border-color:var(--yellow);box-shadow:0 0 0 2px #ffe06666}.inv-slot .clear{color:#fff;background:linear-gradient(#f07a62,#b8342a);border:2px solid #4a120c}.hero-preview{border:2px solid var(--ink);background:#0004;border-radius:12px}.level-track{background:#0007;height:6px}.chip{color:var(--cream);border:2px solid var(--ink);background:#0005;font-weight:900}.chip.has{color:var(--paper-ink);background:linear-gradient(#ffe066,#d8a830)}.tabs .badge{color:var(--paper-ink);background:var(--yellow);border:2px solid var(--ink);font-weight:900}.gold,.trade-gold{color:var(--yellow);text-shadow:0 2px 0 var(--ink);font-weight:900}.panel .toast{text-shadow:0 1px #000;font-weight:800}.dlg-portrait{border-radius:12px}.shop-panel{width:min(680px,100%)}.shop-head{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.shop-head img{width:48px;image-rendering:pixelated;flex:none}.shop-head p{color:#e0d2b8;margin:2px 0 0;font-size:13px;font-style:italic}.shop-gold{flex:none;font-size:18px}.shop-list{flex-direction:column;gap:8px;max-height:min(46vh,380px);padding-right:6px;display:flex;overflow-y:auto}.shop-section{margin:8px 0 0}.shop-item{border:2px solid var(--ink);background:#0004;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid;box-shadow:inset 0 1px #ffffff14}.shop-item.mine{border-color:#b8863a}.shop-item img{object-fit:contain;width:36px;height:36px;image-rendering:pixelated}.shop-text{min-width:0}.shop-text strong{color:var(--cream);text-shadow:0 2px 0 var(--ink);font-size:15px;display:block}.shop-text small{color:#e0d2b8;font-size:12px;line-height:1.35;display:block}.shop-item .btn{white-space:nowrap;min-width:112px}@media (width<=520px){.shop-item{grid-template-columns:36px 1fr}.shop-item .btn{grid-column:1/-1}}*{box-sizing:border-box}html{scroll-padding-top:76px}body{color:var(--cream);background:#10131c;margin:0;font:15px/1.5 Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--yellow)}a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ffe9a3}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wiki-top{z-index:5;border-bottom:3px solid var(--ink);background:#1b140ef5;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 20px;display:flex;position:sticky;top:0}.wiki-brand{align-items:center;gap:10px;font-size:17px;font-weight:900;text-decoration:none;display:flex}.wiki-brand img{image-rendering:pixelated}.wiki-search{flex:220px}.wiki-search input{width:100%;font:inherit;color:var(--paper-ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-field);padding:8px 14px}.wiki-play{color:#fff;text-shadow:0 2px #0008;border-radius:var(--radius-pill);background:linear-gradient(#6fdc5f,#2e9a3a);border:2px solid #1e3a12;padding:8px 18px;font-weight:900;text-decoration:none;box-shadow:0 3px #0006}.wiki-body{grid-template-columns:200px minmax(0,1fr);max-width:1320px;margin:0 auto;display:grid}.wiki-nav{flex-direction:column;align-self:start;gap:4px;padding:16px 10px 16px 16px;display:flex;position:sticky;top:62px}.wiki-nav a{color:var(--cream);border:2px solid #0000;border-radius:10px;padding:8px 12px;font-weight:700;text-decoration:none}.wiki-nav a:hover{background:#ffffff10}.wiki-nav a[aria-current=true]{color:var(--paper-ink);border-color:var(--ink);background:linear-gradient(#ffe066,#d8a830)}.wiki-main{min-width:0;padding:16px 20px 60px}.wiki-wait{color:var(--yellow);font-weight:900}.wiki-main section[hidden],.wiki-group[hidden],.wiki-entry[hidden]{display:none}h1,h2,h3{letter-spacing:.3px;paint-order:stroke fill;-webkit-text-stroke:1px var(--ink);text-shadow:0 2px 0 var(--ink);font-weight:900;line-height:1.15}h1{color:var(--cream);-webkit-text-stroke-width:1.5px;margin:0 0 8px;font-size:30px}.wiki-group>h2{color:var(--yellow);margin:26px 0 10px;font-size:21px}.wiki-lead{color:#e8dcc4;max-width:72ch;margin:0 0 14px}.wiki-count{color:var(--yellow);margin:0 0 12px;font-weight:700}.wiki-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.wiki-entry{background:var(--win-bg);border:3px solid var(--ink);border-radius:14px;min-width:0;padding:12px 14px;box-shadow:inset 0 1px #ffffff1f}.wiki-entry:target,.wiki-entry.flash{border-color:var(--yellow)}.wiki-entry h3{color:var(--yellow);margin:0;font-size:17px}.wiki-entry p{margin:6px 0}.wiki-head{align-items:center;gap:12px;display:flex}.wiki-sub{color:#d8c8a8;margin-top:2px;font-size:12.5px;font-weight:600;display:block}.wiki-art{width:72px;height:72px;color:var(--yellow);background:#0005;border-radius:10px;flex:none;place-items:center;display:grid}.wiki-art img{max-width:64px;max-height:64px;image-rendering:pixelated}.wiki-art img:not([src]){background:#ffffff0d;border-radius:6px;width:40px;height:40px}.wiki-art .ico{width:40px;height:40px}.wiki-art.tall{width:88px;height:128px}.wiki-art.tall img{max-width:80px;max-height:120px}.wiki-pano{aspect-ratio:48/23;width:100%;image-rendering:pixelated;background:#0005;border-radius:10px;margin-bottom:10px;display:block}.wiki-facts{flex-wrap:wrap;gap:4px 6px;margin:8px 0;padding:0;font-size:12.5px;list-style:none;display:flex}.wiki-facts li{background:#0005;border-radius:999px;padding:1px 8px}.wiki-facts b{color:var(--yellow)}.wiki-label{letter-spacing:.4px;color:var(--yellow);text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:800;display:block}.wiki-route{margin:2px 0 6px;font-size:13.5px}.wiki-list{margin:2px 0 6px;padding-left:18px;font-size:13.5px}.wiki-chips{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.wiki-chip{background:#0005;border-radius:8px;align-items:center;gap:6px;padding:2px 10px 2px 3px;font-size:13px;text-decoration:none;display:inline-flex}.wiki-chip:hover{background:#ffffff18}.wiki-chip img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated}.wiki-scroll{overflow-x:auto}.wiki-table{border-collapse:collapse;width:100%;min-width:560px;margin-top:8px;font-size:13px}.wiki-table th{text-align:left;color:var(--yellow);border-bottom:2px solid var(--ink);padding:4px 8px;font-weight:800}.wiki-table td{vertical-align:middle;border-bottom:1px solid #ffffff14;padding:5px 8px}.wiki-table img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;display:block}.wiki-wide{grid-column:1/-1}@media (width<=820px){html{scroll-padding-top:150px}.wiki-body{display:block}.wiki-nav{z-index:4;background:#10131cf5;flex-direction:row;padding:8px 16px;top:102px;overflow-x:auto}.wiki-nav a{flex:none}.wiki-main{padding:12px 16px 48px}.wiki-grid{grid-template-columns:minmax(0,1fr)}}
