:root{--ink:#2b2118;--ink-soft:#5a4636;--paper:#f6efe3;--paper-2:#efe3cf;--card:#fffaf0;--accent:#c9702a;--accent-dark:#a35618;--gold:#f2b93b;--gold-soft:#ffe6a1;--good:#3f9a62;--bad:#c8463a;--wood:#1a1410;--wood-2:#2a1d14;--line:#d9c7aa;--hp:#e0533f;--hp-back:#5b2a20;--focus:#4f8ee0;--shadow:0 4px 0 #2b21182e, 0 10px 24px #2b21182e;--radius:14px;--font:"Microsoft JhengHei", "PingFang TC", "Noto Sans TC", "Heiti TC", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--wood);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hidden{display:none!important}.btn{font:inherit;border:2px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:12px;padding:9px 18px;font-size:16px;font-weight:700;line-height:1.2;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .12s}.btn:hover:not(:disabled){background:#ffeed8}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.42;cursor:default}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-dark)}.btn.gold{background:var(--gold)}.btn.danger{background:var(--bad);color:#fff}.btn.ghost{box-shadow:none;border-color:var(--line);color:var(--ink-soft);background:0 0}.btn.small{border-radius:10px;padding:6px 12px;font-size:14px}.btn.round{border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.btn.big{padding:12px 28px;font-size:20px}.btn.wide{width:100%}.panel{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.panel h2,.panel h3{margin:0 0 8px}.panel-title{border-bottom:2px solid var(--ink);border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;background:linear-gradient(#f2dfbf,#e8cfa6);justify-content:space-between;align-items:center;gap:8px;margin:-14px -16px 12px;padding:10px 16px;font-size:18px;font-weight:800;display:flex}.muted{color:var(--ink-soft)}.gold-text{color:#9a6a00;font-weight:800}.gold-text:before{content:"●";color:var(--gold);margin-right:3px;font-size:.85em}.modal-back{z-index:50;background:#140c068c;place-items:center;padding:16px;animation:.18s ease-out fade-in;display:grid;position:absolute;inset:0}.modal-back>.panel{width:min(720px,100%);max-height:calc(100% - 8px);animation:.22s cubic-bezier(.2,1.4,.4,1) pop-in;overflow:auto}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}}.stat-chip{background:var(--stat,var(--accent));color:#fff;white-space:nowrap;border:2px solid #00000040;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:800;display:inline-block}.bar{background:var(--hp-back);border:2px solid var(--ink);border-radius:999px;height:12px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(#ff8a6d, var(--hp));border-radius:999px;transition:width .35s ease-out;position:absolute;inset:0 auto 0 0}.bar>b{background:#ffd8a8;transition:width .6s ease-out .25s;position:absolute;inset:0 auto 0 0}.bar>span{color:#fff;text-align:center;text-shadow:0 1px #000,0 0 2px #000;font-size:10px;font-weight:800;line-height:12px;position:absolute;inset:-2px 0 0}.pips{flex-wrap:wrap;gap:3px;display:inline-flex}.pips>i{border:1.5px solid var(--ink);background:#d6e4f7;border-radius:50%;width:9px;height:9px}.pips>i.on{background:var(--focus);box-shadow:0 0 4px #8fc0ff}.status-list{flex-wrap:wrap;gap:3px;display:flex}.status{border:1.5px solid var(--good);color:#1f5e37;white-space:nowrap;background:#e6f4ea;border-radius:6px;align-items:center;gap:2px;padding:2px 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.status.bad{border-color:var(--bad);color:#8a241b;background:#fbe6e2}.status img{width:14px;height:14px}.toast-host{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.toast{color:#fff3d6;border:2px solid var(--gold);text-align:center;background:#2b2118eb;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:800;animation:2.6s ease-in-out forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(10px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.icon-box{border:2px solid var(--ink);width:44px;height:44px;color:var(--ink-soft);background:#fff3dc;border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.icon-box img{object-fit:contain;width:100%;height:100%}.rarity-uncommon{border-color:#3f9a62}.rarity-rare{border-color:#3c7bd6;box-shadow:inset 0 0 0 2px #bcd6ff}.rarity-epic{border-color:#9a4fc2;box-shadow:inset 0 0 0 2px #e6c9ff}.rarity-legendary{border-color:#d9921a;box-shadow:inset 0 0 0 2px #ffe3a3,0 0 10px #ffcf66}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tabs .btn{box-shadow:none}.tabs .btn.on{background:var(--ink);color:#fff}.portrait{border:2.5px solid var(--ink);width:56px;height:56px;color:var(--accent-dark);background:radial-gradient(circle at 50% 35%,#fff4dd,#e9c993);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#app{position:fixed;inset:0;overflow:hidden}.app-screen{position:absolute;inset:0;overflow:hidden}.app-loading{color:#fff3d6;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;inset:0}.net-lobby-host{background:radial-gradient(at 50% 0,#6b4a2b,#2a1a0d 80%);position:absolute;inset:0;overflow:auto}.net-lobby-overlay{z-index:200;background:#140c06b3;position:fixed;inset:0;overflow:auto}.net-bar-host{z-index:150;max-width:calc(100% - 16px);position:fixed;top:58px;left:50%;transform:translate(-50%)}.game-root.not-mine .hud-bottom-row{opacity:.92}.app-loading-over{z-index:300;background:radial-gradient(at 50% 30%,#4a3520,#1a1410 75%);position:fixed;inset:0}.ui-skin{--sk-ink:#3a2210;--sk-ink-soft:#6b4a2e;--sk-light:#fff3d6;--sk-wood:#5a3a22;--sk-brass:#c9a24a;--sk-glow:#ffcf55;--sk-title-font:"Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;--sk-light-shadow:0 2px 0 #2a1206, 0 0 3px #1e0c02e6, 0 0 1px #2a1206;--sk-dark-shadow:0 1px 0 #fff4dcbf;--sk-slip-bg:linear-gradient(#784e241a, #784e241a), var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;scrollbar-color:#8a6038 #3c230f40}.ui-skin ::-webkit-scrollbar{width:10px;height:10px}.ui-skin ::-webkit-scrollbar-thumb{background:#8a6038;border:2px solid #fff0d259;border-radius:6px}.ui-skin ::-webkit-scrollbar-track{background:#3c230f2e}.ui-skin .btn{--b:var(--ui-btn_normal);--bp:var(--ui-btn_normal_pressed);--bd:var(--ui-btn_normal_disabled);border:10px solid #8a6038;border-width:5px 10px 8px;border-image-source:var(--b);box-shadow:none;min-height:40px;color:var(--sk-ink);text-shadow:var(--sk-dark-shadow);letter-spacing:.5px;background:0 0;border-image-slice:58 76 fill;border-image-width:17px 22px;border-image-repeat:stretch;border-radius:0;padding:6px 12px 5px;font-weight:900;transition:transform 60ms ease-out,filter .12s}.ui-skin .btn:hover:not(:disabled){filter:brightness(1.08)saturate(1.05);background-color:#0000}.ui-skin .btn:active:not(:disabled){border-image-source:var(--bp);box-shadow:none;filter:none;transform:translateY(2px)}.ui-skin .btn:disabled{border-image-source:var(--bd);opacity:1;color:#463c32bf;text-shadow:0 1px #ffffff59}.ui-skin .btn:focus-visible{outline:3px solid var(--sk-glow);outline-offset:2px}.ui-skin .btn.primary{--b:var(--ui-btn_primary);--bp:var(--ui-btn_primary_pressed);--bd:var(--ui-btn_primary_disabled);color:var(--sk-light);text-shadow:var(--sk-light-shadow);background:0 0;border-image-slice:60 79 fill;border-image-width:18px 23px}.ui-skin .btn.primary:hover:not(:disabled){background-color:#0000}.ui-skin .btn.primary:disabled,.ui-skin .btn.danger:disabled,.ui-skin .btn.ghost:disabled{color:#ebe4dacc;text-shadow:0 1px #0009}.ui-skin .btn.gold{filter:sepia(.35)saturate(1.9)hue-rotate(-6deg)brightness(1.04);background:0 0}.ui-skin .btn.gold:hover:not(:disabled){filter:sepia(.35)saturate(2.1)hue-rotate(-6deg)brightness(1.12)}.ui-skin .btn.gold:disabled{filter:none}.ui-skin .btn.danger{--b:var(--ui-btn_danger);--bp:var(--ui-btn_danger_pressed);--bd:var(--ui-btn_danger_disabled);color:var(--sk-light);text-shadow:var(--sk-light-shadow);background:0 0}.ui-skin .btn.ghost{--b:var(--ui-btn_secondary);--bp:var(--ui-btn_secondary_pressed);--bd:var(--ui-btn_secondary_disabled);color:var(--sk-light);text-shadow:var(--sk-light-shadow);background:0 0;border-color:#3a2414;border-image-slice:58 75 fill}.ui-skin .main-menu .btn.ghost,.ui-skin .pick-screen .btn.ghost,.ui-skin .end-screen .btn.ghost,.ui-skin .net-lobby .nl-foot .btn.ghost{color:var(--sk-light)}.ui-skin .btn.small{border-width:4px 8px 7px;border-image-width:14px 18px;min-height:36px;padding:3px 9px 2px;font-size:15px}.ui-skin .btn.big{border-width:6px 12px 10px;letter-spacing:2px;border-image-width:21px 27px;min-height:52px;padding:8px 22px 7px;font-size:20px}.ui-skin .btn.primary.big{border-image-width:22px 28px}.ui-skin .btn.round{background:var(--ui-btn_round) center / 100% 100% no-repeat;color:#ffe9b8;width:40px;height:40px;min-height:0;text-shadow:var(--sk-light-shadow);border:0;border-image:;padding:0;font-size:18px}.ui-skin .btn.round:hover:not(:disabled){background:var(--ui-btn_round) center / 100% 100% no-repeat}.ui-skin .btn.round:active:not(:disabled){background-image:var(--ui-btn_round_pressed);border-image:}.ui-skin .btn.round:disabled{background-image:var(--ui-btn_round_disabled);border-image:}.ui-skin .btn.round.rbtn,.ui-skin .btn.round.rbtn:hover:not(:disabled),.ui-skin .btn.round.rbtn:active:not(:disabled),.ui-skin .btn.round.rbtn:disabled{aspect-ratio:1;opacity:1;filter:none;background:var(--rb) center / 100% 100% no-repeat;border:0;border-image:;border-radius:50%;padding:0}.ui-skin .btn.round.rbtn:is(:hover,:focus-visible):not(:disabled){background-image:var(--rb-h)}.ui-skin .btn.round.rbtn:active:not(:disabled){transform:scale(.94)}.ui-skin .btn.round.rbtn:disabled{filter:grayscale();opacity:.5}.ui-skin .btn.round.rbtn:not([data-icon=blank])>.rb-txt{display:none}.ui-skin :is(.tabs,.action-tabs,.xt-tabs,.quality-btns) .btn:not(.danger){background:var(--ui-tab) center / 100% 100% no-repeat;min-height:34px;color:var(--sk-light);text-shadow:var(--sk-light-shadow);filter:none;border:0;border-image:;padding:6px 16px 9px}.ui-skin :is(.tabs,.action-tabs,.xt-tabs,.quality-btns) .btn:not(.danger).on{background-image:var(--ui-tab_selected);color:var(--sk-ink);text-shadow:var(--sk-dark-shadow)}.ui-skin :is(.tabs,.action-tabs,.xt-tabs,.quality-btns) .btn:not(.danger):active:not(:disabled){border-image:;transform:translateY(1px)}.ui-skin :is(.tabs,.action-tabs,.xt-tabs,.quality-btns) .btn:not(.danger):disabled{filter:grayscale(.8)brightness(.8);color:#fff3d6b3}.ui-skin .panel{border:21px solid #5a3a22;border-width:21px 24px 21px 23px;border-image:var(--ui-panel_large_frame) 78 87 / 33px 37px round;box-shadow:none;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;color:var(--sk-ink);background-clip:padding-box;border-radius:0;padding:9px 10px}.ui-skin .panel h2,.ui-skin .panel h3{font-family:var(--sk-title-font);color:var(--sk-ink);text-shadow:var(--sk-dark-shadow);font-weight:900}.ui-skin .panel-title{border:0 solid #0000;border-bottom-width:12px;border-image:var(--ui-divider_wood) 0 142 118 142 / 0 18px 12px 18px stretch;font-family:var(--sk-title-font);letter-spacing:1px;color:var(--sk-ink);text-shadow:var(--sk-dark-shadow);background:0 0;border-radius:0;margin:-8px -10px 10px;padding:2px 6px 10px;font-size:20px;font-weight:900}.ui-skin .modal-back{background:#140c0699}.ui-skin .modal-back>.panel{filter:drop-shadow(0 10px 18px #00000080)}.ui-skin :is(.dungeon-panel,.board-panel,.event-panel){background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;background-clip:padding-box}.ui-skin .dungeon-panel .panel-title,.ui-skin .board-panel .panel-title,.ui-skin .enc-panel.night .panel-title{color:var(--sk-ink);background:0 0}.ui-skin .enc-panel.night .panel-title small{color:#2c3a8f}.ui-skin :is(.town-panel,.event-panel,.dungeon-panel,.enc-panel,.shop-panel,.equip-panel)>.panel-title:before{content:"";background:var(--ui-seal_main) center / contain no-repeat;flex:none;width:30px;height:30px;margin-right:-2px}@media (width<=600px){.ui-skin .panel{border-width:13px 14px 14px;border-image-width:24px 27px;padding:9px}.ui-skin .panel-title{margin:-6px -6px 8px;font-size:17px}.ui-skin .btn{padding-left:9px;padding-right:9px}}.ui-skin :is(.choice,.enc-option,.town-service,.diff-card,.hero-pick,.lore-card,.nl-hero-pick,.xt-hint,.hero-card){border:7px solid #5a3a22;border-width:7px 10px 8px 9px;border-image:var(--ui-card_small_frame) 59 68 / 18px 20px round;box-shadow:none;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;color:var(--sk-ink);background-clip:padding-box;border-radius:0}.ui-skin :is(.choice,.enc-option,.town-service,.diff-card,.hero-pick,.lore-card,.nl-hero-pick):hover:not(:disabled){filter:brightness(1.05)drop-shadow(0 0 5px #ffcf55cc)}.ui-skin :is(.choice,.enc-option,.town-service):active:not(:disabled){box-shadow:none;transform:translateY(2px)}.ui-skin :is(.choice,.town-service,.nl-hero-pick):disabled{opacity:1;filter:grayscale(.8)brightness(.9)}.ui-skin :is(.enc-option,.choice){box-shadow:inset 5px 0 0 var(--stat,transparent);padding-left:16px}.ui-skin .enc-option.fight{--stat:var(--bad)}.ui-skin .enc-option.retreat{--stat:#8a7a62}.ui-skin .diff-card{box-shadow:inset 0 6px 0 var(--good);padding-top:12px}.ui-skin .diff-card.normal{box-shadow:inset 0 6px 0 var(--accent)}.ui-skin .diff-card.hard{box-shadow:inset 0 6px 0 var(--bad)}.ui-skin :is(.hero-pick.picked,.nl-hero.picked .nl-hero-pick,.lore-card.owned){box-shadow:none;filter:drop-shadow(0 0 6px var(--sk-glow)) drop-shadow(0 0 2px var(--sk-glow))}.ui-skin .nl-hero:not(.picked) .nl-hero-pick{opacity:.75}.ui-skin .pick-badge{background:var(--ui-seal_main) center / contain no-repeat;width:38px;height:38px;color:var(--sk-light);text-shadow:var(--sk-light-shadow);border:0;font-size:15px;top:-12px;right:-10px}.ui-skin .hero-card{padding:4px 6px;transition:transform .15s,filter .15s}.ui-skin .hero-card.active{box-shadow:none;filter:drop-shadow(0 0 6px var(--sk-glow)) drop-shadow(0 0 2px var(--sk-glow));border-color:#5a3a22}.ui-skin :is(.hero-card-turn,.hero-card-down){color:var(--sk-light);text-shadow:0 1px #2a0c02;background:linear-gradient(#d0582f,#9c3518);border:1.5px solid #4a1a08;border-radius:4px;top:-12px}.ui-skin .hero-card-down{background:linear-gradient(#7a7068,#4a423c)}.ui-skin :is(.portrait,.bubble-face,.nl-face){box-shadow:0 0 0 3px var(--sk-brass), 0 0 0 4px #5a3a10, 0 3px 6px 3px #0000004d;border:2px solid #3a2412}.ui-skin :is(.hp-art,.event-art,.enc-thumb,.xt-thumb,.dlg-portrait-fallback){border:3px solid #6b4426;box-shadow:inset 0 0 0 2px #ffe6aa73,0 2px #28140659}.ui-skin .xt-thumb,.ui-skin .enc-thumb{border-radius:8px}.ui-skin :is(.item-row,.save-row,.route-row,.equip-slot,.xt-card,.xt-ach,.nl-slot,.nl-save,.lore-card.owned){background:var(--sk-slip-bg);color:var(--sk-ink);border:2px solid #8a6038;border-radius:5px;box-shadow:inset 0 0 0 1px #fff0c88c,0 2px #3c1e0a4d}.ui-skin .lore-card.owned{border-image:var(--ui-card_small_frame) 59 68 / 18px 20px round;border-width:7px 10px 8px 9px;border-color:#5a3a22;border-radius:0}.ui-skin :is(.item-row,.xt-card,.nl-save):hover{border-color:#c9702a}.ui-skin :is(.item-row.selected,.equip-slot.selected,.xt-card.on){box-shadow:0 0 0 2px var(--sk-glow), 0 0 10px #ffcf55cc;background:var(--sk-slip-bg);border-color:#6b4400}.ui-skin .save-row.empty,.ui-skin .empty-slot,.ui-skin .bag-item.empty{box-shadow:none;background:#784e2414;border:2px dashed #8a603899}.ui-skin .xt-card.unknown{color:var(--sk-ink-soft);background:#5a3a222e}.ui-skin .xt-ach.done{border-color:#b8893a;box-shadow:0 0 0 2px #ffcf5599,inset 0 0 0 1px #fff0c88c}.ui-skin .nl-slot.connected{border-color:var(--good)}.ui-skin .nl-slot.away{border-color:var(--bad)}.ui-skin :is(.shop-detail,.equip-detail,.xt-detail,.tier-table,.xt-lock,.nl-resume){background:#fff6de73;border:2px solid #8a60388c;border-radius:6px;box-shadow:inset 0 1px 4px #5a3a2240}.ui-skin .bag-item.selected{background:#ffcf5559;box-shadow:0 0 0 2px #b8893a}.ui-skin .bag-count{border:1px solid var(--sk-brass);background:#3a2414}.ui-skin .icon-box{background:radial-gradient(circle at 50% 40%,#fbf0d6,#e2c99a);border-radius:8px;box-shadow:inset 0 2px 3px #5a3a2259}.ui-skin .dt-room{background:radial-gradient(circle at 50% 40%,#fbf0d6,#e2c99a);border:2px solid #6b4426;border-radius:8px}.ui-skin .dt-room.done{background:radial-gradient(circle at 50% 40%,#dfeccf,#a8c491)}.ui-skin .dt-room.now{background:radial-gradient(circle at 50% 40%, #fff3c4, var(--gold));box-shadow:0 0 0 2px #6b4400, 0 0 12px var(--sk-glow)}.ui-skin .dt-link{background:#8a6038;border-radius:2px;height:5px}.ui-skin .dt-link.done{background:var(--good)}.ui-skin :is(input[type=text],input[type=search],input:not([type]),textarea,select,.xt-search,.nl-name,.nl-code,.nl-room-input,.nl-diff,.nl-seat){color:var(--sk-ink);background:#fbf3e0;border:2px solid #8a6038;border-radius:5px;box-shadow:inset 0 2px 3px #5a3a2240}.ui-skin .nl-code[readonly]{background:#efe2c4}.ui-skin input[type=range]{accent-color:#a35618}.ui-skin .stat-chip{text-shadow:0 1px #0000008c;border:1.5px solid #e2c27a;border-radius:4px;box-shadow:inset 0 1px #ffffff59,0 1px #00000073}.ui-skin .focus-cost{text-shadow:0 1px #00000080;background:linear-gradient(#5f9ff0,#2c5aa8);border:1px solid #cfe0ff}.ui-skin .bar{border:9px solid #5b2a20;border-width:4px 9px 5px;border-image:var(--ui-hp_frame) 57 142 fill / 7px 18px stretch;background:0 0;border-radius:0;height:16px;overflow:visible}.ui-skin .bar>i{background:var(--ui-hp_fill) center / 100% 100% no-repeat, #c8463a;border-radius:2px}.ui-skin .bar>b{background:#ffd8a8d9;border-radius:2px}.ui-skin .bar>span{color:#fff;text-shadow:0 1px #000,0 0 2px #000,0 0 3px #000;font-size:11px;line-height:16px;inset:-5px -6px -6px}.ui-skin :is(.xt-ach-summary,.xt-ach-prog) .bar,.ui-skin .train-bar,.ui-skin .hp-statbar{border:3px solid #3a2414;border-width:3px 7px;border-image:var(--ui-xp_frame) 38 100 fill / 6px 14px stretch;background:0 0;border-radius:0;overflow:hidden}.ui-skin :is(.xt-ach-summary,.xt-ach-prog) .bar>i{background:var(--ui-xp_fill) center / 100% 100% no-repeat, #e5a21f}.ui-skin .train-bar{height:14px}.ui-skin .hp-statbar{border-width:2px 5px;border-image-width:5px 10px;height:10px}.ui-skin .train-bar i,.ui-skin .hp-statbar i{border-radius:2px}.ui-skin .pips{gap:1px}.ui-skin .pips>i{background:var(--ui-focus_off) center / contain no-repeat;width:12px;height:12px;box-shadow:none;border:0;border-radius:0}.ui-skin .pips>i.on{background-image:var(--ui-focus_on);box-shadow:none;filter:drop-shadow(0 0 2px #8fc0ff)}.ui-skin .status{border-radius:4px}.ui-skin :is(.toast,.combat-banner,.net-toast,.xt-toast){border:2px solid var(--sk-brass);background:linear-gradient(#4a2c16,#2a170a);border-radius:6px;box-shadow:inset 0 0 0 1px #ffe6aa40,0 4px 10px #00000073}.ui-skin .hud-why{background:#2a170ae0;border:1.5px solid #c9a24ab3;border-radius:6px}.ui-skin .slot:before{content:"";filter:blur(2px);background:#140a0266;border-radius:50%;height:18%;position:absolute;bottom:-8%;left:10%;right:10%}.ui-skin .slot-face{box-shadow:none;background:var(--ui-token_blank) center / 100% 100% no-repeat;border:0;border-radius:50%;inset:-9%}.ui-skin .slot-face.front{background:var(--ui-token_blank) center / 100% 100% no-repeat;box-shadow:none}.ui-skin .slot-face.front:before{content:"";background:var(--stat-icon,none) center / contain no-repeat;opacity:.38;position:absolute;inset:26%}.ui-skin .slot-pct{color:#3a2210;font-size:calc(var(--slot) * .28);text-shadow:0 0 3px #fff6e0,0 0 2px #fff6e0;position:relative}.ui-skin .slot-lock,.ui-skin .slot-hit,.ui-skin .slot-miss{display:none!important}.ui-skin .slot.locked .slot-face.front{background:var(--ui-token_locked) center / 100% 100% no-repeat;box-shadow:none;border:0;animation:.3s cubic-bezier(.2,1.6,.4,1) lock-in}.ui-skin .slot.locked .slot-face.front:before,.ui-skin .slot.locked .slot-pct{display:none}.ui-skin .slot.spinning .slot-face.front{background:var(--ui-token_blank) center / 100% 100% no-repeat;animation:.16s linear infinite sk-token-spin}.ui-skin .slot.spinning .slot-pct,.ui-skin .slot.spinning .slot-face.front:before{opacity:0}@keyframes sk-token-spin{0%,24%{background-image:var(--ui-token_blank);transform:scaleX(1)}25%,74%{background-image:var(--ui-token_flip);transform:scaleX(.92)}75%,to{background-image:var(--ui-token_blank);transform:scaleX(1)}}.ui-skin .slot.hit .slot-face.back{background:var(--ui-token_success) center / 100% 100% no-repeat;box-shadow:none;border:0}.ui-skin .slot.miss .slot-face.back{background:var(--ui-token_fail) center / 100% 100% no-repeat;border:0}.ui-skin .roller.perfect .slot.hit .slot-face.back{background-image:var(--ui-token_perfect)}.ui-skin .slot.locked.hit:after{background-color:#6b4400;border-color:#ffe6a1;top:-4px;right:-2px}.ui-skin .roller.tense .slot.spinning{animation:.2s ease-in-out infinite spin-bob,.4s ease-in-out infinite tense-glow}.ui-skin .roller{border:16px solid #5a3a22;border-top-width:15px;border-image:var(--ui-panel_large_frame) 78 87 / 27px 30px round;box-shadow:none;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;color:var(--sk-ink);background-clip:padding-box;border-radius:0;padding:8px 12px}.ui-skin .roller.perfect{box-shadow:none;filter:drop-shadow(0 0 10px var(--sk-glow)) drop-shadow(0 0 3px var(--sk-glow));border-color:#5a3a22}.ui-skin .roller-title{font-family:var(--sk-title-font);color:var(--sk-ink);text-shadow:var(--sk-dark-shadow)}.ui-skin .lock-box{background:#5a3a2224;border:2px solid #8a6038;border-radius:6px}.ui-skin .dist-chip{background:#5a3a2224;border-radius:4px}.ui-skin .dist-chip.pass{background:#3f9a6238}.ui-skin .result-tag{border-radius:4px}.ui-skin :is(.roll-host,.choice-roll) .roller{background:0 0;border:0;border-image:}@media (width<=480px){.ui-skin .roller{border-width:11px 12px 12px;border-image-width:21px 23px;padding:6px}}.ui-skin .time-bar{border:11px solid #5a3a22;border-width:11px 24px 12px 19px;border-image:var(--ui-bar) 54 103 54 80 fill / 16px 31px 16px 24px round;box-shadow:none;background:0 0;border-radius:0;padding:2px 4px;position:relative}.ui-skin .time-bar.is-night{color:#1d1a35;background:0 0;border-color:#11132a}.ui-skin .time-bar.is-night:before{content:"";mix-blend-mode:multiply;pointer-events:none;background:#2834786b;border-radius:6px;position:absolute;inset:-4px}.ui-skin .time-bar.is-night>*{position:relative}.ui-skin .time-seg{background:linear-gradient(#fff3c4,#f0d58a);border:1.5px solid #6b4426;border-radius:6px;box-shadow:inset 0 -2px #5a3a2240}.ui-skin .time-seg.night{background:linear-gradient(#5a63a8,#2f3566)}.ui-skin .time-seg.now{box-shadow:0 0 0 2px #fff3c4, 0 0 8px var(--sk-glow);border-color:#8a3a00}.ui-skin .chaos-seg{background:#cdb48a;border-color:#4a2e18}.ui-skin .quest-track{border:14px solid #5a3a22;border-top-width:13px;border-image:var(--ui-panel_large_frame) 78 87 / 25px 28px round;box-shadow:none;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;background-clip:padding-box;border-radius:0;padding:7px 10px;position:relative}.ui-skin .quest-track:after{content:"";background:var(--ui-seal_main) center / contain no-repeat;pointer-events:none;width:40px;height:40px;position:absolute;top:-20px;right:-16px}.ui-skin .quest-head{background:var(--ui-tab_selected) center / 100% 100% no-repeat;color:var(--sk-ink);border-radius:0;padding:2px 14px 4px;font-size:12px}.ui-skin .quest-title{font-family:var(--sk-title-font);font-weight:900}.ui-skin .hud-bottom-row{border:12px solid #5a3a22;border-width:12px 26px 13px 20px;border-image:var(--ui-bar) 54 103 54 80 fill / 18px 35px 18px 27px round;box-shadow:none;background:0 0;border-radius:0;padding:2px 4px}.ui-skin .hud-menu .btn{box-shadow:none}.ui-skin .hud-menu .btn:not(.round){min-width:56px}@media (width<=700px){.ui-skin .time-bar{border-width:8px 16px 9px 13px;border-image-width:12px 23px 12px 18px;padding:1px 2px}.ui-skin .quest-track{border-width:10px 11px 11px;border-image-width:19px 21px;padding:4px 6px}.ui-skin .quest-track:after{width:28px;height:28px;top:-14px;right:-10px}.ui-skin .hud-bottom-row{border-width:9px 18px 10px 14px;border-image-width:13px 25px 13px 19px;padding:1px 2px}.ui-skin .hud-heroes .hero-card{border-width:5px 7px 6px;border-image-width:13px 15px;padding:3px 4px}.ui-skin .hud-menu .btn:not(.round){min-width:0}}.ui-skin .qk-label{border:7px solid #6b4426;border-width:4px 7px 5px;border-image:var(--ui-card_small) 59 68 fill / 11px 12px round;box-shadow:none;color:var(--sk-ink);text-shadow:var(--sk-dark-shadow);background:0 0;border-radius:0;padding:0 3px;font-weight:800}.ui-skin .qk-label.major{background:0 0}.ui-skin .qk-label.capital{color:#5a2a00}.ui-skin .town-hero{border-bottom:3px solid #6b4426;margin:-10px -12px 10px;box-shadow:0 2px #ffe6aa66}.ui-skin .town-hero p{background:linear-gradient(#0000,#f3e3c0f5 40%)}.ui-skin .board-panel .job-list{background:#a8784a;border-radius:4px;padding:12px;box-shadow:inset 0 2px 8px #0006}.ui-skin .opt-cost{border-radius:4px}.ui-skin .lore-points,.ui-skin .xt-rate{border:1px solid #b48ad0;border-radius:4px}.ui-skin .dlg-box{border:21px solid #5a3a22;border-top-width:19px;border-image:var(--ui-panel_large_frame) 78 87 / 34px 38px round;box-shadow:none;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bdf7;background-clip:padding-box;border-radius:0;padding:12px 14px 34px}.ui-skin .dlg-name{color:var(--sk-light);text-shadow:var(--sk-light-shadow);border:14px solid #3a2414;border-width:5px 14px 7px;border-image:var(--ui-btn_secondary) 58 75 fill / 14px 18px round;background:0 0;border-radius:0;top:-36px;left:18px}.ui-skin .dlg-text{color:var(--sk-ink)}.ui-skin .dlg-next{color:#8a3a10}.ui-skin .dlg-controls{bottom:2px;right:4px}.ui-skin .dlg-auto.on{filter:sepia(.4)saturate(2)hue-rotate(-10deg)}.ui-skin .bubble-body{border:10px solid #5a3a22;border-width:8px 10px 9px;border-image:var(--ui-card_small) 59 68 fill / 15px 17px round;box-shadow:none;background:0 0;border-radius:0;padding:1px 4px}.ui-skin .bubble.npc .bubble-body{filter:hue-rotate(200deg)saturate(.5)brightness(1.05);background:0 0}@media (width<=600px){.ui-skin .dlg-box{border-width:14px 15px 15px;border-image-width:25px 28px;padding:8px 8px 36px}.ui-skin .dlg-name{top:-30px}}.ui-skin .mm-logo h1,.ui-skin .end-title,.ui-skin .g-card-title{font-family:var(--sk-title-font)}.ui-skin .screen-title{font-family:var(--sk-title-font);text-shadow:0 2px #2a1206,0 0 8px #0009;font-weight:900}.ui-skin .menu-buttons .btn{width:100%}.ui-skin .end-stat{background:#2a170a8c;border:1px solid #c9a24a80;border-radius:4px}.ui-skin .xt-hint{border-left-width:9px;padding:8px 10px 10px}.ui-skin .xt-hint:after{background:#a35618;width:auto;height:3px;left:0;right:0}.ui-skin .xt-hint-tag{background:linear-gradient(#d0582f,#9c3518);border-radius:4px}.ui-skin .xt-hint-icon,.ui-skin .xt-ach-icon{border:2px solid #6b4426;border-radius:8px}.ui-skin .xt-tip{background:#2a170acc;border:2px solid #c9a24ab3;border-radius:6px}.ui-skin .xt-card-badge{border-radius:4px}@media (width<=700px){.ui-skin .xt-panel{border-width:12px 11px;border-image-width:22px}.ui-skin .xt-hint{border-width:6px 8px 7px;border-image-width:15px 17px}}.ui-skin .nl-banner{border-radius:5px}.ui-skin .nl-tag{border-radius:4px}.ui-skin .nl-room{background:var(--sk-slip-bg);color:#7a3a10;border:2px dashed #8a6038;border-radius:6px}.ui-skin .net-bar{background:linear-gradient(#4a2c16eb,#2a170aeb);border:2px solid #c9a24ab3;border-radius:6px}.ui-skin .nb-turn{border-radius:4px}.ui-skin .roller{--slot:clamp(28px, calc((min(100vw, 620px) - 130px) / var(--n) - 10px), 58px)}.ui-skin .roller.compact{--slot:clamp(26px, calc((min(100vw, 560px) - 120px) / var(--n) - 9px), 46px)}.ui-skin .roller-row{padding:6px 8px}@media (width<=480px){.ui-skin .roller{--slot:clamp(24px, calc((100vw - 110px) / var(--n) - 9px), 48px)}.ui-skin .roller.compact{--slot:clamp(22px, calc((100vw - 104px) / var(--n) - 8px), 40px)}}.ui-skin :is(.roll-host,.choice-roll) .roller{--slot:clamp(28px, calc((min(100vw, 620px) - 90px) / var(--n) - 10px), 58px)}.ui-skin .skill-pop{box-shadow:none;border:10px solid #4a2e18;border-width:7px 10px 8px;border-image:var(--ui-nameplate) 91 117 91 115 fill / 12px 15px round;filter:drop-shadow(0 0 8px #ffc440b3)drop-shadow(0 3px 4px #00000073);background:0 0;border-radius:0;padding:1px 6px 1px 2px}.ui-skin .skill-pop-face{box-shadow:0 0 0 2px var(--sk-brass);border:0;border-radius:50%}.ui-skin .skill-row{background:var(--sk-slip-bg);border:1.5px solid #8a6038;border-radius:5px}.ui-skin .skill-row.active{box-shadow:inset 4px 0 #3b7fc4}.ui-skin .weapon-card{box-shadow:none;border:7px solid #5a3a22;border-width:7px 10px 8px 9px;border-image:var(--ui-card_small_frame) 59 68 / 18px 20px round;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;background-clip:padding-box;border-radius:0;padding:4px 10px 4px 6px}.ui-skin .weapon-card:hover:not(:disabled){background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;filter:brightness(1.05)drop-shadow(0 0 5px #ffcf55cc);background-clip:padding-box}.ui-skin .weapon-card:disabled{opacity:1;filter:grayscale(.8)brightness(.9)}.ui-skin .fx-chip{border-radius:4px}.ui-skin .move-src{border-radius:3px}.ui-skin .end-stat{border:2px solid var(--sk-brass);color:var(--sk-light);text-shadow:var(--sk-light-shadow);background:linear-gradient(#4a2c16,#2a170a);border-radius:5px;box-shadow:inset 0 0 0 1px #ffe6aa40,0 3px 6px #00000073}.ui-skin :is(.end-text,.town-desc,.ftk-desc,.event-text){text-wrap:pretty}.ui-skin .end-screen.lose{background:linear-gradient(#3a1a0a9e, #160903e0), var(--bg,none) center / cover, radial-gradient(ellipse at 50% 30%, #6a3a1c, #1a0d05 80%)}.ui-skin .end-screen.lose .end-title{color:#f0c987;text-shadow:0 4px #5a1208,0 0 22px #aa221499}.ui-skin .end-screen.lose .end-lore b,.ui-skin .end-screen .end-lore b{color:#ffd257}.ui-skin .end-screen.lose .end-text{color:#f3dfbf}.world-hud,.g-modal,.screen,.lore-screen,.xt-hint-host{zoom:var(--ui-zoom,1)}.ui-skin .world-hud .skel-top{border-width:6px 16px 8px;border-image:var(--ui-thin_topbar) 39 92 fill / 12px 30px round;background:0 0;gap:10px;height:52px}.ui-skin .world-hud .st-who{color:#ffe6a1;text-shadow:0 1px #000,0 0 3px #000;font-size:16px}.ui-skin .world-hud .st-who b{font-size:19px}.ui-skin .world-hud .st-face{width:34px;height:34px}.ui-skin .world-hud .st-face.now{align-self:start;width:46px;height:46px;margin:0 6px -14px 0}.ui-skin .world-hud .st-face.now:after{inset:-6px -6px -8px}.ui-skin .world-hud .st-faces{align-self:center;align-items:center;height:34px}@media (width>=701px){.ui-skin .world-hud .skel-top .time-seg,.ui-skin .world-hud .skel-top .time-turns.many .time-seg{border-width:2px;height:24px;font-size:16px}}@media (width<=700px){.ui-skin .world-hud .skel-top .time-seg,.ui-skin .world-hud .skel-top .time-turns.many .time-seg{border-width:1.5px;height:18px;font-size:0}.ui-skin .world-hud .skel-top .time-turns.many .time-seg.now{font-size:11px}}.ui-skin .world-hud .skel-top .time-seg.day{background:linear-gradient(#fff6cf,#f2cf6a);border-color:#3a2410}.ui-skin .world-hud .skel-top .time-seg.night{background:linear-gradient(#6c78d0,#2e3478);border-color:#12142e}.ui-skin .world-hud .skel-top .time-seg.past{opacity:.38}.ui-skin .world-hud .skel-top .time-seg.now{border-color:#ffcf55;box-shadow:inset 0 0 0 2px #8a3a00,0 0 8px #ffcf55cc}.ui-skin .world-hud .st-day{text-shadow:0 1px #000,0 0 3px #000;font-size:19px}.ui-skin .world-hud .st-day .thumb{width:26px;height:26px}.ui-skin .world-hud .skel-top .hud-menu .btn.round{width:36px;height:36px;font-size:18px}.ui-skin .world-hud .skel-top .st-end{background:var(--ui-thin_hourglass) center top / 48px 66px no-repeat;color:#0000;width:48px;height:66px;text-shadow:none;filter:drop-shadow(0 2px 3px #000000b3);border:0;border-radius:0;align-self:start;margin:-4px 4px -26px 0;font-size:0;position:relative}.ui-skin .world-hud .skel-top .st-end:hover:not(:disabled){background:var(--ui-thin_hourglass) center top / 48px 66px no-repeat;filter:drop-shadow(0 0 6px #ffcf55)brightness(1.1)}.ui-skin .world-hud .skel-top .st-end:after{content:"結束回合";white-space:nowrap;color:#fff3d6;text-shadow:0 1px #000,0 0 3px #000,0 0 4px #000;margin-top:2px;font-size:14px;font-weight:900;position:absolute;top:100%;left:50%;transform:translate(-50%)}.ui-skin .world-hud .end-tip{top:100px;right:6px}.ui-skin .world-hud .skel-sub{top:54px}.ui-skin .skel-sub .cb-place{background:#1a110ac7;border:2px solid #c9a24a;border-image:;border-radius:4px;padding:2px 18px 3px;font-size:18px;box-shadow:0 2px 6px #00000073}.ui-skin .skel-sub .cb-seal{width:22px;height:24px}.ui-skin .skel-sub .cb-heart{width:24px;height:26px}.ui-skin .skel-sub .cb-heart:after{font-size:16px}.ui-skin .world-hud .hud-quest{top:92px}.ui-skin .world-hud.end-ready .hud-quest{top:146px}@media (width<=700px){.ui-skin .world-hud.end-ready .hud-quest{top:146px}}.ui-skin .party{background:linear-gradient(#140c0600,#140c0673 60%);height:19%;min-height:124px;max-height:152px;padding-bottom:1vh}.ui-skin .pcard{border-width:6px;border-image:var(--ui-thin_frame) 91 / 11px round;background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bdf5;background-clip:padding-box;max-height:136px;padding:4px 6px 4px 4px}.ui-skin .pc-grid{grid-template-rows:24px minmax(0,1fr) 16px 14px;grid-template-columns:62px 24px auto minmax(0,1fr) auto;gap:2px 6px}.ui-skin .pc-name{letter-spacing:1px;margin-left:4px;padding:0 16px 0 12px;font-size:18px}.ui-skin .pcard .big-hp{font-size:44px}.ui-skin .pc-lv{width:22px;height:22px;font-size:13px}.ui-skin .pcard .shield{width:22px;height:23px;font-size:13px}.ui-skin .pc-pips .pips>i{width:15px;height:17px}.ui-skin .pc-gold{font-size:16px;font-weight:900}.ui-skin .pc-gold .thumb{width:20px;height:20px}.ui-skin .pc-quick{grid-template-columns:repeat(5,18px);grid-auto-rows:18px}.ui-skin .pcard .bar{height:16px}.ui-skin .pcard .bar>span{-webkit-text-stroke:.6px #000;text-shadow:0 1px #000,0 0 3px #000;font-size:14px;font-weight:900;line-height:16px}.ui-skin .pc-xp{height:14px}.ui-skin .pc-xp .xpbar{border-radius:4px;height:10px}.ui-skin .pc-xp span{color:#4a2c12;font-size:13px;font-weight:900;line-height:14px}@container pcard (width<=300px){.ui-skin .pc-grid{grid-template-columns:52px 24px auto minmax(0,1fr) auto}.ui-skin .pcard .big-hp{font-size:36px}.ui-skin .pc-quick{grid-template-columns:repeat(5,14px);grid-auto-rows:14px}}@container pcard (width<=200px){.ui-skin .pc-grid{grid-template-rows:20px minmax(0,1fr) 13px 13px;grid-template-columns:30px minmax(0,1fr) auto}.ui-skin .pc-name{letter-spacing:0;margin-left:2px;padding:0 10px 0 6px;font-size:15px}.ui-skin .pcard .big-hp{font-size:28px}.ui-skin .pcard .bar{height:13px}.ui-skin .pcard .bar>span{font-size:11px;line-height:13px}.ui-skin .pcard .shield{width:17px;height:18px;font-size:11px}}@media (width<=700px){.ui-skin .party{height:100px;min-height:0;max-height:none}.ui-skin .pcard{border-width:5px;border-image-width:9px;height:90px}.ui-skin .pc-grid{grid-template-rows:20px minmax(0,1fr) 13px 13px;grid-template-columns:30px minmax(0,1fr) auto}.ui-skin .pc-name{letter-spacing:0;margin-left:2px;padding:0 10px 0 6px;font-size:15px}.ui-skin .pcard .big-hp{font-size:28px}.ui-skin .pcard .bar{height:13px}.ui-skin .pcard .bar>span{font-size:11px;line-height:13px}.ui-skin .pcard .shield{width:17px;height:18px;font-size:11px}}.ui-skin .panel{border-width:7px;border-image:var(--ui-thin_frame) 91 / 12px round;padding:10px 12px}.ui-skin .roller{border-width:6px;border-image:var(--ui-thin_frame) 91 / 11px round}.ui-skin .g-modal .panel{font-size:16px}.ui-skin .eq-stat{font-size:17px}.ui-skin .eq-stat-icon{width:26px;height:26px}.ui-skin .eq-name,.ui-skin .bag-row{font-size:16px}.ui-skin .eq-row .icon-box,.ui-skin .bag-row .icon-box{width:36px;height:36px}.ui-skin .town-desc,.ui-skin .ftk-desc{font-size:17px}.ui-skin .ftk-plate{font-size:19px}.ui-skin .g-modal .btn.small:not(.round),.ui-skin .town-lore,.ui-skin .town-leave-tip{font-size:15px}.ui-skin .qk-label{color:#fff3d6;text-shadow:0 1px #000,0 0 2px #000;font-size:calc(14px * var(--ui-zoom,1));padding:0 calc(7px * var(--ui-zoom,1));background:#1a110abd;border:1.5px solid #c9a24ae6;border-image:;border-radius:4px;font-weight:800;box-shadow:0 1px 3px #00000080}.ui-skin .qk-label.major{font-size:calc(15px * var(--ui-zoom,1));background:#1a110acc}.ui-skin .qk-label.capital{color:#ffe08a;font-size:calc(16px * var(--ui-zoom,1));border-color:#ffcf55}.ui-skin :is(.choice,.enc-option,.town-service,.diff-card,.hero-pick,.lore-card,.nl-hero-pick,.xt-hint,.hero-card),.ui-skin .ftk-card{border-width:6px;border-image:var(--ui-thin_frame) 91 / 11px round}.ui-skin .equip-panel.ftk-right{max-height:calc(100% - var(--top-room) - var(--party-room));bottom:auto}.ui-skin .world-hud .hud-bottom.anchored .btn{min-height:36px;padding-top:2px;padding-bottom:2px;font-size:16px}.ui-skin .world-hud .hud-bottom.anchored .btn.big{padding-left:16px;padding-right:16px;font-size:17px}.ui-skin .pc-grid{grid-template-columns:62px auto auto minmax(0,1fr) auto;grid-template-areas:"face name name name pips""face hp defs quick side""face bar bar bar bar""face xp xp xp xp"}.ui-skin .pc-defs{flex-direction:row;align-self:center;gap:3px}@container pcard (width<=300px){.ui-skin .pc-grid{grid-template-columns:52px auto auto minmax(0,1fr) auto}.ui-skin .pc-defs .evade{display:none}}@container pcard (width<=240px){.ui-skin .pc-grid{grid-template-areas:"face name name name pips""face hp defs defs side""face bar bar bar bar""face xp xp xp xp"}}@container pcard (width<=200px){.ui-skin .pc-grid{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"face name name""face hp defs""pips pips pips""bar bar bar"}}@media (width<=700px){.ui-skin .pc-grid{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"face name name""face hp defs""pips pips pips""bar bar bar"}}@media (width>=701px){.ui-skin .xt-hint-host{left:12px;right:auto}}.ui-skin .world-hud .hud-bottom.anchored{transform:translate(-50%,18px)}.ui-skin .world-hud .hud-bottom.anchored .hud-bottom-row:after{clip-path:polygon(50% 0,100% 100%,0 100%);top:-9px;bottom:auto}.ui-skin .world-hud .hud-bottom.anchored .hud-why{order:2}@media (width<=700px){.ui-skin .world-hud .skel-top{height:52px}.ui-skin .world-hud .skel-top .hud-menu .btn.round{width:40px;height:40px}.ui-skin .world-hud .skel-sub{top:54px}}@container pcard (width<=340px){.ui-skin .pc-quick{display:none}.ui-skin .pc-grid{grid-template-columns:58px auto auto minmax(0,1fr) auto;grid-template-areas:"face name name name pips""face hp defs.side""face bar bar bar bar""face xp xp xp xp"}.ui-skin .pc-side{grid-template-columns:auto auto auto;align-self:center;gap:1px 3px}.ui-skin .pc-gold{font-size:15px;line-height:18px}.ui-skin .pc-bag,.ui-skin .pc-weapon,.ui-skin .pc-skill.on{width:20px;height:18px}}@media (width<=700px){.ui-skin .pc-grid{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"face name name""face hp defs""pips pips pips""bar bar bar"}.ui-skin .pc-quick,.ui-skin .pc-side{display:none}.ui-skin .world-hud .skel-top{border-width:4px 12px 5px;border-image-width:8px 22px}.ui-skin .world-hud .skel-top .time-turns.many .time-seg.now{font-size:0}}body{-webkit-user-select:none;user-select:none}body :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.time-gap{display:none}@media (width>=701px){.ui-skin .world-hud .skel-top{grid-template-columns:auto auto minmax(0,1fr);container-type:inline-size}.ui-skin .world-hud .skel-top .st-day{justify-self:end;margin-right:6px}.ui-skin .world-hud .skel-top .st-end{z-index:4;margin:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.ui-skin .world-hud .skel-top .hud-time{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.ui-skin .world-hud .skel-top .time-bar{position:absolute;inset:0}.ui-skin .world-hud .skel-top .time-turns,.ui-skin .world-hud .skel-top .time-turns.many{--gap:64px;--seg:max(6px, calc((50cqw - var(--gap) / 2 - 2px - 300px) / var(--nr,8)));width:auto;transform:translate(calc(-1 * var(--nl,7) * (var(--seg) + 2px) - var(--gap) / 2), -50%);gap:2px;display:flex;position:absolute;top:50%;left:50%}.ui-skin .world-hud .skel-top .time-seg,.ui-skin .world-hud .skel-top .time-turns.many .time-seg,.ui-skin .world-hud .skel-top .time-turns.many .time-seg.now{width:var(--seg);flex:none}.ui-skin .world-hud .skel-top .time-gap{width:var(--gap);flex:none;display:block}.ui-skin .world-hud .skel-top .room-track{width:max-content;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.ui-skin .world-hud .skel-top .rt-count{white-space:nowrap}.ui-skin .game-root .g-modal .modal-back:has(>.dungeon-scene){--top-room:124px}.ui-skin .world-hud .skel-sub{top:86px}.ui-skin .world-hud .end-tip{top:124px;left:50%;right:auto;transform:translate(-50%)}.ui-skin .world-hud .end-tip:before{left:50%;right:auto;transform:translate(-50%)}.ui-skin .world-hud.end-ready .end-tip{animation:1.2s ease-in-out infinite end-tip-bob-c}.ui-skin .world-hud.end-ready .hud-quest{top:92px}}@keyframes end-tip-bob-c{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@media (width>=701px){.ui-skin .world-hud.rolling .hud-bottom{left:24px;right:auto;transform:none}.ui-skin .world-hud .skel-top .st-end:active:not(:disabled){transform:translate(-50%,2px)}.ui-skin .equip-panel.ftk-right.over-card{top:auto;bottom:var(--party-room);animation-name:ftk-in-up}.ui-skin .equip-wrap:has(.over-card) .equip-float{top:auto;bottom:var(--party-room)}}@keyframes ftk-in-up{0%{opacity:0;transform:translateY(16px)}}.ui-skin .xt-hint-host.xt-anchored{width:min(360px, calc(100vw / var(--ui-zoom,1) - 24px));top:0;left:0;right:auto;bottom:auto!important}@media (width>=701px) and (height>=900px){.ui-skin .game-root:has(.g-modal .panel) .xt-hint-host:not(.xt-anchored){left:auto;right:12px}}.ui-skin .ftk-left.event-win>.ftk-art{flex-shrink:1;min-height:96px}@media (width>=701px) and (height<=860px){.ui-skin .g-modal .ftk-left{overflow:hidden auto}.ui-skin .g-modal .ftk-left .ftk-outcome{width:auto;margin:22px 0 4px;position:static}}.ui-skin .setup-list .diff-card.on{color:#fff8e6;filter:drop-shadow(0 0 8px #ffcf55);background:linear-gradient(#e2a93a,#a8661a) padding-box padding-box}.ui-skin .setup-list .diff-card.on b{color:#fff8e6;text-shadow:0 1px #5a2e08,0 0 4px #5a2e08}.ui-skin .setup-list .diff-card.on b:before{content:"✔ "}.ui-skin .setup-list .diff-card:not(.on){opacity:.82}.ui-skin .hs-foot{justify-content:center}.ui-skin .hs-foot .hs-keys{position:absolute;top:50%;left:4%;transform:translateY(-50%)}@media (width<=1100px){.ui-skin .hs-foot .hs-keys{display:none}}.ui-skin .dungeon-box{text-align:center;justify-content:center;align-items:center}.ui-skin .dungeon-box .ftk-desc{text-align:center;min-height:0;font-size:16px}.ui-skin .dungeon-box>*{margin-left:auto;margin-right:auto}.ui-skin .world-hud :is(.quest-head,.quest-desc,.quest-steps),.ui-skin .world-hud .st-who small{font-size:15px}@media (width>=701px){.ui-skin .world-hud .skel-top .time-turns.many .time-seg.now,.ui-skin .world-hud .skel-top .time-seg{font-size:15px}}.ui-skin .world-hud .rt-count{font-size:16px}.ui-skin .g-quest-mark .qm-label{font-size:calc(16px * var(--ui-zoom,1))}@media (width>=701px){@container pcard (width>=201px){.ui-skin .pc-lv{width:24px;height:24px;font-size:15px}.ui-skin .pcard .shield{width:27px;height:28px;font-size:15px}.ui-skin .pcard .pc-skill.on{width:22px;height:22px;font-size:15px}.ui-skin .pcard .bar{height:18px}.ui-skin .pcard .bar>span{font-size:15px;line-height:18px}.ui-skin .pc-xp{height:17px}.ui-skin .pc-xp span{font-size:15px;line-height:17px}.ui-skin .pc-grid{grid-template-rows:24px minmax(0,1fr) 18px 17px}}}.ui-skin .xt-hint-tag,.ui-skin .xt-hint-acts .xt-link,.ui-skin .xt-hint-more{font-size:15px}.ui-skin .xt-hint-text{font-size:16px}.ui-skin .xt-hint-acts .btn.small{font-size:15px}.ui-skin :is(.sr-stock,.sr-price,.shop-row .rarity-text){font-size:16px}.ui-skin .ftk-shop small,.ui-skin .ftk-card-name small.rarity-text,.ui-skin .ftk-card-desc,.ui-skin .ftk-card-body,.ui-skin .ftk-card-tag,.ui-skin .equip-panel small,.ui-skin .equip-panel .eq-sub,.ui-skin .equip-sub,.ui-skin .equip-panel .eq-row .icon-box,.ui-skin .equip-panel .bag-row .icon-box{font-size:15px}.ui-skin .equip-panel .sub-title{font-size:16px}.ui-skin .sig{font-size:15px}.ui-skin .sig-icon{width:30px;height:33px;font-size:15px}.ui-skin .sig small{font-size:15px;line-height:1.15}.ui-skin .sig-desc{font-size:15px}.ui-skin :is(.ftk-out-pct,.ftk-out-text){font-size:16px}.ui-skin .ftk-hex-num{width:26px;height:28px;font-size:15px}.ui-skin .ftk-side-lv{min-width:24px;height:22px;font-size:15px}.ui-skin .ftk-lore,.ui-skin .ftk-notoken,.ui-skin .g-modal .stat-chip,.ui-skin .hud-modal .stat-chip{font-size:15px}.ui-skin .lore-sec-title{background-size:min(100%,1000px) 100%}.ui-skin .world-hud .hud-quest .quest-head,.ui-skin .shop-cols,.ui-skin .ftk-plate small,.ui-skin .ftk-token b{font-size:15px}@media (width>=701px){.ui-skin .ftk-left .ftk-token{width:58px;height:58px}.ui-skin .ftk-left .ftk-token b{font-size:16px}}:is(.game-root .g-modal .modal-back:not(:has(>.dungeon-scene)),.game-root .world-hud .hud-modal){top:var(--safe-t-z,124px);bottom:var(--safe-b-z,150px)}.game-root .g-modal,.game-root .hud-modal{--party-room:8px;--top-room:8px}.game-root :is(.g-modal,.hud-modal) .ftk-left,.game-root .g-modal .modal-back[data-panel^=town-]>.panel,.game-root .g-modal .modal-back[data-panel=device]>.panel{height:fit-content;max-height:calc(100% - var(--top-room) - var(--party-room));margin-top:auto;margin-bottom:auto;position:absolute;top:0;bottom:0}.game-root .g-modal .modal-back[data-panel=device]>.panel{width:min(34%,470px);overflow-y:auto}@media (width>=701px){.game-root :is(.g-modal,.hud-modal) .ftk-left,.game-root .g-modal .modal-back[data-panel^=town-]>.panel,.game-root .g-modal .modal-back[data-panel=device]>.panel,.game-root .g-modal .modal-back>.ftk-town,.game-root .g-modal .ftk-shop{left:4%;right:auto}.game-root .g-modal .shop-float{left:calc(4% + min(33%,430px) + 14px)}.ui-skin .game-root .world-hud.rolling .hud-bottom{bottom:auto;left:4%;right:auto;top:calc((var(--safe-t-z,124px) + var(--vh-z,100vh) - var(--safe-b-z,150px)) / 2);transform:translateY(-50%)}}@media (width<=700px){.game-root .g-modal .modal-back[data-panel=device]>.panel{width:auto;left:8px;right:8px}}.game-root .g-modal .dungeon-scene .dungeon-box{left:0;right:0;top:var(--safe-t-z,124px);bottom:var(--safe-b-z,150px);height:fit-content;max-height:calc(var(--vh-z,100vh) - var(--safe-t-z,124px) - var(--safe-b-z,150px) - 16px);margin:auto}@media (width<=700px){.game-root .g-modal .dungeon-scene .dungeon-box{left:8px;right:8px}}.game-root .xt-back{top:var(--safe-t,0px);bottom:var(--safe-b,0px)}@media (width<=700px){.xt-back{padding:6px!important}}.game-root .g-modal .panel-actions,.modal-back>.panel .panel-actions{justify-content:center}.game-root:has(.g-modal .modal-back:not([data-panel^=town]):not([data-panel=event]):not([data-panel=device]):not([data-panel=dungeon]),.xt-back) .world-hud .hud-quest{visibility:hidden}@media (width<=700px){.game-root:has(.g-modal .modal-back,.hud-modal.open) .world-hud .hud-quest{visibility:hidden}}.game-root .world-hud .toast-host{top:calc(var(--safe-t-z,124px) + 10px)}.game-root>.skill-pop-host{top:calc(var(--toast-b,124px) + 10px)}.game-root .xt-toast-host{align-items:flex-end;transform:none;left:auto!important;right:4%!important;top:calc(var(--quest-b,124px) + 10px)!important}@media (width>=701px){body.in-combat .game-root .xt-toast-host{align-items:center;transform:translate(-50%);left:50%!important;right:auto!important;top:calc(88px * var(--ui-zoom,1))!important}}@media (width<=700px){.game-root .world-hud .toast-host{top:calc(max(var(--safe-t-z,84px), var(--quest-b-z,84px)) + 10px)}.game-root .xt-toast-host{align-items:center;left:10px!important;right:10px!important;top:calc(max(var(--toast-b,84px), var(--quest-b,84px)) + 10px)!important}.game-root>.skill-pop-host{top:calc(max(var(--toast-b,84px), var(--quest-b,84px)) + 10px)}}:is(.game-root .bubble-host,.game-root:has(.g-modal .modal-back) .bubble-host,.game-root:has(.g-modal .ftk-shop,.g-modal .ftk-town,.g-modal [data-panel^=town-]) .bubble-host){align-items:center;top:auto!important;left:50%!important;right:auto!important;bottom:calc(var(--safe-b,150px) + 10px)!important;transform:translate(-50%)!important}@media (width>=701px){.game-root:has(.g-modal .ftk-left,.g-modal .ftk-town,.g-modal .ftk-shop,.g-modal [data-panel^=town-]>.panel,.g-modal [data-panel=device]>.panel,.hud-modal.open .ftk-left) .bubble-host{left:calc((var(--left-r,0px) + 100vw) / 2)!important}}.game-root:has(.g-modal .modal-back:not([data-panel^=town]):not([data-panel=event]):not([data-panel=device]):not([data-panel=dungeon]),.xt-back) .bubble-host{visibility:hidden}@media (width<=700px){.game-root:has(.g-modal .modal-back,.hud-modal.open) .bubble-host{visibility:hidden}}.game-root:has(.g-modal .modal-back,.xt-back) .world-hud :is(.hud-bottom,.end-tip){visibility:hidden}body:not(.in-combat) .game-root .xt-hint-host:not(.xt-anchored){flex-direction:column;justify-content:center;display:flex;top:calc(var(--quest-b-z,120px) + 10px)!important;bottom:calc(var(--safe-b-z,150px) + 10px)!important}@media (width>=701px){body:not(.in-combat) .game-root .xt-hint-host:not(.xt-anchored){left:auto!important;right:4%!important}}@media (width<=700px){body:not(.in-combat) .game-root .xt-hint-host:not(.xt-anchored){justify-content:flex-start}}.world-hurt.at-actor{animation-name:wh-in-at;transform:none}@keyframes wh-in-at{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.xt-hint-host{right:12px;bottom:var(--xt-hint-bottom,96px);z-index:110;pointer-events:none;width:min(360px,100vw - 24px);position:fixed}.xt-hint{pointer-events:none;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-left:8px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:48px 1fr;gap:4px 12px;padding:12px 14px 10px;animation:.32s cubic-bezier(.2,1.4,.4,1) xt-hint-in;display:grid;position:relative;overflow:hidden}.xt-hint.out{animation:.2s ease-in forwards xt-hint-out}.xt-hint button{pointer-events:auto}.xt-hint:after{content:"";background:var(--accent);opacity:.55;transform-origin:0;width:100%;height:3px;animation:xt-hint-timer var(--xt-hint-ms,12s) linear forwards;position:absolute;bottom:0;left:0}@keyframes xt-hint-timer{to{transform:scaleX(0)}}.xt-hint-icon{border:2px solid var(--ink);width:48px;height:48px;color:var(--accent-dark);background:radial-gradient(circle at 50% 35%,#fff4dd,#e9c993);border-radius:12px;grid-row:span 2;place-items:center;font-size:22px;font-weight:900;display:grid;overflow:hidden}.xt-hint-icon .thumb{place-items:center;width:100%;height:100%;display:grid}.xt-hint-icon img,.xt-hint-icon canvas{object-fit:contain;width:86%;height:86%}.xt-hint-head{align-items:baseline;gap:8px;display:flex}.xt-hint-tag{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.xt-hint-title{font-size:17px;font-weight:900}.xt-hint-text{color:var(--ink);margin:0;font-size:14px;line-height:1.6}.xt-hint-acts{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.xt-hint-acts .xt-link{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}.xt-hint-more{color:var(--ink-soft);font-size:12px}@keyframes xt-hint-in{0%{opacity:0;transform:translateY(16px)scale(.94)}}@keyframes xt-hint-out{to{opacity:0;transform:translateY(12px)}}.xt-toast-host{z-index:125;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:64px;right:12px}.xt-toast{color:#fff3d6;border:2px solid var(--gold);background:#2b2118f0;border-radius:14px;align-items:center;gap:10px;min-width:220px;max-width:320px;padding:8px 14px 8px 8px;animation:3.8s ease-in-out forwards xt-toast;display:flex;box-shadow:0 0 0 3px #f2b93b40,0 8px 20px #00000059}.xt-toast .xt-ach-icon{width:42px;height:42px}.game-root .xt-toast{zoom:var(--ui-zoom,1)}.xt-toast-text{flex-direction:column;min-width:0;display:flex}.xt-toast-text small{color:var(--gold);letter-spacing:1px;font-size:15px;font-weight:800}.xt-toast-text b{font-size:17px}.xt-toast-text span{opacity:.85;font-size:15px}@keyframes xt-toast{0%{opacity:0;transform:translate(30px)}8%,85%{opacity:1;transform:none}to{opacity:0;transform:translate(16px)}}.xt-back{z-index:140;background:#140c0699;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.xt-panel{flex-direction:column;width:min(1000px,100%);min-width:0;max-width:100%;height:min(760px,100%);min-height:0;padding-bottom:10px;animation:.22s cubic-bezier(.2,1.4,.4,1) pop-in;display:flex}.xt-panel .panel-title{flex:none}.xt-rate{color:#7b3aa0;white-space:nowrap;background:#f1e3ff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:900}.xt-title-l{align-items:center;gap:10px;min-width:0;display:flex}.xt-tools{flex-direction:column;flex:none;gap:8px;min-width:0;margin-bottom:8px;display:flex}.xt-tabs{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.xt-tabs .btn{box-shadow:none;flex:none}.xt-tabs .btn.on{background:var(--ink);color:#fff}.xt-tabs .btn small{opacity:.75;margin-left:4px;font-size:11px;font-weight:700}.xt-search{font:inherit;border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:8px 12px;font-size:15px}.xt-search:focus{border-color:var(--accent);outline:none}.xt-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-height:0;display:grid}.xt-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:2px 4px 8px 2px;display:grid;overflow-y:auto}.xt-card{font:inherit;color:var(--ink);cursor:pointer;border:2px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform .1s,border-color .1s;display:flex}@media (hover:hover){.xt-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.xt-card.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold);background:#fff6dc}.xt-card.unknown{color:var(--ink-soft);background:#efe6d6}.xt-card.boss .xt-thumb{border-color:#b03a2e}.xt-card-name{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:13px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.xt-card-badge{color:#fff;background:var(--good);border-radius:999px;padding:0 6px;font-size:10px;font-weight:900}.xt-card-badge.seen{background:#8a7a62}.xt-thumb{border:2px solid var(--ink);background:radial-gradient(circle at 50% 40%,#fff4dd,#e9c993);border-radius:12px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.xt-thumb .thumb{width:100%;height:100%;color:var(--accent-dark);place-items:center;font-size:26px;font-weight:900;display:grid}.xt-thumb .thumb img,.xt-thumb .thumb canvas{object-fit:contain;width:100%;height:100%}.xt-card.unknown .xt-thumb{color:#a8987c;background:#d8ccb6;border-style:dashed;font-size:30px;font-weight:900}.xt-thumb.cover .thumb img,.xt-thumb.cover .thumb canvas{object-fit:cover}.xt-empty{text-align:center;color:var(--ink-soft);grid-column:1/-1;padding:30px 0}.xt-detail{border:2px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:8px;min-height:0;padding:14px;display:flex;overflow-y:auto}.xt-detail-back{align-self:flex-start;display:none}.xt-detail-top{align-items:center;gap:12px;display:flex}.xt-detail .xt-thumb{flex:none;width:112px;height:112px}.xt-detail .xt-thumb .thumb{font-size:44px}.xt-detail-top:has(.wide){flex-direction:column;align-items:stretch}.xt-detail .xt-thumb.wide{width:100%;height:150px}.xt-detail h3{margin:0;font-size:21px}.xt-detail-sub{color:var(--accent-dark);margin-top:2px;font-size:13px;font-weight:800}.xt-detail p{margin:0;font-size:14px;line-height:1.65}.xt-rows{grid-template-columns:max-content 1fr;gap:4px 10px;margin:0;font-size:13px;display:grid}.xt-rows dt{color:var(--ink-soft);font-weight:900}.xt-rows dd{margin:0;line-height:1.5}.xt-secret{border-top:2px dashed var(--line);padding-top:8px}.xt-secret-title{color:#b03a2e;margin-bottom:4px;font-size:13px;font-weight:900}.xt-lock{color:var(--ink-soft);background:var(--paper-2);border-radius:10px;padding:8px 10px;font-size:13px}.xt-detail-none{color:var(--ink-soft);text-align:center;margin:auto;font-size:14px}.xt-ach-summary{align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.xt-ach-summary .bar{flex:1;height:14px}.xt-ach-summary .bar>i{background:linear-gradient(#ffe08a, var(--gold))}.xt-ach-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:2px 4px 8px 2px;display:grid;overflow-y:auto}.xt-ach{border:2px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:2px 10px;padding:10px;display:grid}.xt-ach.done{border-color:var(--gold);background:linear-gradient(#fffaf0,#fff3d4)}.xt-ach:not(.done) .xt-ach-icon{filter:grayscale();opacity:.55}.xt-ach-icon{border:2px solid var(--ink);width:48px;height:48px;color:var(--accent-dark);background:radial-gradient(circle at 50% 35%,#fff4dd,#e9c993);border-radius:12px;grid-row:span 3;place-items:center;font-size:20px;font-weight:900;display:grid;overflow:hidden}.xt-ach-icon .thumb{place-items:center;width:100%;height:100%;display:grid}.xt-ach-icon img,.xt-ach-icon canvas{object-fit:contain;width:84%;height:84%}.xt-ach-name{justify-content:space-between;gap:6px;font-size:15px;font-weight:900;display:flex}.xt-ach-name small{color:var(--good);white-space:nowrap;font-size:11px;font-weight:800}.xt-ach-desc{color:var(--ink-soft);font-size:12px;line-height:1.45}.xt-ach-prog{color:var(--ink-soft);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.xt-ach-prog .bar{background:#eadcc4;border-width:1.5px;flex:1;height:8px}.xt-ach-prog .bar>i{background:linear-gradient(#ffd77a,#e5a21f)}.xt-set-row{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.xt-set-row>span{flex:1;min-width:6em;font-weight:800}.xt-set-row small{color:var(--ink-soft);flex-basis:100%;font-size:12px}.xt-tip{color:#fff3d6;background:#2b2118b8;border:2px solid #f2b93b99;border-radius:12px;align-items:flex-start;gap:8px;max-width:560px;margin:0 auto;padding:10px 14px;font-size:15px;line-height:1.6;display:flex}.xt-tip b{color:var(--gold);flex:none}@media (width<=700px){.xt-back{padding:0}.xt-panel{border-left:0;border-right:0;border-radius:0;height:100%}.xt-panel .panel-title{border-radius:0}.xt-body{grid-template-columns:1fr;position:relative}.xt-list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.xt-thumb{width:56px;height:56px}.xt-detail{z-index:2;display:none;position:absolute;inset:0}.xt-body.show-detail .xt-detail{display:flex}.xt-detail-back{display:inline-grid}.xt-ach-list{grid-template-columns:1fr}.xt-hint-host{width:auto;left:8px;right:8px;bottom:var(--xt-hint-bottom-m,112px)}.xt-hint{border-left-width:6px;grid-template-columns:1fr;max-height:30vh;padding:8px 10px 6px;overflow-y:auto}.xt-hint-icon{display:none}.xt-hint-title{font-size:15px}.xt-hint-text{font-size:13px;line-height:1.5}.xt-hint-acts{margin-top:4px}.xt-toast-host{align-items:center;top:56px;left:10px;right:10px}.xt-toast{width:100%;min-width:0;padding:6px 12px 6px 6px}.xt-toast-text span{display:none}}.skill-pop{z-index:80;pointer-events:none;color:#3a2410;white-space:nowrap;background:linear-gradient(#fff8e2,#ffe7a8);border:2px solid #7a4a10;border-radius:12px;align-items:center;gap:6px;padding:4px 10px 4px 4px;animation:1.6s cubic-bezier(.2,1.4,.4,1) forwards skill-pop;display:flex;position:absolute;box-shadow:0 3px #2b21188c,0 0 12px #ffc4408c}.skill-pop-face{background:#fff;border:1.5px solid #7a4a10;border-radius:8px;flex:none;width:30px;height:30px;overflow:hidden}.skill-pop-face img{object-fit:cover;width:100%;height:100%}.skill-pop-text{flex-direction:column;line-height:1.15;display:flex}.skill-pop-text b{color:#8a3a00;font-size:15px;font-weight:900}.skill-pop-text small{color:#5a3a1a;font-size:12px;font-weight:700}@keyframes skill-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.6)}12%{opacity:1;transform:translate(-50%,-4px)scale(1.08)}22%{transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-18px)scale(1)}}.unit-over .skill-pop{left:0;bottom:calc(var(--sz) * .95)}.combat.is-portrait .unit-over .skill-pop{bottom:calc(var(--sz) * .85);padding:2px 7px 2px 2px}.combat.is-portrait .skill-pop-face{width:22px;height:22px}.combat.is-portrait .skill-pop-text b{font-size:12px}.combat.is-portrait .skill-pop-text small{font-size:10px}.skill-pop-host{z-index:88;pointer-events:none;width:0;height:0;position:absolute;top:64px;left:50%}.skill-pop-host .skill-pop{top:0;left:0}.skill-list{text-align:left;gap:4px;margin-top:6px;display:grid}.skill-row{background:#ffecbe8c;border:1px solid #7a4a1040;border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;gap:0 6px;padding:4px 6px;display:grid}.skill-row b{color:#8a3a00;white-space:nowrap;font-size:13px}.skill-row .skill-when{color:#7a5a30;text-align:right;font-size:11px;font-weight:700}.skill-row p{color:#3a2a18;grid-column:1/-1;margin:1px 0 0;font-size:12px;line-height:1.35}.skill-row.active{background:#bee6ff8c;border-color:#285a8c4d}.skill-row .skill-tag{color:#fff;background:#3b7fc4;border-radius:999px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:800}.skill-title{color:var(--ink-soft,#6b5a48);margin-top:8px;font-size:13px;font-weight:800}.weapon-line{color:#4a3a28;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 6px;font-size:12px;font-weight:700;display:flex}.weapon-line .wl-name{color:#2b2118;font-weight:900}.fx-chip{color:#6a2a00;white-space:nowrap;background:#ffe2b8;border:1px solid #d79b52;border-radius:999px;padding:0 7px;font-size:11px;font-weight:800;display:inline-block}.move-src{color:#fff;background:#8a6a40;border-radius:999px;flex:none;padding:0 6px;font-size:10px;font-weight:800}.move-src.weapon{background:#b5532a}.move-src.base{background:#4f7f5a}.weapon-card{font:inherit;text-align:left;color:var(--ink,#2b2118);border:2px solid var(--ink,#2b2118);box-shadow:0 3px 0 var(--ink,#2b2118);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.weapon-card:hover:not(:disabled){background:#fff3dc}.weapon-card:disabled{opacity:.45;cursor:default}.weapon-card .wc-text{flex-direction:column;gap:2px;min-width:0;display:flex}.weapon-card .wc-text b{font-size:15px}.weapon-card .wc-moves{color:#5a4a38;font-size:12px;font-weight:700}.weapon-card .wc-fx{flex-wrap:wrap;gap:3px;display:flex}.weapon-card .wc-text{flex:1}.weapon-card .fx-chip{white-space:normal;max-width:100%}.weapon-card .wc-why{color:var(--bad,#c0392b);font-size:12px;font-weight:800}.weapon-now{color:#4a3a28;background:#ffe2b880;border-radius:8px;grid-column:1/-1;padding:4px 6px;font-size:12px;font-weight:700}.skill-card{border-left-color:#3b7fc4!important}.skill-card .skill-badge{color:#fff;background:#3b7fc4;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.skill-card .skill-desc{color:#3a4a5a;white-space:normal;font-size:11px;font-weight:700;line-height:1.3}.combat.is-portrait .weapon-card{padding:6px 7px}.combat.is-portrait .weapon-card .wc-text b{font-size:13px}.item-fx{gap:2px;margin:4px 0;padding:0;list-style:none;display:grid}.item-fx li{color:#6a2a00;font-size:13px;font-weight:700}.item-fx li:before{content:"★ ";color:#d79b52}.item-fx-note{color:#7a6a58;font-size:11px}.compare-fx{margin-top:4px;font-size:12px}.compare-fx .lose{color:#8a5a50;text-decoration:line-through}.compare-fx .gain{color:#2a7a3a;font-weight:800}.pf-load{flex-direction:column;align-items:center;gap:12px;width:min(420px,100vw - 32px);display:flex}.pf-text{color:#fff3d6;align-items:baseline;gap:10px;font-size:20px;font-weight:800;display:flex}.pf-pct{color:#ffd98a;font-variant-numeric:tabular-nums;min-width:3em;font-size:18px}.pf-bar{background:#00000073;border-radius:6px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe6b459}.pf-bar>i{background:linear-gradient(90deg,#e9a94a,#ffd98a);border-radius:6px;width:0;height:100%;display:block}.pf-set{flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;display:flex}.pf-status{font-size:15px;font-weight:700;line-height:1.35}.pf-row .btn.small{font-size:15px}.dlg-cg-wait{top:calc(14px * var(--z,1));right:calc(14px * var(--z,1));z-index:3;color:#fff3d6;font-size:calc(16px * var(--z,1));pointer-events:none;background:#120c08b8;border-radius:999px;padding:5px 12px;font-weight:700;display:none;position:absolute}.dlg-cg-wait.show{animation:1.4s ease-in-out infinite pf-wait-pulse;display:block}@keyframes pf-wait-pulse{50%{opacity:.55}}.screen{flex-direction:column;align-items:center;gap:16px;padding:20px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen-title{color:#fff3d6;text-shadow:0 2px #00000080;text-align:center;margin:6px 0 0;font-size:26px}.screen-title small{opacity:.85;margin-left:6px;font-size:15px;font-weight:700}.screen-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;padding-bottom:6px;display:flex}.main-menu{background:var(--bg,none) center / cover, radial-gradient(ellipse at 50% 30%, #6b4a2b, #2a1a0d 75%);justify-content:center}.main-menu:before{content:"";pointer-events:none;background:linear-gradient(#140c061a,#140c068c);position:absolute;inset:0}@media (orientation:portrait){.main-menu{background:var(--bg-portrait,var(--bg,none)) center / cover, radial-gradient(ellipse at 50% 30%, #6b4a2b, #2a1a0d 75%)}}.main-menu .mm-logo{background:radial-gradient(#1e10068c,#1e100600 72%);border-radius:24px;padding:10px 22px}.mm-logo{text-align:center;color:#fff3d6;position:relative}.mm-logo h1{letter-spacing:6px;color:#ffe08a;text-shadow:0 4px #7a3c00,0 0 24px #ffbe5099;margin:2px 0;font-size:clamp(44px,9vw,76px)}.mm-sub{letter-spacing:4px;opacity:.9;font-size:16px;font-weight:800}.mm-tag{opacity:.85;font-size:15px}.menu-buttons{flex-direction:column;gap:10px;width:min(300px,100%);display:flex;position:relative}.menu-pair{gap:10px;display:flex}.menu-pair .btn{flex:1;min-width:0;padding-left:8px;padding-right:8px}.mm-foot{color:#c9b58f;font-size:12px;position:relative}.pick-screen{background:radial-gradient(at 50% 0,#6b4a2b,#2a1a0d 80%)}.diff-cards{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:14px;width:100%;display:grid}.diff-card{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:var(--card);border:2px solid var(--ink);border-top:10px solid var(--good);box-shadow:var(--shadow);border-radius:16px;padding:16px}.diff-card.normal{border-top-color:var(--accent)}.diff-card.hard{border-top-color:var(--bad)}.diff-card:hover{filter:brightness(1.04);border-color:var(--accent)}.diff-card b{font-size:24px}.diff-card ul{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.7}.hero-picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1100px,100%);display:grid}.hero-pick{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:6px;padding:12px;transition:transform .15s;display:flex;position:relative}.hero-pick:hover:not(:disabled){transform:translateY(-3px)}.hero-pick.picked{box-shadow:0 0 0 4px var(--gold), var(--shadow);background:#fff6dc;border-color:#8a5a00}.hero-pick.locked{filter:grayscale();opacity:.6}.pick-badge{background:var(--gold);border:2px solid var(--ink);z-index:2;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;font-weight:900;display:grid;position:absolute;top:-10px;right:-8px}.hp-art{border:2px solid var(--ink);background:radial-gradient(circle at 50% 70%,#ffe6b0,#e9c993);border-radius:12px;place-items:center;height:150px;display:grid;overflow:hidden}.hp-thumb{width:100%;height:100%;color:var(--accent-dark);place-items:center;font-size:56px;font-weight:900;display:grid}.hp-thumb img,.hp-thumb canvas{object-fit:contain;object-position:50% 100%;width:100%;height:100%}.hp-name b{margin-right:6px;font-size:20px}.hp-name small{color:var(--accent-dark);font-weight:800}.hp-desc{color:var(--ink-soft);min-height:3em;margin:0;font-size:13px;line-height:1.5}.hp-stats{flex-direction:column;gap:2px;display:flex}.hp-stat{grid-template-columns:2.6em 1fr 2em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.hp-stat b{text-align:right}.hp-statbar{background:#eadcc4;border-radius:999px;height:7px;overflow:hidden}.hp-statbar i{background:var(--stat);height:100%;display:block}.hp-moves{color:#6d4a00;font-size:12px;font-weight:700}.save-list{flex-direction:column;gap:8px;display:flex}.save-row{border:2px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.save-row.empty{background:0 0;border-style:dashed}.save-text{flex-direction:column;min-width:0;display:flex}.save-text small{color:var(--ink-soft);font-size:12px}.save-acts{gap:6px;display:flex}.lore-panel{width:min(820px,100%)}.lore-points{color:#7b3aa0;background:#f1e3ff;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:900}.lore-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.lore-card{border:2px solid var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex;position:relative}.lore-card p{color:var(--ink-soft);flex:1;margin:0;font-size:13px;line-height:1.45}.lore-card .btn{align-self:flex-start}.lore-card.owned{border-color:var(--good);background:#eef7f0}.lore-cat{color:#7b3aa0;font-size:11px;font-weight:800}.lore-owned{color:var(--good);font-size:13px;font-weight:900}.end-screen{text-align:center;color:#fff3d6;background:linear-gradient(#140c068c, #140c06bf), var(--bg,none) center / cover, radial-gradient(ellipse at 50% 30%, #8a6a2b, #2a1a0d 80%);justify-content:center}.end-screen.lose{background:linear-gradient(#120c1099, #120c10cc), var(--bg,none) center / cover, radial-gradient(ellipse at 50% 30%, #4a3a4f, #120c10 80%)}.end-title{letter-spacing:6px;color:#ffe08a;text-shadow:0 4px #7a3c00,0 0 20px #ffbe5080;margin:0;font-size:clamp(40px,8vw,64px);animation:.6s cubic-bezier(.2,1.6,.4,1) big-in}.end-screen.lose .end-title{color:#d9c7e6;text-shadow:0 4px #2a1a30}.end-text{max-width:560px;margin:0;font-size:17px;line-height:1.7}.end-stats{grid-template-columns:repeat(2,minmax(0,200px));gap:6px 16px;display:grid}.end-stat{background:#fffaf01f;border-radius:10px;justify-content:space-between;gap:8px;padding:6px 10px;display:flex}.end-lore{font-size:18px}.end-lore b{color:#e6c2ff;font-size:24px}.end-screen .screen-actions{margin-top:8px}.set-row{grid-template-columns:5em 1fr 3.6em;align-items:center;gap:10px;margin:8px 0;font-weight:800;display:grid}.quality-row{grid-template-columns:5em 1fr}.quality-btns{flex-wrap:wrap;gap:6px;display:flex}.set-row input[type=range]{width:100%;accent-color:var(--accent)}@media (width<=900px){.hero-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.diff-cards{grid-template-columns:1fr}.hero-picks{gap:8px}.hero-pick{padding:8px}.hp-art{height:96px}.hp-desc{display:none}.hp-name b{font-size:17px}.end-stats{grid-template-columns:1fr;width:100%}}.main-menu .btn.ghost,.pick-screen .btn.ghost,.end-screen .btn.ghost{color:#fff3d6;border-color:#c9b58f}@media (orientation:landscape){.main-menu{justify-content:center;align-items:flex-end;padding-right:max(24px,7vw)}.main-menu .menu-buttons{width:min(340px,42vw)}.main-menu .mm-logo{white-space:nowrap;align-self:flex-end;width:max-content;max-width:46vw}.main-menu .mm-logo h1{font-size:clamp(40px,5.4vw,72px)}.main-menu:before{background:linear-gradient(90deg,#140c0600 35%,#140c0680)}}@media (orientation:portrait){.main-menu{justify-content:flex-start;gap:10px;padding-top:max(18px,3vh)}.main-menu:before{background:linear-gradient(#140c0680,#140c0600 52%)}.main-menu .mm-logo{padding:4px 16px}.main-menu .mm-logo h1{font-size:clamp(38px,11vw,60px)}.main-menu .menu-buttons{grid-template-columns:1fr 1fr;gap:8px;width:min(360px,100%);display:grid}.main-menu .menu-buttons>.btn.big{grid-column:1/-1}.main-menu .menu-buttons .menu-pair{display:contents}.main-menu .menu-buttons .btn:not(.big){padding-top:8px;padding-bottom:8px;font-size:15px}}.ftk-plate{z-index:2;color:#fff3d6;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#6b4426,#3a2412);border:2px solid #c9a24a;border-radius:6px;align-self:center;max-width:100%;margin:-30px auto 0;padding:4px 18px;font-size:20px;font-weight:900;display:inline-block;position:relative;overflow:hidden}.ftk-plate small{opacity:.85;font-size:13px;font-weight:800}.ftk-plate.small{margin-top:-26px;padding:2px 14px;font-size:15px}.ui-skin .ftk-plate{border:9px solid #5a3a22;border-width:9px 14px;border-image:var(--ui-nameplate) 91 117 91 115 fill / 14px 18px 14px 18px stretch;color:var(--sk-ink);text-shadow:var(--sk-dark-shadow);font-family:var(--sk-title-font);background:0 0;border-radius:0;padding:0 6px}.setup-screen{background:radial-gradient(at 50% 0,#6b4a2b,#2a1a0d 80%);flex-direction:row;justify-content:center;align-items:stretch;gap:2%;padding:6% 4%}.setup-left{flex-direction:column;flex:0 0 min(30%,340px);gap:10px;display:flex}.setup-left .ftk-plate{margin-top:-30px}.setup-label{color:var(--ink-soft);letter-spacing:2px;font-size:16px;font-weight:900}.setup-list{flex-direction:column;gap:6px;display:flex}.setup-list .diff-card{text-align:left;border-top-width:2px;padding:10px 14px}.setup-list .diff-card b{font-size:20px}.setup-list .diff-card.on{filter:drop-shadow(0 0 6px #ffcf55)drop-shadow(0 0 2px #ffcf55);background-color:#fff6dc}.setup-actions{justify-content:space-between;gap:8px;margin-top:auto;display:flex}.setup-right{background:#f1e0bd;border:4px solid #6b4426;border-radius:6px;flex-direction:column;flex:auto;max-width:820px;display:flex;overflow:hidden;box-shadow:0 10px 24px #00000080}.setup-art{background:50%/cover no-repeat,#4a3520;flex:55%;min-height:160px;position:relative}.setup-art-title{color:#ffe08a;letter-spacing:4px;text-shadow:0 3px #7a3c00,0 0 18px #0009;font-size:clamp(26px,4vw,44px);font-weight:900;position:absolute;bottom:10px;left:16px}.setup-paper{background:var(--ui-parchment_tile,none) 0 0 / 256px 256px, #f1e0bd;color:var(--ink);border-top:3px solid #6b4426;flex:none;grid-template-columns:1fr 1fr;gap:18px;padding:14px 18px;display:grid}.setup-col b{font-size:18px}.setup-col p{margin:6px 0 0;font-size:16px;line-height:1.65}.setup-col ul{margin:0;padding-left:18px;font-size:16px;line-height:1.7}@media (width<=700px){.setup-screen{flex-direction:column-reverse;justify-content:flex-end;gap:22px;padding:14px 10px}.setup-left{flex:none}.setup-art{flex:0 0 140px;min-height:120px}.setup-paper{grid-template-columns:1fr;gap:8px}}.ftk-select{background:var(--bg,none) center / cover no-repeat, radial-gradient(ellipse at 50% 0%, #6b4a2b, #2a1a0d 80%);justify-content:flex-end;gap:0;padding:0}.ftk-select:before{content:"";pointer-events:none;background:linear-gradient(#0a060326,#0a060300 30%,#0a06038c);position:absolute;inset:0}.hs-banner{letter-spacing:3px;color:#fff3d6;clip-path:polygon(30px 0,100% 0,100% 100%,30px 100%,0 50%);z-index:2;background:linear-gradient(270deg,#0e0905f2 70%,#0e090500);padding:6px 28px 8px 48px;font-size:clamp(20px,2.6vw,30px);font-weight:900;position:absolute;top:4%;right:0}.hs-tip{color:#e8d2a8;z-index:2;background:linear-gradient(90deg,#0e0905d9 70%,#0e090500);max-width:60%;padding:4px 30px 4px 14px;font-size:15px;position:absolute;top:4%;left:0}.hs-row{z-index:1;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:end;align-items:start;width:100%;padding:12% 2% 0;display:grid;position:relative}.hs-slot{flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0 4px 10px;display:flex}.hs-figure{justify-content:center;align-items:flex-end;width:100%;height:clamp(180px,44vh,420px);display:flex;position:relative}.hs-sprite{filter:drop-shadow(0 8px 6px #00000080);z-index:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.hs-sprite canvas,.hs-sprite img{object-position:50% 100%;object-fit:contain;width:auto;max-width:100%;height:100%}.hs-ring{aspect-ratio:3;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#ffcf5573;width:60%;position:absolute;bottom:-10px}.hs-name{align-items:center;gap:6px;max-width:100%;margin-top:6px;display:flex}.hs-name .ftk-plate{margin:0;font-size:20px}.hs-desc{text-align:center;color:#fff3d6;text-shadow:0 1px #000,0 0 3px #000;max-width:340px;min-height:3em;margin:0;font-size:15px;line-height:1.5}.hs-info{z-index:5;width:min(420px,100% - 24px);animation:.2s pop-in;position:absolute;top:14%;left:50%;transform:translate(-50%)}.hs-foot{z-index:2;background:#0e0905e0;border-top:2px solid #c9a24a99;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 4%;display:flex;position:relative}.hs-keys{color:#c9b58f;font-size:15px}.hs-acts{gap:10px;display:flex}@media (width<=700px){.hs-row{padding-top:70px;padding-left:0;padding-right:0}.hs-figure{height:30vh}.hs-name{flex-wrap:wrap;justify-content:center;gap:2px}.hs-name .ftk-plate{text-align:center;flex-basis:100%;order:-1;font-size:15px}.hs-name .ftk-plate small{display:none}.hs-desc{font-size:11.5px}.hs-keys{display:none}.hs-foot{justify-content:center}.hs-tip{display:none}}.lore-screen{z-index:210;background:radial-gradient(at 50% 0,#6b4a2b,#1a1008 80%);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) min(28%,320px);gap:12px 2%;padding:16px 4% 14px;display:grid;position:fixed;inset:0}.modal-back:has(>.lore-screen){padding:0;display:block}.lore-screen{place-self:stretch stretch}.lore-head{color:#e8d2a8;flex-direction:column;grid-column:1/-1;align-items:center;gap:2px;display:flex}.lore-head .ftk-plate{margin:0;font-size:24px}.lore-head small{font-size:13px;font-style:italic}.lore-screen .lore-points{font-size:16px;position:absolute;top:22px;right:4%}.lore-left{grid-area:2/1;min-height:0;overflow-y:auto}.lore-sec-title{background:var(--ui-divider_brass,linear-gradient(transparent 45%, #c9a24a 45%, #c9a24a 55%, transparent 55%)) center / 100% 100% no-repeat;justify-content:center;align-items:center;height:26px;margin:6px 0 8px;display:flex}.lore-sec-title span{letter-spacing:3px;color:var(--ink);background:#f1e0bd;border-radius:4px;padding:0 14px;font-weight:900}.lore-screen .lore-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:8px}.lore-screen .lore-card{text-align:center;cursor:pointer;align-items:center;gap:2px;min-height:0;padding:4px}.lore-screen .lore-card b{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.lore-card-art{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fbf0d6,#e2c99a);border-radius:4px;place-items:center;width:100%;font-size:34px;display:grid}.lore-card.locked .lore-card-art{background:radial-gradient(circle at 50% 40%,#4a3a2e,#1e1610)}.lore-lock{aspect-ratio:1;background:var(--ui-token_locked,radial-gradient(circle, #c9a24a 30%, transparent 32%)) center / contain no-repeat;width:64%}.lore-cost{color:#7b3aa0;font-size:12px;font-weight:900}.lore-cost:after{content:" 點";font-size:10px}.lore-tag{color:#2f7d4c;font-size:11px;font-weight:900}.lore-screen .lore-card.on{filter:drop-shadow(0 0 5px #ffcf55)drop-shadow(0 0 2px #ffcf55)}.lore-detail{text-align:center;flex-direction:column;grid-area:2/2;align-items:center;gap:8px;display:flex;overflow-y:auto}.lore-detail-art{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fbf0d6,#d9b98a);border-radius:6px;place-items:center;width:70%;font-size:72px;display:grid;box-shadow:inset 0 0 0 3px #8a6038}.lore-detail-art.locked{background:radial-gradient(circle at 50% 40%,#6a4ab0,#2a1a4a)}.lore-detail .ftk-plate{white-space:normal;margin:0;font-size:18px}.lore-detail-cat{color:#7b3aa0;font-weight:900}.lore-detail p{margin:0;font-size:14px;line-height:1.6}.lore-owned{color:#2f7d4c;font-weight:900}.lore-back{grid-area:3/2;justify-self:end}@media (width<=700px){.lore-screen{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:1fr;padding:12px 8px}.lore-head{grid-row:1}.lore-screen .lore-points{grid-row:2;justify-self:center;position:static}.lore-left{grid-row:3}.lore-detail{flex-flow:wrap;grid-area:4/1;justify-content:center;max-height:30vh}.lore-detail-art{width:70px;font-size:36px}.lore-back{grid-area:5/1}}.end-screen.ftk-end{justify-content:flex-start;padding-top:4%}.end-screen.ftk-end .end-title{letter-spacing:8px;color:#ffe08a;text-shadow:0 4px #7a3c00,0 0 26px #ffbe50b3;margin:0;font-size:clamp(40px,7vw,78px)}.end-statues{z-index:1;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:2%;width:min(900px,100%);min-height:0;display:grid;position:relative}.end-statue{height:100%;max-height:42vh;animation:pop-in .6s calc(var(--i) * .2s) both cubic-bezier(.2, 1.3, .4, 1);flex-direction:column;justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.end-gold{z-index:1;filter:sepia()saturate(3)hue-rotate(-10deg)brightness(1.1)drop-shadow(0 0 14px #ffc8508c);flex:auto;justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.end-gold canvas,.end-gold img{object-position:50% 100%;object-fit:contain;width:auto;max-width:100%;height:100%;max-height:34vh}.end-plinth{clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);background:linear-gradient(#b8a890,#6e6252 60%,#4a4036);flex:none;width:72%;height:34px;margin-top:-6px;box-shadow:inset 0 3px #ffffff4d}.end-bottom{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.end-screen.ftk-end .end-stats{grid-template-columns:repeat(4,minmax(0,auto))}@media (width<=700px){.end-screen.ftk-end .end-stats{grid-template-columns:repeat(2,minmax(0,auto))}.end-statue{max-height:30vh}.end-gold canvas,.end-gold img{max-height:24vh}.end-plinth{height:26px;margin-top:-8px}}.hs-skills{color:#fff3d6;text-shadow:0 1px #000,0 0 3px #000;text-align:center;max-width:100%;font-size:15px;font-weight:800}.hs-info .skill-block{margin-top:6px}.ui-skin .hs-desc,.ui-skin .hs-skills,.ui-skin .hs-tip{color:#fff3d6;text-shadow:0 1px #000;background:#1a110ac7;border-radius:5px;outline:1.5px solid #c9a24a8c;padding:3px 8px}.title-right{align-items:center;gap:8px;display:inline-flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.empty{text-align:center;color:var(--ink-soft);padding:18px;font-weight:700}.warn{color:var(--bad);margin:6px 0;font-size:15px;font-weight:800}.sub-title{color:var(--ink-soft);margin:4px 0 6px;font-size:14px;font-weight:900}.small-panel{width:min(520px,100%)}.board-panel{background:#c49a6c;width:min(760px,100%)}.board-panel .panel-title{color:#fff3d6;background:linear-gradient(#8a5f3a,#6f4a2b)}.job-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.job-card{background:#fffbea;border:1.5px solid #b8a27a;flex-direction:column;gap:4px;padding:14px 12px 10px;display:flex;position:relative;transform:rotate(-.6deg);box-shadow:2px 3px #0003}.job-card:nth-child(2n){transform:rotate(.8deg)}.job-card p{margin:0;font-size:15px;line-height:1.5}.job-foot{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:15px;font-weight:700;display:flex}.job-pin{background:#c8463a;border:2px solid #6b1d16;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%}.job-card .btn{align-self:flex-end}.job-card.taken{opacity:.75}.job-stamp{color:var(--bad);border:2px solid var(--bad);border-radius:6px;align-self:flex-end;padding:0 8px;font-weight:900;transform:rotate(-8deg)}.train-list{flex-direction:column;gap:8px;display:flex}.train-row{grid-template-columns:4.2em 1fr auto auto;align-items:center;gap:8px;display:grid}.train-row .stat-chip{background:var(--stat);text-align:center}.train-bar{border:1.5px solid var(--ink);background:#eadcc4;border-radius:999px;height:10px;overflow:hidden}.train-bar i{background:var(--stat);height:100%;display:block}.train-val{white-space:nowrap;font-size:15px}.train-val small{color:var(--good)}.route-list{flex-direction:column;gap:6px;display:flex}.route-row{border:2px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.route-row.locked{opacity:.55}.route-dot{border:2px solid var(--ink);background:#4f8ee0;border-radius:50%;flex:none;width:12px;height:12px}.route-text{flex-direction:column;flex:1;min-width:0;display:flex}.route-text small{color:var(--ink-soft);font-size:15px}@media (width<=600px){.train-row{grid-template-columns:3.8em 1fr auto auto;gap:6px}}.ts-why{color:var(--bad);font-weight:700}.town-service:disabled .ts-why{opacity:1}.modal-back:has(>.ftk-town){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%);padding:0;display:block}.modal-back:has(>.shop-wrap){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%);padding:0;display:block}.modal-back[data-panel^=town-]:has(>.panel){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%);padding:0;display:block}.ui-skin .modal-back:has(>.ftk-town){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%)}.ui-skin .modal-back:has(>.shop-wrap){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%)}.ui-skin .modal-back[data-panel^=town-]:has(>.panel){background:linear-gradient(90deg,#140c068c,#140c0633 45%,#140c060d 70%)}.modal-back[data-panel^=town-]>.panel{left:4%;top:var(--top-room);width:min(34%,450px);max-height:calc(100% - var(--top-room) - var(--party-room));animation:.22s cubic-bezier(.2,1.3,.4,1) ftk-in;position:absolute;overflow-y:auto}.modal-back[data-panel^=town-]>.board-panel .job-list{grid-template-columns:1fr}.modal-back>.ftk-town,.ftk-town{left:4%;top:var(--top-room);bottom:var(--party-room);flex-direction:column;align-items:stretch;gap:8px;width:min(33%,430px);animation:.24s cubic-bezier(.2,1.3,.4,1) ftk-in;display:flex;position:absolute;overflow:visible!important}.town-art{background:linear-gradient(135deg,#f4d9a8,#e7b97a) 50%/cover no-repeat;border-bottom:3px solid #6b4426;border-radius:4px 4px 0 0;flex:46%;min-height:110px;margin:-6px -6px 0;box-shadow:inset 0 -30px 30px -18px #2814068c}.ftk-town .town-name{margin-top:-30px;font-size:22px}.ftk-town.page-services .town-art{flex:0 0 96px;min-height:0}.town-gold{background:#2a170ac7;border-radius:999px;padding:1px 10px;position:absolute;top:14px;right:18px}.town-gold .gold-text{color:#ffe08a}.town-desc{text-align:center;margin:0;font-size:15px;line-height:1.55}.town-main-btns{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.town-main-btns .btn{padding-left:4px;padding-right:4px}.ftk-town .town-leave{width:100%;min-height:46px;margin-top:2px;font-size:17px}.town-leave-tip{text-align:center;color:#8a3a00;margin:0;font-size:15px;font-weight:800}.town-lore{text-align:center;color:#a3561a;margin:auto 0 0;font-size:15px;font-style:italic;font-weight:700}.town-sub-title{text-align:center;color:var(--ink-soft);letter-spacing:2px;font-size:16px;font-weight:900}.ftk-town .town-services{flex:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;display:grid;overflow-y:auto}.town-service{font:inherit;color:var(--ink);cursor:pointer;text-align:left;border:2px solid var(--ink);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.town-service:hover:not(:disabled){background:#fff3dc}.town-service:disabled{opacity:.5;cursor:default}.ts-icon{flex:none;font-size:22px;line-height:1}.ts-icon.img{width:calc(34px * var(--ui-zoom,1));height:calc(34px * var(--ui-zoom,1));justify-content:center;align-items:center;display:inline-flex}.ts-icon.img img{object-fit:contain;width:100%;height:100%}.svc-art{aspect-ratio:3;background-position:50%;background-size:cover;border:1px solid #d6b26a99;border-radius:8px;flex:none;width:100%;max-height:34vh;margin:4px 0 8px;box-shadow:inset 0 0 0 1px #00000059}.ts-text{flex-direction:column;flex:1;min-width:0;display:flex}.ts-text b{font-size:15px}.ts-text small{color:var(--ink-soft);font-size:15px;line-height:1.3}.shop-wrap{pointer-events:none;position:absolute;inset:0}.shop-wrap>*{pointer-events:auto}.ftk-shop{left:4%;top:var(--top-room);bottom:var(--party-room);flex-direction:column;gap:4px;width:min(33%,430px);animation:.24s cubic-bezier(.2,1.3,.4,1) ftk-in;display:flex;position:absolute;overflow:visible!important}.shop-close{z-index:3;position:absolute;top:-14px;right:-12px}.shop-head{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-top:-26px;display:grid}.shop-title{flex-direction:column;align-items:center;min-width:0;display:flex}.shop-title .ftk-plate{margin:0;font-size:19px}.shop-title small{color:var(--ink-soft);font-size:13px;font-style:italic;font-weight:800}.shop-mode{font-weight:900}.shop-mode.on{border-radius:50%;box-shadow:0 0 0 3px #ffcf55,0 0 10px #ffcf55}.shop-gold{background:#5a3a2226;border:1.5px solid #8a603880;border-radius:999px;align-self:center;padding:1px 12px}.shop-cols,.shop-row{grid-template-columns:3.2em minmax(0,1fr) 4em;align-items:center;gap:6px;display:grid}.shop-cols{color:var(--ink-soft);border-bottom:1.5px solid #8a603899;padding:2px 6px;font-size:13px;font-weight:900}.shop-cols span:last-child,.sr-price{text-align:right}.shop-list{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.shop-row{cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);border-radius:4px;height:34px;padding:0 6px;font-size:14px}.shop-row:hover{background:#ffcf5540}.shop-row.selected{color:#fff3d6;background:#3a2210c7}.shop-row.selected .rarity-text{color:#ffe6b0}.shop-row.dim{opacity:.55}.sr-stock{text-align:center;color:var(--ink-soft);font-weight:800}.shop-row.selected .sr-stock{color:#e8d2a8}.sr-name{align-items:center;gap:6px;min-width:0;display:flex}.sr-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.sr-icon{background:radial-gradient(circle at 50% 40%,#fbf0d6,#e2c99a);border:1.5px solid #8a6038;border-radius:5px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.sr-icon img,.sr-icon canvas{object-fit:contain;width:100%;height:100%}.sr-price{color:#9a6a00;font-weight:900}.sr-price:after{content:" ●";color:var(--gold);font-size:.8em}.sr-price.cant{color:var(--bad)}.shop-row.selected .sr-price{color:#ffe08a}.shop-float{left:calc(4% + min(33%,430px) + 14px);top:calc(var(--top-room) + 10px);position:absolute}@media (width<=700px){.ftk-town,.modal-back>.ftk-town,.ftk-shop,.modal-back[data-panel^=town-]>.panel{width:auto;left:8px;right:8px}.ftk-shop{bottom:calc(var(--party-room) + 0px)}.shop-float{top:auto;left:8px;right:8px;bottom:calc(var(--party-room) + 6px);z-index:3;justify-content:center}.shop-wrap:has(.shop-float.on) .ftk-shop{bottom:calc(var(--party-room) + 190px)}}.shop-head{margin-top:0}.shop-close{top:2px;right:2px}.ftk-town .town-name{flex-shrink:0;min-width:max-content;max-width:none}@media (width<=700px){.shop-close{top:4px;right:6px}.ftk-town .town-name{font-size:17px}}.shop-head{padding-right:42px}@media (width<=700px){.shop-head .ftk-plate{letter-spacing:0;padding:0 4px;font-size:15px}}.shop-mode-gap{flex:none;width:40px;height:40px}