html,body{margin:0;height:100%;background:#10141c;overflow:hidden}#app{width:100%;height:100%}.pass-panel{display:grid;gap:8px}.pass-panel .row{display:flex;gap:8px;flex-wrap:wrap}.pass-status{margin:0;font-weight:800;font-size:16px}.pass-price,.pass-hint{margin:0}.pass-note{margin:0;min-height:1.2em}.pass-note.err{color:#a63b1c;font-weight:700}.pass-guide{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;z-index:60;background:#0a08068c}.pass-guide>.panel{width:min(460px,calc(100vw / var(--ui-zoom, 1) - 32px));padding:20px 22px}.pass-guide h2{margin:0 0 8px}.billing-return{margin:0 0 12px;padding:10px 14px;border-radius:8px;font-weight:700}.billing-return.ok{background:#e3f3dc;color:#24562a}.billing-return.err{background:#f7e0d6;color:#8a2f14}.pass-confirm{align-items:center;padding:8px;border-radius:8px;background:#a63b1c14}.pass-confirm[hidden]{display:none}.inv-form{display:grid;gap:6px;margin:4px 0;padding:8px 12px 10px;border:1px solid rgba(90,60,30,.35);border-radius:8px}.inv-form legend{font-weight:800;padding:0 4px}.inv-field{display:grid;gap:2px;font-size:14px}.inv-field[hidden]{display:none}.inv-summary{margin:0;font-weight:700}.menu-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:700;line-height:18px;text-align:center;color:#fff;background:#b8322a;border:1px solid #fbe3a0;box-shadow:0 1px 2px #00000080;pointer-events:none}.nc-cards,.nc-mails{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:360px;overflow-y:auto}.nc-card{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:4px;border:1px solid rgb(110 69 38 / .3)}.nc-dot{width:10px;height:10px;border-radius:50%;background:#8a7f72;box-shadow:inset 0 0 0 1px #00000059}.nc-card.online .nc-dot{background:#4caf50}.nc-who{display:grid;gap:2px}.nc-lv,.nc-where{font-size:12px;color:var(--ink-soft)}.nc-acts{display:flex;gap:4px}.nc-mail{border-radius:4px;background:#fffaeb8c;border:1px solid rgb(110 69 38 / .25)}.nc-mail-head{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:4px 8px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.nc-mail-head time{margin-left:auto;font-size:11px;color:var(--ink-soft)}.nc-mail.unread .nc-mail-head b{font-weight:800}.nc-new{padding:0 6px;border-radius:9px;font-size:11px;color:#fff;background:#b8322a}.nc-mail-body{display:grid;gap:4px;padding:0 8px 8px}.nc-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.nc-write{display:grid;gap:8px}.nc-textarea{width:100%;resize:vertical;box-sizing:border-box}.nc-count-chars{color:var(--ink-soft)}.nc-mail-body .pb-btn{justify-self:end}.pet-alloc .pa-left{margin:4px 0;font-weight:700}.pet-alloc .pa-note{margin:4px 0;padding:4px 8px;border-radius:4px;color:var(--hp-lo);background:#d4483b1f;border:1px solid rgb(141 34 25 / .35)}.pet-alloc .pa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;align-items:start}.pet-alloc .pa-row{display:grid;grid-template-columns:3em 2.5em 2.5em 32px 32px;align-items:center;gap:4px;font-size:13px}.pet-alloc .pa-key{font-weight:800;color:var(--wood-700)}.pet-alloc .pa-val{text-align:right;font-variant-numeric:tabular-nums}.pet-alloc .pa-add{color:var(--ok);font-weight:800;font-variant-numeric:tabular-nums}.pet-alloc .pa-step{min-width:32px;height:28px;padding:0}.pet-alloc .pa-preview{display:grid;gap:2px;margin:0;font-size:13px}.pet-alloc .pa-preview div{display:flex;justify-content:space-between;padding:2px 6px;border-radius:4px;background:#fffaeb8c;border:1px solid rgb(120 80 40 / .25)}.pet-alloc .pa-preview dt{font-weight:800;color:var(--wood-700)}.pet-alloc .pa-preview dd{margin:0;font-variant-numeric:tabular-nums}.pet-alloc .pa-preview .up dd{color:var(--ok);font-weight:800}.pet-alloc .pa-actions{display:flex;gap:8px;margin-top:8px}.pet-alloc .err:empty{display:none}.pet-alloc .err{margin:4px 0 0;color:var(--hp-lo);font-weight:700}.pa-tab-dot{display:inline-block;margin-left:4px;padding:0 5px;border-radius:8px;font-size:11px;font-weight:800;line-height:16px;color:#fff;background:var(--hp);border:1px solid var(--hp-lo)}.pa-menu-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:800;line-height:16px;text-align:center;color:#fff;background:var(--hp);border:1px solid var(--hp-lo);pointer-events:none}.gather-auto.pb-frame{pointer-events:auto;position:absolute;right:16px;bottom:84px;width:260px;padding:10px 12px;z-index:41;display:grid;gap:6px;font-size:14px;color:var(--brass-hi, #ffe7a8);text-shadow:0 1px 0 #000;background:var(--pb-plaque-image, #3a2a18);border-radius:8px}.gather-auto h4{margin:0;font-size:15px;font-weight:800}.gather-auto p{margin:0}.gather-auto .counts{display:flex;gap:12px;font-weight:800}.gather-auto .counts .ok{color:#bff0a8}.gather-auto .counts .miss{color:#d9d4cc}.gather-auto ul{margin:0;padding-left:18px;max-height:96px;overflow:auto}.gather-auto .life-empty{color:#d9d4cc}.gather-auto .meta{display:flex;justify-content:space-between}.gather-auto .stop-reason{font-weight:800;color:#ffb08a}.gather-bar .to-auto{pointer-events:auto;justify-self:center;font-size:13px}.float-self{position:absolute;z-index:45;transform:translate(-50%,-100%);pointer-events:none;font-weight:800;font-size:18px;text-shadow:0 1px 2px #000;animation:float-self-up 1s ease-out forwards}.float-self.miss{color:#c9c4bd}@keyframes float-self-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-28px}}:root{--parch: #f4e6c8;--parch-2: #eadbb8;--ink: #2e211b;--ink-soft: #6b5445;--line: #8a5a3c;--accent: #b5523b;--good: #4c9a5a;--enemy: #c0563f;--radius: 8px;--font: "Noto Sans CJK TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}html,body{margin:0;height:100%;background:#10141c;overflow:hidden;font:15px / 1.5 var(--font);color:var(--ink)}#app{position:relative;width:100%;height:100%}.stage{position:absolute;inset:0;display:block}.ui-layer,.battle-layer,.float-layer{position:absolute;inset:0;pointer-events:none}.ui-layer small{font-size:max(11px,.83em)}.panel,.btn,.unit-tag,.toast,.mock-badge{pointer-events:auto}.panel{background:color-mix(in srgb,var(--parch) 94%,transparent);border:2px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 4px 16px #00000040}.panel h2{margin:0 0 12px;font-size:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{font:inherit;color:var(--ink);background:var(--parch-2);border:2px solid var(--line);border-radius:var(--radius);padding:8px 16px;min-height:44px;cursor:pointer}.btn.primary{background:var(--accent);border-color:#7d3526;color:#fff8ec;font-weight:700}.btn.link{background:none;border-color:transparent;text-decoration:underline}.btn.small{min-height:36px;padding:4px 12px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-weight:700}.field input,.field select,.target select{font:inherit;padding:8px;border:2px solid var(--line);border-radius:6px;background:#fffaf0;color:var(--ink);min-height:40px}.field input[aria-invalid=true]{border-color:var(--enemy)}.field-hint{margin:0;font-size:13px;color:var(--ink-soft)}.turnstile-slot{min-height:68px;margin:4px 0 8px}.turnstile-slot[hidden]{display:none}.field-error,.form-status{margin:0;min-height:20px;font-size:13px;color:#a1331f;font-weight:700}.form-notice{margin:0 0 8px;color:var(--good);font-weight:700}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lobby{position:absolute;top:0;left:0;bottom:0;width:min(420px,100%);padding:24px 16px;box-sizing:border-box;overflow-y:auto;pointer-events:auto}.title h1{margin:0 0 12px;line-height:0}.title .logo{display:block;width:min(351px,calc(36vh / var(--ui-zoom, 1)));max-width:100%;height:auto;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .35))}.title .subtitle{margin:0 0 16px;color:#fff8ec;letter-spacing:.2em;text-shadow:0 1px 4px rgb(0 0 0 / .5)}.char-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.btn.char{width:100%;display:flex;justify-content:space-between}.starters{border:2px solid var(--line);border-radius:var(--radius);padding:8px 12px 12px;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.starters legend{font-weight:700;padding:0 4px}.starter{display:flex;align-items:center;gap:8px;padding:8px;border:2px solid var(--parch-2);border-radius:6px;background:#fffaf0;cursor:pointer;min-height:44px;box-sizing:border-box}.starter:has(input:checked){border-color:var(--accent);background:#fbe9dc}.starter-name{font-weight:700;flex:1}.starter-el{font-size:13px;padding:0 8px;border-radius:12px;background:var(--parch-2)}.hud{position:absolute;top:12px;left:12px;max-width:min(360px,calc(100% - 24px));padding:8px 12px}.hud p{margin:0 0 4px}.hud-map{font-weight:700;font-size:17px}.hud-hint{font-size:12px;color:var(--ink-soft)}.encounter-banner,.turn-banner{position:absolute;left:50%;top:16px;transform:translate(-50%);margin:0;padding:4px 16px;font-weight:700;font-size:20px;color:#fff8ec;background:#2e211bbf;border-radius:16px}.turn-banner:empty{display:none}.encounter-banner{top:40%;font-size:40px;padding:8px 32px;background:#b5523be6}.unit-tags{position:absolute;inset:0;pointer-events:none;isolation:isolate}.unit-tag{z-index:var(--depth, 0);position:absolute;left:0;top:0;pointer-events:none;min-width:96px;padding:2px 8px 4px;border-radius:6px;background:#2e211bb8;color:#fff8ec;font-size:12px;text-align:center;white-space:nowrap}.unit-tag.enemy{box-shadow:inset 0 -2px 0 var(--enemy)}.unit-tag.down{opacity:.55;filter:grayscale(1)}.unit-name{display:block;font-weight:700}.hp-bar{display:block;height:6px;margin:2px 0;background:#ffffff40;border-radius:3px;overflow:hidden}.hp-fill{display:block;height:100%;background:var(--good);transition:width .25s}.unit-tag.enemy .hp-fill{background:var(--enemy)}.command-menu{position:absolute;right:12px;bottom:12px;width:min(420px,calc(100% - 24px));max-height:calc(100% - 80px);overflow-y:auto;box-sizing:border-box}.cmd-group{border:2px solid var(--parch-2);border-radius:var(--radius);margin:0 0 12px;padding:8px 12px}.cmd-group legend{font-weight:700;padding:0 4px}.choices{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}.choice{display:inline-flex;align-items:center;gap:4px;min-height:32px;cursor:pointer}.choice.disabled{opacity:.5;cursor:not-allowed}.target{display:flex;align-items:center;gap:8px}.target select{flex:1}.float-layer{z-index:2}.command-menu{z-index:3}.result{z-index:20}.float{position:absolute;transform:translate(-50%,-100%);font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 0 #7d3526,0 0 6px rgb(0 0 0 / .6);animation:float-up 1.8s ease-out forwards;white-space:nowrap}.float.crit{font-size:30px;color:#ffd166}.float.heal{color:#b9f5c4;text-shadow:0 2px 0 #2c6b38,0 0 6px rgb(0 0 0 / .6)}.float.info{font-size:16px}@keyframes float-up{0%{opacity:1;margin-top:0}70%{opacity:1;margin-top:-28px}to{opacity:0;margin-top:-40px}}.result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 32px));box-sizing:border-box}.result dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 16px}.result dt{font-weight:700}.result dd{margin:0}.toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:8px 16px;border-radius:var(--radius);background:#2e211bd9;color:#fff8ec;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.mock-badge{position:absolute;right:12px;top:12px;margin:0;padding:2px 8px;font-size:12px;border-radius:12px;background:#2e211bb3;color:#ffd166;pointer-events:none}.loading,.boot-error{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#fff8ec}@media(prefers-reduced-motion:reduce){.float{animation:none}.hp-fill,.toast{transition:none}}.looks{border:2px solid var(--line);border-radius:var(--radius);padding:6px 10px 10px;margin:0 0 12px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.looks legend{padding:0 4px;font-weight:700}.looks .look{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid transparent;border-radius:8px;background:#ffffff8c;cursor:pointer;overflow:hidden}.looks .look img{width:100%;height:100%;object-fit:cover;object-position:top}.looks .look input{position:absolute;opacity:0;pointer-events:none}.looks .look:hover{border-color:var(--brass, #b98b3e)}.looks .look:has(input:checked){border-color:#e5533f;box-shadow:0 0 0 2px #ffd873}.looks .look:has(input:focus-visible){outline:3px solid var(--focus)}.blinds{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:auto}.blinds[hidden]{display:none}.blinds-bars{position:absolute;left:50%;top:50%;width:120vmax;height:120vmax;display:flex;flex-direction:column;transform:translate(-50%,-50%) rotate(var(--angle, 0deg))}.blinds-bars .bar{flex:1 1 0;display:block;margin:-1px 0;transform:scaleX(0);transition:transform var(--strip-ms, 275ms) cubic-bezier(.55,0,.35,1);transition-delay:calc(var(--i) * var(--stagger-ms, 48ms));box-shadow:inset 0 3px #ffe7a81a,inset 0 -3px #00000073;will-change:transform}.blinds-bars .bar.from-start{transform-origin:left center}.blinds-bars .bar.from-end{transform-origin:right center}.blinds-bars .bar.from-centre{transform-origin:center}.blinds-bars .bar.from-start.alt{transform-origin:right center}.blinds-bars .bar.from-end.alt{transform-origin:left center}.blinds[data-state=shut] .bar{transform:scaleX(1)}.blinds[data-state=opening] .bar{transition-delay:calc((var(--n) - 1 - var(--i)) * var(--stagger-ms, 48ms))}.blinds-caption{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#ffe7a8;font-size:24px;font-weight:800;letter-spacing:.12em;text-shadow:0 2px 8px rgb(0 0 0 / .9)}.blinds-caption[hidden]{display:none}.blinds-caption p{margin:0}.blinds-spin{width:28px;height:28px;border-radius:50%;border:3px solid rgb(255 231 168 / .25);border-top-color:#ffe7a8;animation:blinds-spin .8s linear infinite}@keyframes blinds-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.blinds-bars .bar{transition-duration:1ms}}.vfx-flash{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;z-index:1}.float{animation:float-pop 1.6s cubic-bezier(.2,.8,.3,1) forwards;transform-origin:50% 100%}.float.crit{font-size:34px;color:#ffd166;text-shadow:0 2px 0 #8a3b12,0 0 12px rgb(255 150 50 / .85);animation-name:float-crit}.float.heal{animation-name:float-heal}.float.curse{color:#ecc8ff;text-shadow:0 2px 0 #4b1580,0 0 10px rgb(170 90 255 / .8)}@keyframes float-pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.4)}8%{opacity:1;transform:translate(-50%,calc(-100% - 10px)) scale(1.35)}18%{transform:translate(-50%,-100%) scale(1)}70%{opacity:1;transform:translate(-50%,calc(-100% - 24px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-100% - 38px)) scale(.9)}}@keyframes float-crit{0%{opacity:0;transform:translate(-50%,-100%) scale(.3) rotate(-10deg)}9%{opacity:1;transform:translate(-50%,calc(-100% - 14px)) scale(1.7) rotate(5deg)}18%{transform:translate(-50%,-100%) scale(1.05) rotate(-2deg)}26%{transform:translate(-50%,calc(-100% - 4px)) scale(1.18) rotate(0)}72%{opacity:1;transform:translate(-50%,calc(-100% - 22px)) scale(1.12)}to{opacity:0;transform:translate(-50%,calc(-100% - 36px)) scale(1)}}@keyframes float-heal{0%{opacity:0;transform:translate(-50%,calc(-100% + 10px)) scale(.8)}15%{opacity:1;transform:translate(-50%,-100%) scale(1.12)}30%{transform:translate(-50%,calc(-100% - 6px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-100% - 46px)) scale(1)}}@media(prefers-reduced-motion:reduce){.float,.float.crit,.float.heal{animation:none}.vfx-flash{display:none}}.gl-notice{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:60;max-width:min(440px,calc(100vw / var(--ui-zoom, 1) - 32px));padding:12px 20px;border-radius:var(--radius);background:#2e211beb;color:#fff8ec;font-weight:700;text-align:center;pointer-events:none}.gl-notice[hidden]{display:none}.maintenance{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:#0a080673}.maintenance-panel{width:min(460px,100%);padding:24px;box-sizing:border-box;text-align:center}.maintenance-panel h2{margin:0 0 12px;font-size:24px}.maintenance-message{margin:0 0 12px;white-space:pre-line;overflow-wrap:anywhere}.maintenance-time{margin:0 0 8px;font-weight:700}.maintenance-time[hidden]{display:none}.maintenance-panel .actions{justify-content:center;margin:16px 0 8px}.maintenance-poll{margin:0;font-size:13px;color:var(--ink-soft)}:root{--wood-900: #2a180d;--wood-800: #3d2414;--wood-700: #56341c;--wood-600: #6e4526;--wood-500: #8a5a33;--brass: #e0b25a;--brass-hi: #f7dc97;--brass-lo: #8c6122;--parch-hi: #fbf1d8;--parch: #f1e0b8;--parch-lo: #d9bf8a;--ink: #2e1d12;--ink-soft: #6a4e36;--hp: #d4483b;--hp-lo: #8d2219;--mp: #3f7fd6;--mp-lo: #1f457f;--loyal: #e39b3b;--ok: #4f9a4e;--focus: #ffd24a;--pb-frame-9slice: none;--grain: repeating-linear-gradient( 96deg, rgb(255 255 255 / .05) 0 2px, transparent 2px 7px, rgb(0 0 0 / .08) 7px 8px, transparent 8px 13px ), linear-gradient(180deg, var(--wood-600), var(--wood-700) 55%, var(--wood-800));--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--pb-parch-image: var(--noise), radial-gradient(ellipse at 30% 20%, var(--parch-hi), transparent 60%), radial-gradient(ellipse at 80% 90%, rgb(160 110 50 / .18), transparent 55%), linear-gradient(180deg, var(--parch), var(--parch-lo));--pb-plaque-image: var(--grain);--pb-slot-image: radial-gradient(circle at 50% 35%, #fff6df, #e4cc98 70%, #c7a86b);--pb-medal-image: radial-gradient( circle at 35% 30%, var(--wood-500), var(--wood-700) 60%, var(--wood-900) );--corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe3a0'/%3E%3Cstop offset='.5' stop-color='%23d9a441'/%3E%3Cstop offset='1' stop-color='%23875b1c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 2h18c-4 2-7 4-8 8-4 1-6 4-8 8V2z' fill='url(%23g)' stroke='%23422610' stroke-width='1.2'/%3E%3Ccircle cx='8' cy='8' r='3.2' fill='%23b8322a' stroke='%23422610'/%3E%3Ccircle cx='7' cy='7' r='1' fill='%23ffd9c9'/%3E%3C/svg%3E")}.pb-frame{position:relative;box-sizing:border-box;padding:9px;border-radius:10px;background:var(--grain);border:2px solid var(--wood-900);border-image:var(--pb-frame-9slice);box-shadow:inset 0 1px #ffe6b459,inset 0 0 0 2px #00000040,0 10px 24px #00000073,0 2px 0 var(--wood-900);color:var(--ink)}.pb-corners{position:absolute;inset:-6px;pointer-events:none}.pb-corners>i{position:absolute;width:26px;height:26px;background:var(--corner) center / contain no-repeat}.pb-corners>i:nth-child(1){left:0;top:0}.pb-corners>i:nth-child(2){right:0;top:0;transform:scaleX(-1)}.pb-corners>i:nth-child(3){left:0;bottom:0;transform:scaleY(-1)}.pb-corners>i:nth-child(4){right:0;bottom:0;transform:scale(-1)}.pb-parch{background:var(--pb-parch-image);border-radius:4px;box-shadow:inset 0 0 18px #6e3c1473,inset 0 0 2px #3c1e0acc;color:var(--ink)}.pb-plaque{background:var(--pb-plaque-image);color:var(--brass-hi);font-weight:800;letter-spacing:.08em;text-shadow:0 1px 0 #000,0 0 6px rgb(0 0 0 / .6);border:1px solid var(--wood-900);box-shadow:inset 0 1px #ffdca04d,inset 0 -2px #0000004d}.pb-rivet{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 45%,var(--brass-lo));box-shadow:0 1px 1px #0009;flex:none}.pb-btn{font:inherit;font-weight:700;min-height:36px;padding:4px 14px;border-radius:6px;cursor:pointer;color:var(--brass-hi);background:linear-gradient(180deg,var(--wood-500),var(--wood-700));border:1px solid var(--wood-900);box-shadow:inset 0 1px #ffe1aa66,0 2px 0 var(--wood-900);text-shadow:0 1px 0 #000}.pb-btn:hover:not(:disabled){filter:brightness(1.12)}.pb-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffe1aa4d}.pb-btn:disabled{opacity:.5;cursor:not-allowed}.pb-btn.gold{color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass) 55%,var(--brass-lo));text-shadow:0 1px 0 rgb(255 255 255 / .4)}.pb-frame :focus-visible,.pb-medal:focus-visible,.hud :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pb-bar{position:relative;display:block;height:12px;border-radius:7px;background:linear-gradient(180deg,#1d120a,#3a2616);border:1px solid var(--wood-900);box-shadow:inset 0 1px 3px #000000b3;overflow:hidden}.pb-bar>.fill{position:absolute;inset:0 auto 0 0;border-radius:6px;transition:width .25s;background:linear-gradient(180deg,#ff8a6e,var(--hp) 45%,var(--hp-lo))}.pb-bar.mp>.fill{background:linear-gradient(180deg,#8fc2ff,var(--mp) 45%,var(--mp-lo))}.pb-bar.loyal>.fill{background:linear-gradient(180deg,#ffd08a,var(--loyal) 45%,#9a5a12)}.pb-bar>.txt{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;line-height:1;font-weight:800;color:#fff;text-shadow:0 1px 1px #000}.panel{background:var(--pb-parch-image);border:3px solid var(--wood-700);outline:2px solid var(--wood-900);border-radius:8px;box-shadow:inset 0 0 16px #6e3c1466,0 0 0 5px var(--wood-600),0 0 0 7px var(--wood-900),0 12px 28px #00000080}.panel h2{color:var(--wood-800);text-shadow:0 1px 0 rgb(255 255 255 / .5)}.win-layer{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.pb-window{position:absolute;display:flex;flex-direction:column;min-width:260px;max-width:calc(100vw / var(--ui-zoom, 1) - 16px);max-height:calc(100vh / var(--ui-zoom, 1) - var(--pb-dock, 0px) - 16px);pointer-events:auto}.pb-window.focused{box-shadow:inset 0 1px #ffe6b459,inset 0 0 0 2px #00000040,0 0 0 2px var(--brass),0 14px 30px #0000008c}.pb-window>header{display:flex;align-items:center;gap:8px;margin:-2px -2px 8px;padding:6px 10px;border-radius:6px;cursor:grab;user-select:none;touch-action:none}.pb-window.dragging>header{cursor:grabbing}.pb-window>header h2{flex:1;margin:0;font-size:16px;text-align:center}.pb-window>header .hk{font-size:11px;color:var(--parch-lo)}.pb-close{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;border:1px solid var(--wood-900);background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 50%,var(--brass-lo));box-shadow:0 2px 0 var(--wood-900)}.pb-close svg,.pb-close img.ico-img{width:14px;height:14px}.pb-window>.body{overflow:auto;padding:12px;flex:1 1 auto;min-height:80px;max-height:calc(100vh / var(--ui-zoom, 1) - var(--pb-dock, 0px) - 128px)}.menu-bar{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;padding:8px 10px 6px;pointer-events:auto;z-index:25;border-radius:14px}.pb-medal{position:relative;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--pb-medal-image);border:2px solid var(--brass-lo);box-shadow:inset 0 0 0 2px var(--wood-900),inset 0 2px 3px #ffdca059,0 3px 0 var(--wood-900),0 4px 8px #0006;color:var(--brass-hi);transition:transform .08s,filter .12s}.pb-medal:hover{filter:brightness(1.18);transform:translateY(-2px)}.pb-medal[aria-pressed=true]{border-color:var(--brass-hi);background:radial-gradient(circle at 35% 30%,#b07a45,var(--wood-600) 60%,var(--wood-800));box-shadow:inset 0 0 0 2px var(--wood-900),0 0 10px #ffd26ecc,0 3px 0 var(--wood-900)}.pb-medal svg,.pb-medal img.ico-img{width:26px;height:26px;filter:drop-shadow(0 1px 0 #000)}.pb-medal .key{position:absolute;right:-4px;bottom:-4px;min-width:16px;padding:0 3px;border-radius:4px;font-size:11px;font-weight:800;line-height:16px;color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass));border:1px solid var(--wood-900)}.pb-medal .label{position:absolute;bottom:52px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;padding:2px 8px;border-radius:4px;color:var(--parch-hi);background:#1e120ae6;opacity:0;pointer-events:none;transition:opacity .12s}.pb-medal:hover .label,.pb-medal:focus-visible .label{opacity:1}.hud-pet{position:absolute;left:10px;top:10px;display:flex;gap:10px;align-items:center;width:300px;pointer-events:auto;z-index:15}.hud-portrait{width:64px;height:64px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 2px #000;border:3px solid var(--brass);box-shadow:inset 0 0 0 2px var(--wood-900),0 3px 6px #00000080}.hud-pet .info{flex:1;display:grid;gap:3px;min-width:0}.hud-pet .who{display:flex;justify-content:space-between;gap:6px;font-size:13px;font-weight:800;color:var(--brass-hi);text-shadow:0 1px 0 #000;white-space:nowrap}.hud-pet .who small{color:var(--parch);font-weight:700}.hud-pet .pb-bar{height:14px}.hud-pet .contractor{font-size:12px;color:var(--parch);text-shadow:0 1px 0 #000}.hud-map{position:absolute;right:10px;top:10px;width:188px;pointer-events:auto;z-index:15;padding:7px}.hud-map .mapname{margin:-1px -1px 6px;padding:3px 8px;border-radius:5px;font-size:13px;text-align:center}.hud-map canvas{display:block;width:170px;height:170px;border-radius:4px;image-rendering:pixelated;box-shadow:inset 0 0 0 2px var(--wood-900),0 0 0 2px var(--brass-lo)}.hud-map .coords{margin:4px 0 0;font-size:11px;text-align:center;color:var(--parch);text-shadow:0 1px 0 #000}.hud-map.hidden canvas{display:none}.hud-chat{position:absolute;left:10px;bottom:10px;width:min(380px,calc(100vw / var(--ui-zoom, 1) - 520px));min-width:260px;pointer-events:none;z-index:15;padding:6px;display:flex;flex-direction:column;gap:4px}.hud-chat>[role=tablist],.hud-chat>[role=tabpanel],.hud-chat>form{pointer-events:auto}.hud-chat [role=tablist]{display:flex;gap:3px}.hud-chat [role=tab]{flex:1;font:inherit;font-size:12px;font-weight:800;padding:3px 0;border-radius:5px 5px 0 0;cursor:pointer;color:var(--parch-lo);background:linear-gradient(180deg,var(--wood-700),var(--wood-800));border:1px solid var(--wood-900);border-bottom:none}.hud-chat [role=tab][aria-selected=true]{color:var(--wood-900);background:linear-gradient(180deg,var(--parch-hi),var(--parch))}.hud-chat .log{min-height:40px;max-height:118px;overflow-y:auto;margin:0;padding:6px 8px;list-style:none;font-size:12.5px;line-height:1.45}.hud-chat .log .sys{color:#7a3b12}.hud-chat .log .err{color:#a1231a;font-weight:700}.hud-chat .log .party{color:#2f6d33}.hud-chat .log time{color:var(--ink-soft);font-size:11px;margin-right:4px}.hud-chat form{display:flex;gap:4px}.hud-chat input{flex:1;font:inherit;font-size:12.5px;min-height:28px;padding:2px 8px;border-radius:4px;border:1px solid var(--wood-900);background:#fbf3de;color:var(--ink)}.hud-chat input:disabled{background:#d8c7a0;color:var(--ink-soft)}.hud-status{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:4px 16px;font-size:13px;font-weight:700;z-index:30;pointer-events:none}.hud-status:empty{display:none}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:14px}.kv dt{font-weight:800;color:var(--wood-700)}.kv dd{margin:0}.section-title{margin:10px 0 6px;padding:2px 8px;font-size:13px;border-radius:4px}.pets{display:grid;grid-template-columns:136px 1fr;gap:12px;min-width:540px}.pet-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.pet-tab{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:6px;text-align:left;font:inherit;font-size:13px;padding:4px 6px;border-radius:6px;cursor:pointer;color:var(--ink);background:var(--pb-slot-image);border:2px solid var(--parch-lo)}.pet-tab[aria-selected=true]{border-color:var(--brass-lo);box-shadow:0 0 0 2px var(--brass)}.pet-tab:disabled{opacity:.55;cursor:default}.pet-tab .dot,.pet-face{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;text-shadow:0 1px 1px #000;border:2px solid var(--wood-700)}.pet-face{width:72px;height:72px;font-size:30px;border-width:3px;box-shadow:0 0 0 2px var(--brass)}.pet-head{display:flex;gap:12px;align-items:center}.pet-top{display:grid;grid-template-columns:168px 1fr;gap:12px;align-items:start}.pet-top:not(:has(.pet-art)){grid-template-columns:1fr}.pet-top .stats{grid-template-columns:repeat(2,1fr)}.pet-art{margin:10px 0 0;height:210px;border-radius:10px;border:2px solid var(--brass-lo);background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--el) 35%,var(--parch-hi)),var(--parch) 75%);overflow:hidden;display:grid;place-items:end center}.pet-art-img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}.pet-head h3{margin:0;font-size:18px}.grade{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;font-weight:900;font-size:18px;color:#fff;text-shadow:0 1px 1px #000;border:2px solid var(--wood-900)}.grade.S{background:linear-gradient(135deg,#ffe07a,#e38b1c)}.grade.A{background:linear-gradient(135deg,#f58ab4,#b83a73)}.grade.B{background:linear-gradient(135deg,#8fc6ff,#2f6fbd)}.grade.C{background:linear-gradient(135deg,#a8d98a,#4b8a37)}.grade.D{background:linear-gradient(135deg,#c9b9a3,#7a6754)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;margin:0;font-size:13px}.stats div{display:flex;justify-content:space-between;padding:2px 6px;border-radius:4px;background:#fffaeb8c;border:1px solid rgb(120 80 40 / .25)}.stats dt{font-weight:800;color:var(--wood-700)}.stats dd{margin:0;font-variant-numeric:tabular-nums}.skill-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.skill-list li{display:flex;justify-content:space-between;gap:8px;padding:3px 8px;border-radius:4px;background:#fffaeb8c;border-left:4px solid var(--brass);font-size:13px}.rename{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rename input,.pb-input{font:inherit;min-height:32px;padding:2px 8px;border-radius:4px;border:1px solid var(--wood-700);background:#fffaf0;color:var(--ink)}.rename .err{flex-basis:100%;margin:0;font-size:12px;color:#a1231a;font-weight:700;min-height:16px}.bag-grid{display:grid;grid-template-columns:repeat(5,52px);gap:6px;margin:0;padding:0;list-style:none}.pb-slot{position:relative;width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:6px;cursor:pointer;background:var(--pb-slot-image);border:2px solid var(--wood-600);box-shadow:inset 0 2px 4px #5a320f73,0 1px #fff6}.pb-slot.empty{background:linear-gradient(180deg,#cdb384,#b89a64);cursor:default}.pb-slot.drop-target{outline:3px dashed var(--brass-lo);outline-offset:-3px}.pb-slot.held{box-shadow:0 0 0 3px var(--focus)}.pb-slot svg,.pb-slot img.ico-img{width:34px;height:34px;pointer-events:none}.pb-slot .qty{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;pointer-events:none}.bag-foot{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px}.item-info{min-height:40px;margin:10px 0 0;padding:6px 8px;font-size:13px;border-radius:4px;background:#fffaeb99;border:1px solid rgb(120 80 40 / .3)}.soon{display:grid;gap:10px;justify-items:center;text-align:center;padding:16px 20px;min-width:260px}.soon svg,.soon img.ico-img{width:64px;height:64px;color:var(--wood-600)}.soon strong{font-size:18px;color:var(--wood-700)}.soon p{margin:0;color:var(--ink-soft);font-size:13px}.settings{display:grid;gap:10px;min-width:300px}.settings label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:700}.settings .row{display:flex;gap:8px;flex-wrap:wrap}.party-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.party-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;background:#fffaeb8c;font-size:14px}.party-list .crown{color:#b77a13;font-weight:900}.pb-modal{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);z-index:40;width:min(360px,calc(100vw / var(--ui-zoom, 1) - 32px));pointer-events:auto}.pb-modal .body{padding:14px;display:grid;gap:12px;text-align:center}.pb-modal .actions{justify-content:center}.cmd-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:5;display:grid;gap:6px;padding:8px 12px;pointer-events:auto;width:max-content;max-width:calc(100vw / var(--ui-zoom, 1) - 24px)}.cmd-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.cmd-btn{position:relative;width:64px;height:56px;padding:3px 0 2px;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;border-radius:12px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:var(--brass-hi);text-shadow:0 1px 0 #000;background:var(--pb-medal-image);border:2px solid var(--brass-lo);box-shadow:inset 0 0 0 2px var(--wood-900),inset 0 2px 4px #ffdca059,0 4px 0 var(--wood-900),0 6px 10px #0006}.cmd-btn svg,.cmd-btn img.ico-img{width:28px;height:28px;filter:drop-shadow(0 2px 0 #000)}.cmd-btn .key{position:absolute;top:2px;left:4px;font-size:11px;color:var(--parch-lo)}.cmd-btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}.cmd-btn[aria-pressed=true]{border-color:var(--brass-hi);box-shadow:inset 0 0 0 2px var(--wood-900),0 0 14px #ffd26ee6,0 4px 0 var(--wood-900)}.cmd-btn:disabled{opacity:.4;filter:grayscale(.7);cursor:not-allowed}.cmd-sub{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:640px}.cmd-sub:empty{display:none}.cmd-sub .pb-btn small{font-weight:600;color:var(--parch-lo);margin-left:4px}.cmd-foot{display:flex;gap:8px;justify-content:center;align-items:center;font-size:13px}.cmd-foot .prompt{flex:1;font-weight:700}.cmd-foot .plan{color:var(--ink-soft)}.cmd-foot .pb-btn,.cmd-sub .pb-btn{min-height:44px}.countdown{position:absolute;right:16px;top:44px;z-index:5;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;--p: 100;background:radial-gradient(circle,var(--wood-700) 56%,transparent 57%),conic-gradient(var(--brass) calc(var(--p) * 1%),rgb(40 25 12 / .85) 0);border:3px solid var(--wood-900);box-shadow:0 4px 10px #00000080;color:var(--brass-hi);font-size:26px;font-weight:900;text-shadow:0 2px 0 #000;pointer-events:none}.countdown.low{--brass: #e5533f;color:#ffd2c8;animation:pulse .9s ease-in-out infinite}.countdown[hidden]{display:none}.countdown small{display:block;margin-top:-8px;font-size:11px;font-weight:700;color:var(--parch-lo);text-align:center}@keyframes pulse{50%{scale:1.07}}.unit-tag.targetable{pointer-events:auto;cursor:crosshair;outline:3px solid var(--focus);animation:pulse 1s ease-in-out infinite;z-index:calc(var(--depth, 0) + 100)}.unit-tag.targetable.aimed{outline:4px solid #ffd873;box-shadow:0 0 12px 4px #ffd873bf;z-index:200}.unit-tag .aim-key{display:inline-block;min-width:16px;margin-right:4px;padding:0 4px;border-radius:4px;background:#ffd873;color:#2a180d;font-weight:800;font-size:11px;text-align:center}.unit-tag.targetable:focus-visible{outline:4px solid #fff}.unit-tag.chosen{box-shadow:0 0 0 3px var(--ok)}.party-wait{position:absolute;left:16px;top:16px;z-index:5;padding:8px 12px;font-size:13px;min-width:160px}.party-wait strong{display:block;padding:2px 8px;border-radius:4px;color:var(--brass-hi);text-shadow:0 1px 0 #000}.party-wait ul{margin:4px 0 0;padding:4px 8px;list-style:none;border-radius:4px;background:var(--pb-parch-image);color:var(--ink);font-weight:700}.party-wait li.done:before{content:"✔ ";color:var(--ok)}.party-wait li.wait:before{content:"… ";color:var(--ink-soft)}.party-wait li.left{color:var(--ink-soft)}.party-wait li.left:before{content:"✕ "}@media(prefers-reduced-motion:reduce){.countdown.low,.unit-tag.targetable{animation:none}.pb-bar>.fill{transition:none}}.unit-tag.boss{min-width:164px;font-size:1.12em;background:linear-gradient(180deg,#5a141ee6,#2e0c12e6);box-shadow:inset 0 0 0 1px var(--brass),0 0 10px #e0b25a80}.boss-crest{display:block;margin:-12px auto 2px;width:max-content;padding:0 8px;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass));border:1px solid var(--wood-900)}.unit-tag.marked{box-shadow:0 0 0 2px #9b4dff,0 0 14px #9b4dffcc}.mark-badge{display:block;margin-top:3px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(180deg,#b476ff,#6a1fc4);animation:pulse 1s ease-in-out infinite}.mark-badge[hidden]{display:none}.mark-warn{position:absolute;left:50%;top:60px;transform:translate(-50%);margin:0;padding:6px 16px;border-radius:8px;font-weight:800;color:#fff;background:linear-gradient(180deg,#7828c8f2,#461082f2);border:2px solid #d9b6ff;box-shadow:0 4px 12px #0006;z-index:4}.float.curse{color:#e2c6ff;text-shadow:0 2px 0 #4b1486,0 0 8px rgb(155 77 255 / .9)}@media(prefers-reduced-motion:reduce){.mark-badge{animation:none}}.story-layer{position:absolute;inset:0;z-index:45;pointer-events:none}.story-bar{position:absolute;left:0;right:0;height:52px;background:linear-gradient(180deg,#0a0603eb,#0a0603bf)}.story-bar.top{top:0}.story-bar.bottom{bottom:0;background:linear-gradient(0deg,#0a0603eb,#0a0603bf)}.story-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.story-keyart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.9);pointer-events:none;animation:story-keyart-in .9s ease-out}.story-keyart[hidden]{display:none}@keyframes story-keyart-in{0%{opacity:0}}.story-flash{position:absolute;inset:0;pointer-events:none;animation:story-flash ease-out forwards}@keyframes story-flash{0%{opacity:.9}to{opacity:0}}.story-box{position:absolute;left:50%;bottom:64px;transform:translate(-50%);width:min(860px,calc(100vw / var(--ui-zoom, 1) - 32px));pointer-events:auto;cursor:pointer;z-index:3}.story-box[hidden]{display:none}.story-portrait{position:absolute;left:4px;bottom:calc(100% - 70px);height:280px;z-index:-1;pointer-events:none;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .45))}.story-portrait[data-kind=creature]{bottom:calc(100% - 24px);height:200px}.story-portrait[hidden]{display:none}.story-plaque{position:absolute;left:22px;top:-18px;padding:3px 18px;border-radius:6px;font-size:16px;z-index:2}.story-plaque[hidden]{display:none}.story-body{position:relative;min-height:92px;padding:22px 26px 16px}.story-text{margin:0;font-size:19px;line-height:1.7;letter-spacing:.02em;white-space:pre-wrap}.story-more{position:absolute;right:18px;bottom:8px;color:var(--wood-600);animation:story-bob .9s ease-in-out infinite}.story-more[hidden]{display:none}@keyframes story-bob{50%{transform:translateY(3px)}}.story-ctrl{position:absolute;right:14px;top:-20px;display:flex;gap:6px}.story-ctrl .pb-btn{min-height:30px;padding:2px 12px;font-size:13px}.story-ctrl .pb-btn[aria-pressed=true]{color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass))}.story-box[data-kind=narrate] .story-body{background:linear-gradient(180deg,#1e140cf2,#140c06f2)}.story-box[data-kind=narrate] .story-text{color:var(--parch-hi)}.story-box[data-style=letter] .story-body{background:var(--pb-parch-image);font-family:"Noto Serif CJK TC","Noto Serif TC",serif}.story-box[data-kind=echo] .story-body,.story-box[data-kind=sense] .story-body{background:radial-gradient(ellipse at center,#3c2c12f5,#181006f5);box-shadow:inset 0 0 24px #f7dc9759,0 0 26px #f7dc9759}.story-box[data-kind=echo] .story-text{color:#fbe7a8;letter-spacing:.18em;text-shadow:0 0 10px rgb(255 214 120 / .9);text-align:center}.story-box[data-kind=sense] .story-text{color:#f1dca2;font-style:italic;text-align:center}.story-center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(760px,calc(100vw / var(--ui-zoom, 1) - 48px));margin:0;text-align:center;font-size:22px;line-height:1.8;color:#f7ecd2;text-shadow:0 2px 6px #000;pointer-events:auto;cursor:pointer;z-index:3}.story-center[hidden]{display:none}.story-choices{position:absolute;left:50%;bottom:210px;transform:translate(-50%);display:grid;gap:10px;width:min(520px,calc(100vw / var(--ui-zoom, 1) - 32px));pointer-events:auto;z-index:4}.story-choices[hidden]{display:none}.story-prompt{margin:0;text-align:center;color:var(--parch-hi);text-shadow:0 1px 3px #000}.story-choice{display:flex;gap:10px;align-items:center;padding:10px 16px;font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer;color:var(--ink);background:var(--pb-parch-image)}.story-choice:hover,.story-choice:focus-visible{box-shadow:0 0 0 3px var(--brass),0 8px 18px #0006}.story-choice .key{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;font-size:13px;color:var(--wood-900);background:radial-gradient(circle at 35% 30%,var(--brass-hi),var(--brass) 60%,var(--brass-lo));border:1px solid var(--wood-900)}.story-title{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;gap:6px;text-align:center;color:var(--brass-hi);text-shadow:0 3px 8px #000;z-index:3}.story-title[hidden]{display:none}.story-title strong{font-size:40px;letter-spacing:.2em}.story-title small{font-size:16px;letter-spacing:.3em;color:var(--parch)}.story-notices{position:absolute;right:20px;top:70px;display:grid;gap:6px;z-index:5}.story-notice{margin:0;padding:6px 14px;border-radius:6px}.story-bubbles{position:absolute;inset:0;pointer-events:none}.story-emote{position:absolute;left:0;top:0;transform:translate(var(--x, 0),var(--y, 0)) translate(-50%,-100%);min-width:34px;height:34px;padding:0 6px;display:grid;place-items:center;border-radius:17px;font-size:18px;font-weight:900;color:var(--wood-800);background:#fffaf0;border:2px solid var(--wood-700);box-shadow:0 3px 6px #00000059;animation:story-pop .25s ease-out}.story-emote.e-exclaim{color:#c0392b}.story-emote.e-anger{color:#d33}.story-emote.e-heart,.story-emote.e-joy{color:#d9487a}@keyframes story-pop{0%{transform:translate(var(--x, 0),var(--y, 0)) translate(-50%,-100%) scale(.4)}}.story-rename{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:min(360px,calc(100vw / var(--ui-zoom, 1) - 32px));pointer-events:auto;z-index:6}.story-rename header{padding:6px 10px;border-radius:6px;text-align:center}.story-rename .pb-parch{display:grid;gap:10px;padding:14px}@media(prefers-reduced-motion:reduce){.story-more,.story-emote{animation:none}}.quest-tabs{display:flex;gap:6px;margin-bottom:10px}.quest-tabs [role=tab]{flex:1}.quest-tabs [role=tab][aria-selected=true]{color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass))}.quest-tabs .badge{margin-left:6px;padding:0 6px;border-radius:9px;font-size:11px;color:#fff;background:#b8322a}.quest-list{display:grid;gap:10px;max-height:460px;overflow-y:auto}.quest-card{padding:10px 12px;border-left:5px solid var(--brass)}.quest-card.available{border-left-color:#4f9a4e}.quest-card.completed{border-left-color:var(--wood-500);opacity:.9}.quest-card header{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-card h3{margin:0;font-size:16px}.quest-state{padding:1px 8px;border-radius:10px;font-size:12px;font-weight:800;color:#fff;background:var(--wood-600)}.quest-state.active{background:#b77a13}.quest-state.replay{background:#6a3fb0}.quest-state.available{background:#4f9a4e}.quest-summary{margin:4px 0 6px;font-size:13px;color:var(--ink-soft)}.quest-steps{margin:0 0 6px;padding:0;list-style:none;display:grid;gap:3px;font-size:13px}.quest-steps li{display:flex;gap:6px;align-items:baseline}.quest-steps li.done{color:var(--ink-soft);text-decoration:line-through}.quest-steps li.current{font-weight:800}.quest-steps .mark{width:1em;color:var(--wood-600)}.quest-steps li.done .mark{color:#4f9a4e}.quest-steps .count{margin-left:auto;font-variant-numeric:tabular-nums}.quest-rewards{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;padding:6px 8px;font-size:13px;border-radius:4px;background:#fffaeb99}.quest-rewards dt{font-weight:800;color:var(--wood-700)}.quest-rewards dd{margin:0}.quest-rewards .muted{opacity:.5}.quest-empty{margin:8px 0;color:var(--ink-soft);text-align:center}.hud-chat .log .loot{color:#7a5200;font-weight:700}.life-purse{display:flex;gap:12px;justify-content:flex-end;margin:0 0 8px;font-size:13px;font-weight:800}.life-purse .coin:before{content:"◉ ";color:var(--brass-lo)}.life-purse .energy{color:#2f6d33}.life-sub{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--wood-700)}.life-note{margin:4px 0 8px;font-size:12px;color:var(--ink-soft)}.life-note.locked{opacity:.8;font-style:italic}.life-empty{margin:12px 0;color:var(--ink-soft);text-align:center}.life-item{display:inline-flex;align-items:center;gap:4px;min-width:0}.life-item .ico svg,.life-item .ico img.ico-img{width:22px;height:22px;vertical-align:middle}.life-item .nm{font-weight:700}.life-item .qty{color:var(--ink-soft)}.life-quality{display:inline-flex;gap:4px;align-items:baseline;font-size:12px}.life-quality b{padding:0 4px;border-radius:4px;color:#fff;background:var(--wood-500)}.life-quality.g-good b{background:#2f6fbd}.life-quality.g-great b{background:#8a3fb8}.life-quality.g-masterwork b{background:linear-gradient(135deg,#e0a02a,#b8641c)}.life-quality i{color:var(--wood-700)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.pb-tabs{display:flex;gap:4px;margin-bottom:8px}.pb-tabs [role=tab]{flex:1;min-height:32px}.pb-tabs [role=tab][aria-selected=true]{color:var(--wood-900);background:linear-gradient(180deg,var(--brass-hi),var(--brass))}.stepper{display:inline-flex;align-items:center;gap:2px}.stepper .step{min-height:28px;padding:0 8px}.stepper .qty-input{width:56px;min-height:28px;text-align:center}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-card{display:grid;gap:4px;padding:8px 10px;border-radius:6px;border:2px solid var(--wood-600);border-left-width:6px}.skill-card.k-gather{border-left-color:#4f9a4e}.skill-card.k-craft{border-left-color:var(--brass-lo)}.skill-card.k-service{border-left-color:#2f6fbd}.skill-card.empty{border-style:dashed;opacity:.75}.skill-card header{display:flex;gap:8px;align-items:baseline}.skill-card h3{margin:0;font-size:16px}.skill-card .kind{font-size:11px;padding:0 4px;border-radius:4px;background:var(--wood-600);color:var(--brass-hi)}.skill-card .lv{margin-left:auto;font-weight:800}.skill-card .cap{margin:0;font-size:12px;color:var(--ink-soft)}.skill-card .cap.capped{color:#8d2219;font-weight:700}.skill-card .forget{justify-self:end;min-height:28px;font-size:12px}.pb-bar.prof>.fill{background:linear-gradient(180deg,#ffe7a6,var(--brass) 45%,var(--brass-lo))}.pb-bar.prof{height:14px}.sys-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.sys-cols>.settings{min-width:0}.npc-greet{margin:0 0 8px;font-style:italic}.npc-head{display:flex;gap:12px;align-items:flex-end;margin-bottom:8px}.npc-head .npc-greet{margin:0;flex:1}.npc-portrait-frame{width:104px;height:120px;flex:none;border-radius:8px;border:2px solid var(--brass-lo);background:radial-gradient(circle at 50% 35%,var(--parch-hi),var(--parch));overflow:hidden}.npc-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;opacity:0;transition:opacity .18s ease-out}.npc-portrait.loaded{opacity:1}.npc-roles{display:grid;gap:6px}.npc-role{text-align:left}.shop-list,.svc-list,.cm-list,.mail-list,.mats{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:300px;overflow-y:auto}.shop-list li,.svc-list li,.cm-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 8px;border-radius:4px;background:#fffaeb8c;border:1px solid rgb(110 69 38 / .25)}.shop-list li .life-item,.svc-list li .nm,.cm-list li .life-item{flex:1}.shop-list .price{font-weight:800;color:var(--brass-lo)}.shop-list.sell li.on{background:#f7dc978c}.shop-list .decay{font-size:11px;color:#2f6d33}.shop-list .decay.low{color:#8d2219}.shop-foot{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;font-weight:800}.svc-list small,.cm-list small{color:var(--ink-soft)}.craft{display:grid;grid-template-columns:220px 1fr;gap:12px}.recipe-list{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto;display:grid;gap:2px;align-content:start}.recipe-list li{display:grid;gap:0;padding:4px 8px;border-radius:4px;cursor:pointer;border:1px solid transparent}.recipe-list li small{font-size:11px;color:var(--ink-soft)}.recipe-list li.sel{background:#f7dc97bf;border-color:var(--brass-lo)}.recipe-list li.locked{opacity:.55}.recipe-detail h3{display:flex;gap:8px;align-items:baseline;margin:0 0 6px}.recipe-detail h3 small{font-size:12px;color:var(--ink-soft)}.mats li{display:flex;gap:8px;align-items:center;padding:2px 6px}.mats li .life-item{flex:1}.mats li .count{font-weight:800}.mats li.ok .mark{color:#2f6d33}.mats li.short{color:#8d2219}.craft-go{display:flex;gap:8px;align-items:center;margin:8px 0}.craft-results{margin:4px 0 0;padding-left:20px;display:grid;gap:4px}.craft-results li.fail{color:#8d2219}.craft-results .stats-line{display:block;font-size:12px;color:var(--wood-700)}.storage-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-list li{padding:6px 8px;border-radius:4px;background:#fffaeb8c;border:1px solid rgb(110 69 38 / .25);display:grid;gap:4px}.mail-list header{display:flex;justify-content:space-between}.mail-list time{font-size:11px;color:var(--ink-soft)}.mail-list .att{display:flex;flex-wrap:wrap;gap:8px}.gear-slots{list-style:none;margin:0;padding:0;display:grid;gap:4px}.gear-slots li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 8px;border-radius:4px;background:#fffaeb80}.gear-slots li.worn{background:#f7dc9799}.gear-slots .slot{min-width:60px;white-space:nowrap}.gear-slots .piece{flex:1;display:inline-flex;gap:8px;align-items:center}.gear-slots .piece.empty{color:var(--ink-soft)}.gear-slots .fits{display:flex;gap:4px;flex-wrap:wrap}.gather-bar{position:absolute;left:50%;bottom:120px;transform:translate(-50%);width:280px;padding:8px 12px;z-index:40;display:grid;gap:4px;text-align:center;color:var(--brass-hi);font-weight:800;text-shadow:0 1px 0 #000;background:var(--pb-plaque-image);border-radius:8px}.pb-bar.gather>.fill{background:linear-gradient(180deg,#c6f0a0,#4f9a4e 50%,#2f6d33);transition:none}.battle-story-line{position:absolute;left:50%;top:88px;transform:translate(-50%);max-width:min(720px,calc(90vw / var(--ui-zoom, 1)));padding:10px 18px;z-index:44;display:grid;gap:2px;text-align:left;font:inherit;font-size:16px;color:var(--ink);cursor:pointer;border:2px solid var(--wood-700);border-radius:8px;box-shadow:0 6px 18px #00000073}.battle-story-line strong{color:var(--wood-700)}.battle-layer.story-paused .cmd-bar,.battle-layer.story-paused .countdown{visibility:hidden}.hud-chat .chat-ch{font:inherit;font-size:12px;min-height:28px;border-radius:4px;border:1px solid var(--wood-900);background:var(--parch-lo);color:var(--ink)}.hud-chat .log .chat{color:var(--ink)}.hud-chat .log .ch-world{color:#7a3f9a}.hud-chat .log .ch-trade{color:#8a5a10}.hud-chat .log .ch-family{color:#1f6d7a}.hud-chat .log .ch-party{color:#2f6d33}.volumes .vol{display:grid;grid-template-columns:56px 1fr 44px;gap:8px;align-items:center}.volumes input[type=range]{accent-color:var(--brass-lo)}.stat-lines{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;padding:0;list-style:none;font-size:13px}.stat-lines li{display:inline-flex;align-items:center;gap:4px}.stat-grade{display:inline-block;padding:0 4px;border-radius:4px;border:1px solid transparent;font-weight:700;font-size:12px;line-height:18px}.stat-grade.sg-poor{background:#7d7d7d;color:#fff}.stat-grade.sg-normal{background:#fbfaf5;color:#3b2f22;border-color:#b9a888}.stat-grade.sg-great{background:#2f6fd0;color:#fff}.stat-grade.sg-divine{background:#d4a017;color:#2b1d00}.stat-grade.sg-bonus{background:#7e3fa8;color:#fff}.life-quality{flex-wrap:wrap}.life-quality .stat-lines{flex-basis:100%}img.ico-img{display:block;object-fit:contain;image-rendering:auto}.ico-inline{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.2em}.ico-inline img.ico-img{width:100%;height:100%}.status-row{display:flex;justify-content:center;gap:2px;margin-top:2px}.status-row:empty{display:none}.ico-status{display:inline-block;width:18px;height:18px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .6));animation:status-in .35s ease-out}.ico-status img.ico-img,.ico-status svg{width:100%;height:100%}@keyframes status-in{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}.unit-tag .cap-hint{display:block;margin-top:2px;padding:0 6px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;background:#6b5a3e}.unit-tag .cap-容易{background:#2e8b57}.unit-tag .cap-普通{background:#2f6fd0}.unit-tag .cap-困難{background:#c27a17}.unit-tag .cap-極難{background:#a33a2c}.pets .shiny{color:#b8860b;font-weight:700;text-shadow:0 0 4px #ffe08a}.pb-tag.bound{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid #7a5a2e;border-radius:4px;background:#efe0bd;color:#5a3d17;font-size:12px;font-weight:600;vertical-align:middle}.pet-type{display:inline-block;min-width:18px;margin-left:6px;padding:0 4px;border-radius:4px;color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center;vertical-align:middle}.pet-type.pt-agi{background:#2f7d4f}.pet-type.pt-str{background:#a33a2c}.pet-type.pt-vit{background:#8a6a1f}.pet-type.pt-mag{background:#4b4fa8}.pet-type.pt-bal{background:#6a4e36}.trade-pick input.qty{width:56px;margin:0 4px}.codex-grid .codex-flags{display:flex;flex-wrap:wrap;gap:2px 4px;justify-content:center;font-size:11px}.codex-grid .codex-flags em{font-style:normal;padding:0 4px;border-radius:4px}.codex-grid .codex-flags .lv1{background:#e3efd2;color:#3d5a1e}.codex-grid .codex-flags .shiny{background:#fff1c2;color:#8a5a00;font-weight:700}.marquee{position:absolute;top:8px;left:330px;right:230px;height:32px;overflow:hidden;border-radius:16px;background:#1b1008b8;border:1px solid #8c6122;z-index:40;pointer-events:auto}.marquee.hidden{display:none}.marquee-track{position:relative;height:100%}.marquee-text{position:absolute;top:0;left:100%;white-space:nowrap;line-height:32px;font-size:15px;font-weight:600;color:#f4ead2;animation:marquee-scroll var(--marquee-ms, 8s) linear forwards}.marquee-text.shiny{color:#ffd75e;text-shadow:0 0 6px rgba(255,196,64,.8)}.marquee-text.gm.warn{color:#ff9a7a}.marquee-text .star{color:#ffe9a0}.marquee-place{font:inherit;color:#9fe0ff;background:none;border:none;padding:0 2px;text-decoration:underline;cursor:pointer}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(var(--marquee-dx, -1400px))}}@media(prefers-reduced-motion:reduce){.marquee-text{animation:none;left:12px}}li.chat.sys{color:#b8860b;font-weight:600}.aura-wrap{position:relative;display:inline-block;isolation:isolate}.aura-wrap>.aura-p{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;z-index:2;animation-duration:2.4s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:calc(var(--i) * -.2s)}.aura-earth>.aura-p{border-radius:1px;transform:rotate(45deg);background:#ffe7a0;box-shadow:0 0 6px #e0b04a;animation-name:aura-rise}.aura-water>.aura-p{background:#dff4ff;box-shadow:0 0 6px #4fb2ff;animation-name:aura-orbit}.aura-fire>.aura-p{width:4px;height:4px;background:#ffd27a;box-shadow:0 0 6px #ff6a1a;animation-name:aura-spark;animation-duration:1.6s}.aura-wind>.aura-p{width:10px;height:3px;border-radius:3px;background:#f4fff8;box-shadow:0 0 6px #8fffc8;animation-name:aura-spiral}@keyframes aura-rise{0%{transform:rotate(calc(var(--i) * 30deg)) translate(26px) translateY(18px) rotate(45deg);opacity:0}30%{opacity:1}to{transform:rotate(calc(var(--i) * 30deg + 40deg)) translate(30px) translateY(-22px) rotate(45deg);opacity:0}}@keyframes aura-orbit{0%{transform:rotate(calc(var(--i) * 30deg)) translate(32px) scale(.8)}to{transform:rotate(calc(var(--i) * 30deg + 360deg)) translate(32px) scale(.8)}}@keyframes aura-spark{0%{transform:rotate(calc(var(--i) * 30deg)) translate(18px) translateY(10px);opacity:1}to{transform:rotate(calc(var(--i) * 30deg + 15deg)) translate(28px) translateY(-30px);opacity:0}}@keyframes aura-spiral{0%{transform:rotate(calc(var(--i) * 30deg)) translate(22px) translateY(16px);opacity:0}50%{opacity:1}to{transform:rotate(calc(var(--i) * 30deg + 220deg)) translate(34px) translateY(-18px);opacity:0}}@media(prefers-reduced-motion:reduce){.aura-wrap>.aura-p{animation-play-state:paused}}.unit-tag .shiny-tag{margin-left:4px;color:#ffd75e;font-weight:700;text-shadow:0 0 4px rgba(255,196,64,.9)}.pb-spinner{display:inline-block;flex:none;width:1em;height:1em;border-radius:50%;border:.16em solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:pb-spin .75s linear infinite;vertical-align:-.15em}.pb-spinner-line{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft)}button.is-busy{cursor:progress;opacity:.85}button.is-busy>.pb-spinner{margin-right:6px}.pb-loading-overlay{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:#140c0673;cursor:progress}.pb-loading-card{display:grid;justify-items:center;gap:10px;min-width:220px;padding:18px 26px;border-radius:14px;border:2px solid var(--brass);background:linear-gradient(var(--parch-hi),var(--parch));color:var(--ink);box-shadow:0 8px 24px #00000059}.pb-loading-card>.pb-spinner{width:32px;height:32px;border-width:4px;color:var(--brass-lo)}.pb-loading-caption{margin:0;font-weight:600}.pb-loading-bar{display:block;width:180px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--brass-lo) 25%,transparent);overflow:hidden}.pb-loading-fill{display:block;height:100%;width:0;background:var(--brass);transition:width .2s ease-out}@keyframes pb-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.pb-spinner{animation-duration:2.4s}}.hud-status>.pb-spinner,.loading>.pb-spinner,.prompt>.pb-spinner{margin-right:6px}.pb-loading-bar[hidden]{display:none}.pet-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.pet-card{padding:8px;border-radius:6px;border:1px solid rgb(110 69 38 / .35);min-width:0}.pet-card h4,.pet-card header{display:flex;gap:4px;align-items:center;margin:0 0 4px;font-weight:800}.pet-card .meta{margin:0;font-size:12px;color:var(--ink-soft)}.pet-card .meta.warn,.life-sub.warn,small.warn{color:var(--hp-lo);font-weight:700}.pet-card .shiny{color:var(--brass-lo)}.pet-card .grade{margin-left:auto;padding:0 8px;border-radius:8px;background:var(--wood-700);color:var(--brass-hi);font-size:12px}.muted{color:var(--ink-soft)}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-side{padding:8px;border-radius:6px;background:#fffaeb66;border:2px solid rgb(110 69 38 / .3);min-width:0}.trade-side.locked{border-color:var(--ok);box-shadow:inset 0 0 0 1px #4f9a4e66}.trade-side .coin{font-weight:800;color:var(--brass-lo)}.trade-side li.pet{display:block;background:none;border:0;padding:0}.trade-actions{justify-content:flex-end}.trade-pick .svc-list{max-height:180px}.stall-slots{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px;counter-reset:slot}.stall-slots li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 8px;border-radius:4px;background:#fffaeb8c;border:1px solid rgb(110 69 38 / .25)}.stall-slots li.empty{color:var(--ink-soft);border-style:dashed;background:none}.stall-slots li .nm{flex:1}.stall-goods .price,.svc-list .price{font-weight:800;color:var(--brass-lo)}.stall-goods li .pet-card{flex:1}.family-notice{padding:8px 12px;border-radius:6px;white-space:pre-wrap}.family-notice-edit{width:100%;min-height:64px}.svc-list li.done,.codex-milestones li.done{background:#4f9a4e2e}.codex-milestones{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:12px}.codex-milestones li{padding:4px 8px;border-radius:12px;border:1px solid rgb(110 69 38 / .3)}.codex-grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:4px;max-height:320px;overflow-y:auto}.codex-grid li{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:4px;border-radius:4px;font-size:12px;background:#fffaeb80;border:1px solid rgb(110 69 38 / .2)}.codex-grid li.caught .mark{color:var(--ok)}.codex-grid li.seen .mark{color:var(--brass-lo)}.codex-grid li.unknown{color:var(--ink-soft)}.lb-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px;max-height:320px;overflow-y:auto}.lb-list li{display:flex;gap:8px;align-items:center;padding:4px 8px;border-radius:4px;background:#fffaeb8c}.lb-list li.me{background:#f7dc97b3;font-weight:800}.lb-list .rank{width:32px;text-align:right;color:var(--brass-lo)}.lb-list li .nm{flex:1}.adventure-hub li .nm{display:grid}.adventure-hub small{font-size:12px}.festival{padding:8px 12px;border-radius:6px;margin-bottom:8px}.festival h4{margin:0 0 4px}.awaken-list li>.nm{display:grid}@media(max-width:600px){.trade-sides{grid-template-columns:1fr}}.result .level-up{margin:8px 0;padding:8px 12px;border-radius:6px;background:linear-gradient(180deg,#f7dc978c,#f7dc9733);border:1px solid var(--brass-lo);animation:level-up-in .5s ease-out both}.result .level-up h3{margin:0 0 4px;color:var(--brass-lo);letter-spacing:.1em}.level-up-pet p{margin:0;font-size:13px}.level-up-pet .lv{display:flex;gap:8px;align-items:baseline}.level-up-pet .arrow{font-weight:800;color:#2f6d33}.level-up-pet .learnable{color:#6a3fb0;font-weight:700}@keyframes level-up-in{0%{transform:scale(.92);opacity:0}}@media(prefers-reduced-motion:reduce){.result .level-up{animation:none}}.guest-crest{display:inline-block;margin-right:4px;padding:0 4px;border-radius:4px;font-size:11px;font-weight:800;color:#fff;background:#3f7fd6}.unit-tag.guest{border-color:#3f7fd6}.pvp-header{position:absolute;top:56px;left:50%;transform:translate(-50%);margin:0;padding:4px 16px;color:var(--parch-hi);font-weight:800;white-space:nowrap}.arena-ratings{width:100%;border-collapse:collapse;font-size:13px}.arena-ratings th,.arena-ratings td{padding:4px 8px;text-align:left;border-bottom:1px solid rgb(110 69 38 / .2)}.portrait{display:block;object-fit:contain;pointer-events:none}.portrait.silhouette{filter:brightness(0) opacity(.55)}.has-portrait{position:relative;overflow:hidden;color:transparent;text-shadow:none}.has-portrait>.portrait{position:absolute;inset:4%;width:92%;height:92%}.pet-card-art{width:96px;height:96px;margin:0 auto 4px}.codex-art{width:48px;height:48px;flex:none}.hud-map.round{width:196px;padding:0;background:none;border:0;box-shadow:none}.hud-map.round .ring{width:188px;height:188px;margin:0 auto;border-radius:50%;padding:4px;background:radial-gradient(circle,transparent 60%,rgb(0 0 0 / .35) 61%,transparent 64%),repeating-conic-gradient(var(--wood-600) 0 8deg,var(--wood-700) 8deg 16deg);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 4px var(--wood-900),0 4px 10px #00000073}.hud-map.round canvas{width:180px;height:180px;border-radius:50%;box-shadow:none;image-rendering:auto}.hud-map.round .mapname{margin:6px auto 0;width:max-content;max-width:190px}.hud-map.round .coords{margin:2px 0 0}.portal-tip{position:fixed;z-index:60;pointer-events:none;padding:4px 10px;border-radius:6px;background:#26180ee0;border:1px solid var(--brass-lo, #b98b3e);color:#ffe7a8;font-weight:600;font-size:14px;white-space:nowrap;box-shadow:0 2px 6px #0006}.quest-tracker{position:absolute;right:10px;top:268px;width:224px;z-index:14;pointer-events:auto;cursor:pointer;padding:8px 12px 10px;border-radius:8px;background:linear-gradient(#281a10d1,#1c120ac7);border:1px solid var(--brass-lo, #b98b3e);color:#f6e7c8;box-shadow:0 2px 8px #00000059;transform-origin:top right}.quest-tracker:hover{border-color:#ffd873}.quest-tracker .qt-title{margin:0 0 4px;font-size:12px;letter-spacing:.1em;color:#e9c46a}.quest-tracker .qt-name{margin:0;font-weight:700;font-size:15px;color:#ffe7a8}.quest-tracker .qt-step{margin:4px 0 0;font-size:13px;line-height:1.4}.quest-tracker .qt-dir{margin:6px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:#bfe3a0}.quest-tracker .qt-arrow{display:inline-block;width:20px;text-align:center;font-size:18px;color:#ffd873;text-shadow:0 0 4px rgb(0 0 0 / .8);transition:transform .15s linear}.quest-tracker [hidden]{display:none}.notice-panel{position:fixed;z-index:60;left:50%;top:30%;transform:translate(-50%);display:grid;gap:8px;width:min(360px,calc(100vw / var(--ui-zoom, 1) - 32px))}.notice-title{margin:0;font-size:16px}.notice-panel .notice-body{display:grid;gap:8px;padding:12px}.notice-panel .notice-text{margin:0;line-height:1.6}