*{box-sizing:border-box}[hidden]{display:none!important}html,body{color:#f3ead8;overscroll-behavior:none;background:#14110f;height:100%;margin:0;font-family:Leelawadee UI,Noto Sans Thai,Sarabun,Tahoma,sans-serif}html{overflow-x:clip}button,input{font:inherit}button{color:inherit;cursor:pointer;background:#2e2620;border:1px solid #5a4a3a;border-radius:8px;padding:8px 14px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#1b140c;background:#c98a2b;border-color:#c98a2b;font-weight:600}button.big{padding:12px 18px;font-size:18px}button.danger{color:#ff9b8a}.muted{color:#a89b88}.small{font-size:12px}.error{color:#ff9b8a}#app{flex-direction:column;height:100dvh;display:flex}#stage{flex:1;min-height:0;position:relative}#game{position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}#hud-top,#hud-bottom{background:#1f1a16;padding:8px 12px}#hud-top{padding-top:max(8px, env(safe-area-inset-top))}#hud-bottom{padding-bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;display:flex}.hud-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hud-title .stage{color:#d8b56a;margin-right:auto}.chips,.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{white-space:nowrap;background:#2e2620;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:14px;display:inline-flex}button.profile{cursor:pointer;border:1px solid #5a4a3a}button.profile:hover{border-color:#c98a2b}.dialog code{word-break:break-all;-webkit-user-select:all;user-select:all;font-size:12px}.chip.match{color:#c9f0cf;background:#2f5a3a}.chip.lacking{color:#ffb3a6;background:#5a2620}.chip-icon{text-align:center;object-fit:contain;width:18px;height:18px;line-height:18px}#panel{z-index:40;padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));background:radial-gradient(#000000b4,#000000dc);place-items:center;display:grid;position:fixed;inset:0}.popup{background:linear-gradient(#2c231c,#1f1814);border:1px solid #8a6a3a;border-radius:16px;width:min(620px,100%);max-height:min(88dvh,100%);padding:0 16px 16px;position:relative;overflow-y:auto;box-shadow:0 18px 60px #000000c0,inset 0 1px #ffffff14}.popup,.tree-scroll{scrollbar-color:#6a5440 #1a1512;scrollbar-width:thin}.popup.wide{width:min(980px,100%)}.popup.pop{animation:.26s cubic-bezier(.22,.8,.3,1) popup-in}@keyframes popup-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}#panel,.dialog-overlay,#outside{animation:.2s ease-out overlay-in}#panel.leaving,.dialog-overlay.leaving,#outside.leaving{pointer-events:none;animation:.16s ease-in forwards overlay-out}#panel.leaving .popup,.dialog-overlay.leaving>.dialog{animation:.16s ease-in forwards popup-out}.dialog-overlay>.dialog{animation:.24s cubic-bezier(.22,.8,.3,1) popup-in}.popup.swap>.popup-head-slot{animation:.2s ease-out head-in}.popup.swap>.popup-body{animation:.24s cubic-bezier(.22,.8,.3,1) page-in}.popup.swap.back>.popup-body{animation-name:page-back}@keyframes overlay-in{0%{opacity:0}}@keyframes overlay-out{to{opacity:0}}@keyframes popup-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes head-in{0%{opacity:.4}}@keyframes page-in{0%{opacity:.25;transform:translate(16px)}}@keyframes page-back{0%{opacity:.25;transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.popup.pop,.popup.swap>*,.dialog-overlay>.dialog,#panel.leaving .popup,.dialog-overlay.leaving>.dialog{animation-name:overlay-in}#panel.leaving .popup,.dialog-overlay.leaving>.dialog{animation-name:overlay-out}}#panel p{margin:8px 0}.panel-head{z-index:3;background:linear-gradient(#4a3520,#2c231c);border-bottom:1px solid #5a4a3a;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:8px;margin:0 -16px 10px;padding:12px 16px 10px;display:flex;position:sticky;top:0}#panel h3{color:#d8b56a;margin:14px 0 4px;font-size:15px}.rate{color:#9fd6a6;font-size:12px}.rate.negative{color:#ffb3a6}.panel-head h2{color:#f5dfae;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}button.close{padding:4px 10px}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:10px;display:grid}.card{background:#2e2620;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.card.disabled strong{color:#a89b88}.card-icon{text-align:center;object-fit:contain;flex:none;width:44px;height:44px;font-size:32px;line-height:44px}.btn-icon{vertical-align:middle;object-fit:contain;width:1.7em;height:1.7em;margin:-.45em .35em -.35em -.15em}.btn-icon.solo{margin-right:-.15em}.btn-icon.off{filter:grayscale();opacity:.4}button.audio-toggle .btn-icon{width:24px;height:24px;margin:0}button:not(.chip)>.chip-icon{vertical-align:middle;width:1.5em;height:1.5em;margin:-.35em .25em -.3em 0}img.portrait{background:radial-gradient(circle at 50% 35%, #ffffff61, transparent 62%), linear-gradient(var(--rarity,#3f8f8a), color-mix(in srgb, var(--rarity,#1f5e63) 55%, #10161c));box-shadow:inset 0 0 0 2px var(--rarity,#2b1d148c), inset 0 0 0 3px #140d088c;object-fit:cover;object-position:50% 30%;border-radius:9px}img.card-icon.portrait{width:60px;height:60px}img.story-face.portrait{width:52px;height:52px}.card-body{flex:1;min-width:0}.card-body .row{margin:4px 0}.bar{background:#00000080;border-radius:6px;height:12px;margin:10px 0;overflow:hidden}.bar>div{background:#5fbf6a;height:100%;transition:width .4s linear}.bar.stalled>div{background:#d9683a}.phases{gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.phases li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phases li.done{color:#9fd6a6}#panel .row{margin:8px 0}.news-banner{z-index:30;background:linear-gradient(#fffdf6,#f6e6c6);border-radius:14px;align-items:center;gap:4px;width:max-content;max-width:min(92%,440px);padding:4px 4px 4px 12px;animation:.4s ease-out news-in;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 5px 0 #e08a3a,inset 0 0 0 1.5px #e08a3a,0 3px #a85e1e,0 6px 14px #0005}.news-banner.warning{background:linear-gradient(#fffdf6,#f9d6cf);padding-right:12px;bottom:58px;box-shadow:inset 5px 0 #b8392b,inset 0 0 0 1.5px #b8392b,0 3px #7d2419,0 6px 14px #0005}.news-banner .news-text{min-width:0;color:var(--soft-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 4px;font-weight:700}.news-banner .news-close{width:30px;height:30px;color:var(--soft-ink);font:inherit;cursor:pointer;background:#00000014;border:0;border-radius:50%;flex:none}@keyframes news-in{0%{opacity:0;transform:translate(-50%,12px)}}#toasts{z-index:60;pointer-events:none;gap:6px;width:max-content;max-width:92%;display:grid;position:fixed;top:10px;left:50%;transform:translate(-50%)}.toast{background:#000c;border-radius:10px;padding:8px 14px;animation:.2s ease-out toast-in}body.in-expedition #toasts{top:30%}#net-status{z-index:59;color:#ffe2b8;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#5a2a0ae6;border-radius:999px;max-width:92%;padding:4px 12px;font-size:12px;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%)}#net-status[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.dialog-overlay,#login,#loading{place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-overlay{z-index:50;background:#000000a6}.dialog,.login-card{background:#241d18;border:1px solid #5a4a3a;border-radius:14px;gap:10px;width:min(420px,100%);padding:20px;display:grid}.dialog h2,.login-card h1,.login-card p{margin:0}.dialog ul{margin:0;padding-left:20px}#login{background:linear-gradient(#5d6b5e 0 32%,#3b2a1e 32%)}.login-card h1{color:#e6c27a;font-size:30px}.login-card form{gap:8px;display:grid}.login-card{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9a46a transparent;max-height:calc(100dvh - 32px);overflow-y:auto}.login-card input{color:inherit;background:#14110f;border:1px solid #5a4a3a;border-radius:8px;padding:10px 12px}.has-title-art #login,.has-title-art #loading{isolation:isolate;background:#14110f;overflow:hidden}.has-title-art #login:before,.has-title-art #loading:before{z-index:-2;background:var(--title-art) center / cover no-repeat;filter:blur(18px)brightness(.45);content:"";position:absolute;inset:-24px}.has-title-art #login:after,.has-title-art #loading:after{z-index:-1;background:linear-gradient(#14110f59, #14110fa6), var(--title-art) center / contain no-repeat;content:"";position:absolute;inset:0}@media (aspect-ratio<=3/4){.has-title-art #login:after,.has-title-art #loading:after{background:linear-gradient(#14110f33, #14110f99), var(--title-art) center / cover no-repeat}}.has-title-art .login-card{background:#241d18e6}#loading{text-align:center;background:#14110f;align-content:center;gap:14px;transition:opacity .25s}#loading.fade{opacity:0}.loading-title{color:#e6c27a;letter-spacing:.12em;font-size:28px;font-weight:700}.loading-bar{background:#2e2620;border-radius:4px;width:min(320px,80vw);height:8px;overflow:hidden}.loading-bar>div{background:#c98a2b;width:0;height:100%;transition:width .25s}.loading-tip{color:#a89b88;max-width:420px;min-height:1.5em;font-size:14px}.loading-copy{right:16px;bottom:calc(12px + env(safe-area-inset-bottom));color:#a89b8899;text-align:center;font-size:11px;position:absolute;left:16px}body.in-expedition #hud-top,body.in-expedition #hud-bottom{display:none}#exp-hud{top:max(8px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;left:10px;right:10px}#exp-hud>*{pointer-events:auto}#exp-hud .chip{background:#000000a6}.exp-hp{text-align:center;background:#000000a6;border:1px solid #000;border-radius:10px;width:min(220px,45vw);height:20px;font-size:12px;line-height:18px;position:relative;overflow:hidden}.exp-hp>div{background:#c2453a;position:absolute;inset:0 auto 0 0}.exp-hp>span{position:relative}.chip.warn{background:#8a2a20!important}#exp-hud .exit{white-space:nowrap;margin-left:auto}#exp-hud #exp-boosts,#exp-hud #exp-loot{order:1}#exp-hud #exp-loot:not(:empty){flex-basis:100%}.exp-hp.base>div{background:#3f8f57}#exp-hud .start{margin-left:auto}#exp-hud .start+.exit{margin-left:0}#exp-hud.def-hud .hud-break{flex-basis:100%;height:0}#exp-hud.def-hud .start{margin-left:0}#exp-hud.def-hud #def-loot{flex:0 auto;justify-content:flex-start;min-width:0;max-width:100%}#exp-hud.def-hud #def-wave{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#quest{background:#2a2119;border-top:1px solid #5a4a3a;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}#quest.done{background:#2f4a33}.quest-icon{font-size:26px;line-height:1}.quest-body{flex:260px;min-width:0}body.in-expedition #quest{display:none}.popup-section{background:#00000030;border:1px solid #4a3c2e;border-radius:12px;margin-top:12px;padding:10px 12px}#panel .popup-section>h3{margin:0 0 8px}.popup h4{color:#d8b56a;margin:10px 0 4px;font-size:14px}.ok-text{color:#9fd6a6}.level-badge{color:#1b140c;background:#c98a2b;border-radius:999px;padding:1px 10px;font-size:14px;font-weight:700;display:inline-block}.level-badge.tier-1{background:#d99a5b}.level-badge.tier-2{background:#9fe4ff}.level-badge.tier-3{background:linear-gradient(#fff3c4,#e6b84a);box-shadow:0 0 10px #e6b84a}.stars{color:#e6b84a;letter-spacing:2px}.hero{flex-wrap:wrap;gap:14px;display:flex}.hero-art{aspect-ratio:320/198;background:#14110f;border:2px solid #5a4a3a;border-radius:12px;flex:0 0 240px;max-width:100%;position:relative;overflow:hidden}.hero-art.tier-3{box-shadow:0 0 18px #e6b84a80}.hero-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero-emoji{place-items:center;font-size:72px;display:grid;position:absolute;inset:0}.hero-info{flex:220px;min-width:0}.hero-level{align-items:center;gap:8px;display:flex}.stat-table{grid-template-columns:1fr auto auto;align-items:baseline;gap:6px 14px;display:grid}.stat-label{color:#cfc2ad}.stat-next{color:#8ee59a;font-weight:600}.conditions{gap:4px;margin:6px 0 10px;padding:0;list-style:none;display:grid}.conditions li{align-items:baseline;gap:8px;display:flex}.conditions .mark{color:#fff;text-align:center;border-radius:50%;flex:none;width:18px;height:18px;font-size:12px;line-height:18px}.conditions .ok{color:#b9e6bf}.conditions .ok .mark{background:#2f6a3c}.conditions .no{color:#ffb3a6}.conditions .no .mark{background:#7a2a20}.staff-summary{align-items:center;gap:12px;display:flex}.slots{gap:6px;display:flex}.slot{color:#6a5a48;border:2px dashed #6a5a48;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.slot.filled{background:#2f5a3a;border:2px solid #5fbf6a}.slot-icon{text-align:center;object-fit:contain;width:30px;height:30px;font-size:24px;line-height:30px}.tree-scroll{background:#15110e;border:1px solid #4a3c2e;border-radius:12px;max-height:50dvh;overflow:auto}.tree-canvas{position:relative}.tree-lines{pointer-events:none;position:absolute;inset:0}.tree-lines path{fill:none;stroke-width:3px;stroke-linejoin:round}.tree-lines path.met{stroke:#c98a2b}.tree-lines path.unmet{stroke:#4a4038;stroke-dasharray:5 5}.tree-lane{color:#d8b56a;font-size:13px;font-weight:700;position:absolute;left:12px}.tree-node{text-align:left;background:#2e2620;border:2px solid #5a4a3a;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;overflow:hidden}.tree-icon{text-align:center;flex:none;width:30px;font-size:22px}img.tree-icon{object-fit:contain;width:40px;height:40px;margin:0 -3px 0 -4px}.tree-text{min-width:0;display:grid}.tree-text strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.tree-text small{color:#a89b88;font-size:11px}.tree-bar{background:#00000080;height:4px;position:absolute;bottom:0;left:0;right:0}.tree-bar i{background:#c98a2b;height:100%;display:block}.tree-node.ready{background:#26382a;border-color:#5fbf6a;box-shadow:0 0 10px #5fbf6a55}.tree-node.short{border-color:#b98a3a}.tree-node.running,.tree-node.current{background:#22303f;border-color:#6aa9e0;animation:1.6s ease-in-out infinite node-pulse}.tree-node.queued{border-style:dashed;border-color:#6aa9e0}.tree-node.maxed{background:#3a3018;border-color:#e6b84a}.tree-node.maxed .tree-bar i{background:#e6b84a}.tree-node.locked{opacity:.55;filter:grayscale(.7)}.tree-node.selected{opacity:1;outline-offset:2px;outline:3px solid #ffe08a}@keyframes node-pulse{50%{box-shadow:0 0 14px #6aa9e0aa}}.tree-legend{flex-wrap:wrap;gap:6px 12px;margin:6px 0 8px;font-size:12px;display:flex}.legend:before{content:"";border:2px solid #5a4a3a;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.legend.ready:before{background:#26382a;border-color:#5fbf6a}.legend.short:before{border-color:#b98a3a}.legend.running:before{background:#22303f;border-color:#6aa9e0}.legend.maxed:before{background:#3a3018;border-color:#e6b84a}.legend.locked:before{opacity:.5}.detail-head{align-items:center;gap:10px;display:flex}.detail-icon{object-fit:contain;background:#2e2620;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;font-size:28px;display:grid}.audio-toggle{padding:2px 8px}.hero-art .hero-frame{object-fit:fill}.tree-column{pointer-events:none;background:#ffffff08;border-radius:10px;position:absolute;top:4px}.tree-column span{color:#d8b56a;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:6px 4px 0;font-size:12px;font-weight:700;display:block;overflow:hidden}.tree-column.locked{background:#00000030}.tree-column.locked span{color:#7a6e60}button.vip{color:#f5dfae;border-color:#c98a2b}button.vip.gift{background:#5a3d14;animation:1.6s ease-in-out infinite node-pulse}.card.vip-current{background:#3a3018;outline:2px solid #e6b84a}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:8px 0;display:grid}.cal-tile{text-align:center;background:#2e2620;border:1px solid #4a3c2e;border-radius:8px;align-content:start;gap:2px;min-height:58px;padding:4px;font-size:11px;display:grid}.cal-tile strong{color:#a89b88;font-size:11px}.tile-gifts{flex-wrap:wrap;justify-content:center;gap:2px 4px;display:flex}.cal-tile.big{background:#3a3018;border-color:#c98a2b}.cal-tile.done strong{color:#9fd6a6;font-size:14px}.cal-tile.next{border:2px solid #ffe08a;box-shadow:0 0 10px #ffe08a66}.streaks{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:5px;margin:6px 0;display:grid}.streak-step{text-align:center;background:#2e2620;border:1px solid #4a3c2e;border-radius:8px;gap:2px;padding:5px 4px;font-size:11px;display:grid}.streak-step strong{color:#f0a860;font-size:12px}.streak-step.done{background:#26382a;border-color:#5fbf6a}.streak-step.done strong{color:#9fd6a6}button.checkin-ready{animation:1.6s ease-in-out infinite node-pulse;box-shadow:0 0 #ffe08a}.result-overlay{z-index:55;background:radial-gradient(#000000c0,#000000eb);place-items:center;padding:12px;animation:.25s ease-out result-fade;display:grid;position:fixed;inset:0}.result{--accent:#e6b84a;--glow:#e6b84a66;border:2px solid var(--accent);width:min(560px,100%);max-height:min(92dvh,100%);box-shadow:0 0 60px var(--glow), 0 20px 60px #000000c0;background:linear-gradient(#2c231c,#1a1411);border-radius:18px;flex-direction:column;animation:.45s cubic-bezier(.2,.9,.3,1.25) result-in;display:flex;overflow:hidden}.result.lose{--accent:#c2453a;--glow:#c2453a55}.result-banner{border-bottom:1px solid var(--accent);text-align:center;background:linear-gradient(#5a3d14,#2c231c);flex:none;padding:18px 16px 14px;position:relative;overflow:hidden}.result-rays{background:repeating-conic-gradient(#ffe08a22 0deg 10deg,#0000 10deg 20deg);border-radius:50%;width:420px;height:420px;margin-left:-210px;animation:24s linear infinite result-spin;position:absolute;top:-120px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#000 20%,#0000 68%)}.result.lose .result-rays{display:none}.result-emblem{filter:drop-shadow(0 4px 10px #000000a0);font-size:54px;line-height:1.1;animation:.6s cubic-bezier(.2,.9,.3,1.5) .15s backwards result-pop;position:relative}.result-banner h2{color:#fff3c4;letter-spacing:.02em;text-shadow:0 2px 8px #000;margin:4px 0 2px;font-size:24px;position:relative}.result-banner p{color:#d9c9ae;margin:0;font-size:14px;position:relative}.result-stars{justify-content:center;gap:8px;margin-top:6px;font-size:30px;line-height:1;display:flex;position:relative}.star.on{color:#ffd84a;text-shadow:0 0 14px #ffd84a;animation:.5s cubic-bezier(.2,.9,.3,1.6) backwards result-pop}.star.on:first-child{animation-delay:.45s}.star.on:nth-child(2){animation-delay:.65s}.star.on:nth-child(3){animation-delay:.85s}.result-body{scrollbar-color:#6a5440 #1a1512;scrollbar-width:thin;flex:1;min-height:0;padding:12px 16px 4px;overflow-y:auto}.result-body h3{color:#d8b56a;margin:14px 0 6px;font-size:15px}.result-stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.result-stat{text-align:center;background:#00000040;border:1px solid #4a3c2e;border-radius:12px;padding:8px;display:grid}.result-stat strong{color:#fff3c4;font-size:22px}.result-stat span{color:#a89b88;font-size:12px}.loot-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.loot-card{text-align:center;background:linear-gradient(#3a2f26,#2a221c);border:1px solid #5a4a3a;border-radius:12px;justify-items:center;gap:1px;padding:8px 6px;animation:.35s cubic-bezier(.2,.9,.3,1.3) backwards loot-in;display:grid}.loot-icon{object-fit:contain;width:40px;height:40px;font-size:30px;line-height:40px}.loot-card strong{color:#9fe6a8;font-size:17px}.loot-card span{color:#cfc2ad;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.loot-card small{color:#ffb38a;font-size:10px}.loot-card.lost{background:linear-gradient(#3a2220,#2a1a18);border-color:#7a2a20}.loot-card.lost strong{color:#ff9b8a}.result-foot{text-align:center;flex:none;padding:12px 16px 16px}.result-foot button{text-align:center;min-width:220px}@keyframes result-fade{0%{opacity:0}}@keyframes result-in{0%{opacity:0;transform:translateY(30px)scale(.9)}}@keyframes result-pop{0%{opacity:0;transform:scale(.2)}}@keyframes result-spin{to{transform:rotate(360deg)}}@keyframes loot-in{0%{opacity:0;transform:translateY(14px)scale(.8)}}.chip.tappable{cursor:pointer}.chip.tappable:hover{outline:1px solid #e6b84a}button.dot{position:relative}button.dot:after{content:"";background:#e5484d;border:2px solid #1f1a16;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}button.bell.has-alerts{color:#fff;background:#7a2a24}.source-list{gap:6px;max-height:50vh;display:grid;overflow-y:auto}#outside{z-index:5;position:absolute;inset:0}.outside-art{cursor:pointer;background:#14110f;position:fixed;inset:0;overflow:hidden}.outside-art img,.outside-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.outside-art.painted img{top:var(--outside-top,0px);height:calc(100% - var(--outside-top,0px) - var(--outside-bottom,0px));object-fit:contain}.outside-art.painted .outside-back{object-fit:cover;filter:blur(28px)brightness(.55);height:100%;top:0;transform:scale(1.15)}.outside-art:after{inset:auto 0 var(--outside-bottom,0px);content:"";pointer-events:none;background:linear-gradient(#14110f00,#14110f);height:3%;position:absolute}.outside-head{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;display:flex;position:absolute;top:8px;left:10px;right:10px}.outside-head>*{pointer-events:auto}.outside-plate{color:#2b1d14;pointer-events:none;background:#ead9b8;border:2px solid #5a4a3a;border-radius:10px;gap:2px;max-width:min(320px,100%);padding:6px 12px;display:grid}button.outside-defense{background:#241d18e6;padding:6px 10px;font-size:13px}.outside-foot{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.outside-foot>*{pointer-events:auto}.outside-card{background:#241d18e6;border:1px solid #5a4a3a;border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.outside-card.raid{border-color:#e5484d;animation:1.4s ease-in-out infinite raid-pulse}.raid-text{color:#ffb3a6;font-weight:600}@keyframes raid-pulse{50%{box-shadow:0 0 18px #e5484daa}}#view-toggle{z-index:6;position:absolute;top:10px;left:10px}body.outside-view #hud-top,body.outside-view #hud-bottom,body.outside-view #quest{z-index:6;position:relative}body.outside-view #hud-top{background:linear-gradient(#14110fd9,#14110f00)}body.outside-view #hud-bottom{background:#14110f}body.outside-view #quest{opacity:.94;border-radius:12px;margin:0 8px}body.outside-view #hud-top .chips,body.in-expedition #outside,body.in-expedition #view-toggle{display:none}@media (width<=700px){#hud-bottom{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}#hud-bottom>button{flex:none}}.story-list{gap:6px;display:grid}.card.story-new{outline:2px solid #e6b84a}.story-reader{z-index:56;padding:max(12px, env(safe-area-inset-top)) max(12px, calc((100vw - 760px) / 2)) max(12px, env(safe-area-inset-bottom));background:#14110f;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;animation:.25s ease-out story-in;display:grid;position:fixed;inset:0}@keyframes story-in{0%{opacity:0}}.story-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.story-head strong{flex:1;font-size:18px}button.story-skip{opacity:.75;padding:4px 10px;font-size:12px}.story-art{background:radial-gradient(#3a2c20,#1b1511);border:2px solid #5a4a3a;border-radius:14px;place-items:center;min-height:0;display:grid;overflow:hidden}.story-art img{object-fit:cover;width:100%;height:100%}.story-art-icon{font-size:clamp(56px,18vh,140px);line-height:1.2}.story-body{color:#2b1d14;cursor:pointer;background:#ead9b8;border:2px solid #5a4a3a;border-radius:14px;align-content:start;gap:8px;min-height:9.5em;padding:12px 14px;display:grid}.story-speaker{align-items:center;gap:8px;display:flex}.story-speaker.journal{color:#6b4a2f;font-style:italic}.story-face{text-align:center;object-fit:contain;width:34px;height:34px;font-size:26px;line-height:34px}.story-text{white-space:pre-line;margin:0;font-size:17px;line-height:1.75}.story-text.in{animation:.35s ease-out story-in}.story-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-nav button.primary{min-width:46%;padding:12px 18px;font-size:17px}.story-end{text-align:center;grid-row:1/-1;place-content:center;justify-items:center;gap:10px;display:grid}.story-end h2{margin:0}.daily-chests{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px;display:grid}.daily-chest{background:#2e2620;border:1px solid #5a4a3a;border-radius:10px;justify-items:start;gap:6px;padding:8px 10px;display:grid}.daily-chest.ready{border-color:#e6b84a;animation:1.6s ease-in-out infinite node-pulse}.daily-chest.opened{opacity:.55}.raid-log{gap:4px;max-height:30vh;display:grid;overflow-y:auto}.toast{overflow-wrap:anywhere;max-width:92vw}.outside-head .outside-card{flex:100%}.popup{--frame:.45;border:solid #0000;border-width:calc(119px * var(--frame)) calc(78px * var(--frame)) calc(62px * var(--frame));border-image:var(--ui-popup) 119 78 62 / calc(119px * var(--frame)) calc(78px * var(--frame)) calc(62px * var(--frame)) round;background:#ebd5b2 var(--ui-bg-paper) 0 0 / 256px padding-box;box-shadow:none;filter:drop-shadow(0 16px 30px #000000b0);color:#2b1d14;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible}@media (width<=700px){.popup{--frame:.36}}.popup-head-slot{top:calc(-71px * var(--frame));right:calc(-52px * var(--frame));left:calc(-52px * var(--frame));height:calc(60px * var(--frame));align-items:center;display:flex;position:absolute}.popup-head-slot .panel-head{min-width:0;padding:0 calc(14px * var(--frame) + 6px);background:0 0;border:0;border-radius:0;flex:1;margin:0;position:static}.popup-head-slot .panel-head h2{min-width:0;font-size:clamp(13px, calc(34px * var(--frame)), 16px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popup-head-slot .level-badge{flex:none;padding:0 8px;font-size:12px}.popup-head-slot button.close{color:#f3ead8;background:#1f1a16;border-color:#6a5440;flex:none;padding:0 8px;font-size:13px;line-height:1.5}.popup-body{scrollbar-color:#8a6a3a transparent;scrollbar-width:thin;min-height:0;padding:4px 2px 6px;overflow-y:auto}.paper .muted{color:#6b5a48}#panel .paper h3,.paper h3,.paper h4{color:#8a4a1c}.paper .ok-text{color:#2f6a3c}.paper .error{color:#a8332a}.paper .conditions .ok{color:#2f6a3c}.paper .conditions .no{color:#a8332a}.paper .stars{color:#b9801c}.paper .popup-section,.paper .card,.paper .chip,.paper button,.paper .tree-scroll,.paper .tree-legend,.paper .daily-chest,.paper .cal-tile,.paper .streak-step,.paper table{color:#f3ead8}.paper .popup-section{background:#2a211b;border-color:#2b1d14}.paper .popup-section .muted,.paper .card .muted,.paper .tree-scroll .muted,.paper table .muted{color:#a89b88}.paper .popup-section .ok-text,.paper .card .ok-text,.paper .popup-section .conditions .ok{color:#9fd6a6}.paper .popup-section .error,.paper .card .error,.paper .popup-section .conditions .no{color:#ff9b8a}button.primary{border:9px solid #0000;border-width:9px 16px;border-image:var(--ui-button) 60 80 fill / 12px 16px stretch;color:#f8f1dc;text-shadow:0 1px #0d2b2e;background:0 0;padding:1px 6px;font-weight:700}.paper button.primary,button.primary{color:#f8f1dc}button.primary.big{border-width:12px 22px;border-image-width:16px 22px;padding:2px 8px}button.primary:disabled{filter:grayscale(.8)}#hud-top .chips .chip.tappable{border:0 solid #0000;border-width:0 12px 0 28px;border-image:var(--ui-chip) 0 60 0 127 fill / 0 12px 0 28px stretch;background:0 0;border-radius:0;gap:3px;padding:3px 2px 3px 0;font-size:13px;line-height:22px}#hud-top .chips .chip.tappable .chip-icon{width:18px;height:18px;margin-left:-23px;margin-right:6px}#panel{grid-template:minmax(0,1fr)/minmax(0,1fr)}.paper{color:#2b1d14}.dialog{border:16px solid #0000;border-image:var(--ui-title-plate) 36 / 16px round;background:#ebd5b2 var(--ui-bg-paper) 0 0 / 256px padding-box;filter:drop-shadow(0 12px 24px #000000b0);border-radius:0;padding:10px 8px 8px}.dialog.paper h2{color:#5a2f12;font-size:18px}#hud-bottom>button:not(.primary),.paper button:not(.primary):not(.chip):not(.close):not(.danger),.outside-foot button:not(.primary),#view-toggle button{border:9px solid #0000;border-width:9px 16px;border-image:var(--ui-button-2) 60 80 fill / 12px 16px stretch;color:#f3ead8;background:0 0;padding:1px 6px}button.danger,.paper button.danger{border:9px solid #0000;border-width:9px 16px;border-image:var(--ui-button-danger) 60 80 fill / 12px 16px stretch;color:#ffe9e2;background:0 0;padding:1px 6px}.paper .card,.card{border:8px solid #0000;border-image:var(--ui-plate) 22 fill / 8px stretch;background:0 0;border-radius:0;padding:2px 4px}.card.story-new,.card.vip-current{outline-offset:2px}.bar{border:0 solid #0000;border-width:0 8px;border-image:var(--ui-track) 0 44 fill / 0 8px stretch;box-sizing:border-box;background:0 0;border-radius:0;height:14px;padding:3px 0;overflow:visible}.bar>div{background:var(--ui-fill) center / 100% 100% no-repeat;border-radius:4px;min-width:0}.bar.stalled>div{background:var(--ui-fill) center / 100% 100% no-repeat;filter:hue-rotate(200deg)saturate(1.4)}button.dot:after{background:var(--ui-badge) center / contain no-repeat;border:0;border-radius:0;width:16px;height:16px;top:-6px;right:-6px}button.audio-toggle{background:var(--ui-round) center / contain no-repeat;border:0;border-radius:50%;width:34px;height:34px;padding:0}.paper .cal-tile,.cal-tile{border:7px solid #0000;border-image:var(--ui-tile) 24 fill / 7px stretch;color:#2b1d14;background:0 0;border-radius:0;padding:0 1px 2px;position:relative}.cal-tile strong{color:#6b5a48}.cal-tile.big{filter:drop-shadow(0 0 3px #e6b84a)drop-shadow(0 0 1px #e6b84a)}.cal-tile.done{opacity:.8}.cal-tile.done:after{background:var(--ui-stamp) center / contain no-repeat;content:"";position:absolute;inset:4px}.cal-tile.next{box-shadow:none;filter:drop-shadow(0 0 5px #ffe08a)drop-shadow(0 0 2px #ffb300);border-style:solid;border-width:7px}.cal-tile.next strong{color:#8a4a1c}.daily-chest:before{background:var(--ui-chest-closed) center / contain no-repeat;content:"";width:72px;height:58px}.daily-chest.opened:before{background-image:var(--ui-chest-open)}#hud-top,#hud-bottom{background:#1f1a16 var(--ui-bg-dark) 0 0 / 256px}.result-banner h2,.result.lose .result-banner h2,.story-end h2{background:var(--ui-ribbon) center / 100% 100% no-repeat;color:#3a240c;text-shadow:none;padding:4px 46px 16px}button.close,.popup-head-slot button.close{background:radial-gradient(circle at 35% 30%,#f0705a,#c23a2b 60%,#8f2419);border:2px solid #2b1d14;border-radius:50%;flex:none;width:34px;height:34px;padding:0;font-size:0;line-height:0;position:relative;box-shadow:inset 0 0 0 2px #fff3,0 2px #0006}button.close:before,button.close:after{content:"";background:#fff6e6;border-radius:2px;width:16px;height:3.5px;position:absolute;top:50%;left:50%;box-shadow:0 1px #0005}button.close:before{transform:translate(-50%,-50%)rotate(45deg)}button.close:after{transform:translate(-50%,-50%)rotate(-45deg)}button.close:hover{filter:brightness(1.12)}button.close:active{transform:translateY(1px)}.dialog.confirm{width:min(420px,100%)}.confirm-text{text-align:center;margin:4px 0 2px;font-size:17px;line-height:1.6}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.popup-wallet{z-index:4;color:#f3ead8;background:#1f1813f2;border:1px solid #5a4a3a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;display:flex;position:sticky;top:0}.wallet-label{color:#c9b08a;font-size:12px}.popup-wallet .chip{background:#3a2d22}#hud-bottom.tabs{flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;overflow:visible}#hud-bottom.tabs>button.tab{justify-items:center;gap:2px;min-width:0;padding:6px 2px 5px;font-size:13px;line-height:1.2;display:grid}.tab-icon{object-fit:contain;width:34px;height:34px;font-size:26px;line-height:34px}.tab-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dialog.sheet{width:min(380px,100%)}button.sheet-row{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:10px 14px;font-size:16px;display:grid}button.sheet-row .btn-icon{grid-row:span 2;width:38px;height:38px;margin:0}button.sheet-row small{opacity:.75;grid-column:2;font-size:12px}.settings-audio{align-items:center;gap:8px}#hud-bottom.tabs>button.tab{color:#f3ead8;background:linear-gradient(#3d2f23,#221a13);border:1px solid #6a5440;border-image:;border-radius:10px;padding:5px 2px 4px;font-size:12px;box-shadow:inset 0 1px #ffffff1f}#hud-bottom.tabs>button.tab:active{background:linear-gradient(#2a2018,#1a140f)}.subtabs{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-bottom:10px;display:grid}button.subtab{opacity:.72;padding:8px 6px;font-size:14px;position:relative}button.subtab.on{opacity:1;outline-offset:-2px;outline:2px solid #e8b04a}.rarity-legend{flex-wrap:wrap;gap:4px 14px;margin:2px 0 8px;font-size:12px;display:flex}.rarity-key{align-items:center;gap:5px;display:inline-flex}.rarity-dot{border:1px solid #140d0899;border-radius:3px;width:12px;height:12px}.slots.big{flex-wrap:wrap;gap:8px;margin:6px 0}.slots.big .slot{color:#d9c8a8;width:84px;height:96px;font:inherit;cursor:pointer;background:#140d0859;border-image:;border-radius:10px;align-content:center;justify-items:center;gap:1px;padding:4px;display:grid}.slots.big .slot.filled{background:#2f5a3ab3;border:2px solid #5fbf6a}.slots.big .slot-icon{width:50px;height:50px}.slot-plus{font-size:30px;line-height:46px}.slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.2;overflow:hidden}.slot-bonus{color:#9be28f;font-size:11px;font-weight:700}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-head h2{margin:0}.dialog.sheet.picker{width:min(520px,100%);max-height:min(84vh,720px);overflow-y:auto}.card.recommended{outline-offset:-2px;outline:2px solid #e8b04a}.badge-pick{color:#2b1d14;background:#e8b04a;border-radius:8px;margin-right:6px;padding:0 6px;font-size:11px;display:inline-block}.branch-cards{gap:10px;display:grid}button.branch-card{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}button.branch-card.ready{outline-offset:-2px;outline:2px solid #5fbf6a}button.branch-card.running{outline-offset:-2px;outline:2px solid #6aa9e0}.branch-icon{text-align:center;object-fit:contain;width:56px;height:56px;font-size:40px;line-height:56px}.branch-body{gap:4px;min-width:0;display:grid}.branch-body strong{font-size:17px}.branch-body small{opacity:.8;font-size:12px}.branch-go{opacity:.7;font-size:26px}.subtabs.branch-tabs{flex-wrap:wrap;gap:4px;display:flex}.subtabs.branch-tabs button.subtab{white-space:nowrap;flex:auto;padding:6px 4px;font-size:13px}.tree-lane.locked{opacity:.55}#queue-dock{z-index:7;pointer-events:none;justify-items:start;gap:4px;width:150px;max-height:calc(100% - 60px);display:grid;position:absolute;top:44px;left:0;overflow-y:auto}#queue-dock>*{pointer-events:auto}body.in-expedition #queue-dock{display:none}#queue-dock button{color:#f3e6cc;font:inherit;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e0a9e;border:0;border-image:;border-radius:0 9px 9px 0}#queue-dock button.dock-fold{padding:4px 9px;font-size:12px}#queue-dock button.dock-fold.has-idle{background:#c47a1ed9}#queue-dock button.dock-row{text-align:left;border-left:3px solid #6aa9e0;grid-template-columns:26px 1fr;align-items:center;gap:6px;width:100%;padding:4px 8px 6px 5px;display:grid;position:relative}#queue-dock button.dock-row.idle{background:#784c1499;border-left-color:#e8b04a}#queue-dock button.dock-row.stalled{border-left-color:#d9683a}.dock-icon{text-align:center;object-fit:contain;width:26px;height:26px;font-size:20px;line-height:26px}.dock-text{min-width:0;display:grid}.dock-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dock-text small{opacity:.85;font-size:11px}.dock-bar{background:#00000073;height:3px;position:absolute;bottom:0;left:0;right:0}.dock-bar i{background:#6aa9e0;height:100%;display:block}.dock-note{color:#e6d6b6;background:#140e0a80;border-radius:0 8px 8px 0;padding:2px 8px;font-size:11px}#hud-top .chip.exposed{box-shadow:inset 0 -2px #d9683a}.unlock-row{align-items:center;margin:4px 0}#queue-dock{filter:drop-shadow(0 3px 5px #0009);gap:5px}#queue-dock button{color:#fff3d6;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c130cf0;border:1.5px solid #c9a26a;border-left-width:0}#queue-dock button.dock-row{border-left:5px solid #6aa9e0}#queue-dock button.dock-fold{padding:5px 12px;font-size:13px;font-weight:700}#queue-dock .dock-text strong{font-size:13px}#queue-dock .dock-note{background:#1c130ce6;border:1px solid #c9a26a99;border-left:0}.lacking-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.lacking-lead{color:#ffb3a6;font-size:13px;font-weight:700}.paper>.lacking-row>.lacking-lead{color:#a3301c}button.lacking-btn{color:#ffe1d9;background:#5a2620;border:1.5px solid #ff8a6a;border-image:;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.lacking-go{color:#ffd27a;border-left:1px solid #ffffff4d;padding-left:6px;font-weight:700}.story-end{gap:14px;width:min(560px,100%);margin:0 auto}.story-end-art{aspect-ratio:16/9;background:radial-gradient(#3a2c20,#1b1511);border:3px solid #c9a26a;border-radius:16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.story-end-art img{object-fit:cover;filter:saturate(.9)brightness(.9);width:100%;height:100%}.story-end-stamp{color:#ffd27a;background:#1c130cd9;border:2px solid #ffd27a;border-radius:8px;padding:3px 12px;font-weight:700;position:absolute;bottom:10px;right:12px;transform:rotate(-4deg)}.story-end h2{margin-top:-34px;font-size:clamp(17px,4.6vw,24px);position:relative}.story-end-card{color:#2b1d14;background:#ead9b8;border:2px solid #5a4a3a;border-radius:14px;justify-items:center;gap:8px;width:100%;padding:12px 14px;display:grid}.story-end-label{color:#6b4a2f;font-size:13px;font-weight:700}.story-end-next{color:#d9c8a8;margin:0;font-size:14px}.story-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.story-end-card .chip{color:#f3e6cc}.story-end-stamp{top:10px;bottom:auto}.paper .popup-section{color:#2b1d14;background:#7a562a21;border:1.5px solid #b79a6c}.paper .popup-section .muted{color:#6b5a47}#panel .paper .popup-section h3,.paper .popup-section h3,.paper .popup-section h4{color:#5a2f12}.paper .popup-section .ok-text,.paper .popup-section .conditions .ok,.paper .popup-section .phases li.done{color:#1f6b32}.paper .popup-section .error,.paper .popup-section .conditions .no,.paper .popup-section .lacking-lead{color:#a3301c}.paper .popup-section .stars{color:#9a6a12}.paper .popup-section .stat-next{color:#1f6b32}.paper .popup-section .card .muted,.paper .popup-section .tree-scroll .muted,.paper .popup-section .slot .muted{color:#a89b88}.paper .popup-section .card .ok-text{color:#9fd6a6}.paper .popup-section .card .error{color:#ffb3a6}.paper .popup-section .card .stat-next{color:#8ee59a}.paper .popup-section .slots.big .slot{background:#3a2c20}.paper .popup-section .slots.big .slot.filled{background:#2f5a3a}@media (aspect-ratio<=3/4){.outside-art.painted img:not(.outside-back){object-fit:cover;object-position:50% 0%}.outside-foot>.outside-card.raid{flex:100%;padding:6px 10px;font-size:13px}}.story-reader{isolation:isolate;grid-template-rows:auto auto minmax(0,1fr) auto auto}.story-reader:before{z-index:-1;background:var(--story-bg,none) center / cover no-repeat;filter:blur(26px)brightness(.38)saturate(.9);content:"";position:absolute;inset:-40px}.story-art{aspect-ratio:16/9;border-color:#c9a26a;justify-self:center;width:100%;max-height:46vh;box-shadow:0 10px 28px #0009}.story-art img{object-fit:contain}.story-body{align-self:stretch;min-height:0;overflow-y:auto}.story-head{text-shadow:0 1px 3px #000}.vip-browser{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.paper button.vip-step{width:44px;height:64px;padding:0;font-size:28px;line-height:1}.vip-card{color:#f3ead8;text-align:center;background:#2a211b;border:2px solid #5a4a3a;border-radius:14px;justify-items:center;gap:6px;padding:14px 12px;display:grid}.vip-card.own{border-color:#e8b04a;box-shadow:0 0 0 2px #e8b04a59}.vip-card.locked{opacity:.86}.vip-badge{object-fit:contain;width:84px;height:84px;font-size:60px;line-height:84px}.vip-name{font-size:20px}.vip-need{color:#e8b04a;font-size:13px}.vip-perks{text-align:left;gap:4px;width:100%;margin:4px 0;padding:0;list-style:none;display:grid}.vip-perks li{background:#ffffff12;border-radius:8px;padding:5px 10px 5px 30px;font-size:14px;position:relative}.vip-perks li:before{color:#9be28f;content:"✓";position:absolute;left:10px}.vip-perks li.none{color:#a89b88;text-align:center;padding-left:10px}.vip-perks li.none:before{content:""}.vip-daily{color:#d9c8a8;justify-items:center;gap:4px;font-size:12px;display:grid}.vip-dots{justify-content:center;gap:6px;margin-top:8px;display:flex}.vip-dots span{background:#b9a585;border-radius:50%;width:9px;height:9px}.vip-dots span.got{background:#6f9b62}.vip-dots span.on{background:#c9781e;transform:scale(1.35)}.dialog.sheet.profile{width:min(460px,100%);max-height:min(88vh,760px);overflow-y:auto}.profile-card{color:#f3ead8;background:#2a211b;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:12px;display:flex}.profile-avatar{color:#fff3d6;background:linear-gradient(#c9781e,#7a3d12);border:3px solid #e8b04a;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;font-size:30px;font-weight:700;display:grid}.profile-who{gap:1px;min-width:0;display:grid}.profile-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.profile-who small{color:#c9b99c;font-size:12px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.profile-stat{text-align:center;background:#7a562a21;border:1px solid #b79a6c;border-radius:10px;gap:1px;padding:7px 4px;display:grid}.profile-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.profile-stat small{color:#6b5a47;font-size:11px}.dialog.profile h3{color:#5a2f12;margin:12px 0 4px;font-size:14px}.setting-row{border-bottom:1px solid #5a2f1233;justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;display:flex}.setting-row>div{min-width:0;display:grid}.setting-row small{color:#6b5a47;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-actions{gap:8px;margin-top:12px;display:grid}.bag-list{gap:5px;display:grid}.bag-row{color:#f3ead8;background:#2a211b;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.bag-icon{text-align:center;object-fit:contain;width:36px;height:36px;font-size:26px;line-height:36px}.bag-body{min-width:0;display:grid}.bag-note{color:#a89b88;font-size:11px}.bag-note.over{color:#ffb08a}.bag-amount{justify-items:end;display:grid}.bag-amount strong{font-size:17px}.bag-amount .rate{font-size:11px}.paper button.bag-go{padding:0 4px;font-size:12px}.away-report{gap:8px;max-height:62vh;display:grid;overflow-y:auto}.away-part{background:#7a562a21;border:1px solid #b79a6c;border-radius:10px;padding:8px 10px}.dialog .away-part h3{color:#5a2f12;margin:0 0 6px;font-size:14px}.away-time{color:#ffd36a;text-shadow:0 1px #000;background:linear-gradient(#3b2a1d,#22170f);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1.5px #a5783f,0 2px 4px #0004}.away-time .away-time-icon,.away-time img{object-fit:contain;width:24px;height:24px}.away-list{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.away-row{background:#fff8ea99;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #c9ab7a88}.away-row .away-row-icon{object-fit:contain;flex:none;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.away-row .away-row-icon img{object-fit:contain;width:30px;height:30px}.away-row-words{color:#4a2a12;gap:4px;min-width:0;font-weight:600;line-height:1.35;display:grid}.away-chips{flex-wrap:wrap;gap:4px;display:flex}.away-row .away-chips .chip{padding-block:1px;font-size:12px}.away-tiles{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid}.away-tile{background:linear-gradient(#4a321c,#2a1b0f);border-radius:10px;justify-items:center;gap:1px;min-width:0;padding:6px 4px 5px;display:grid;box-shadow:inset 0 0 0 1.5px #a5783f,0 2px 3px #0005}.away-tile .away-tile-icon{object-fit:contain;width:28px;height:28px;font-size:22px;line-height:28px}.away-tile b{color:#9be36a;text-shadow:0 1px #000;font-size:16px;font-weight:800;line-height:1.1}.away-tile.down b{color:#ff8f7a}.away-tile small{color:#e6d2ae;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}#quest:not(.done){box-shadow:inset 0 2px #e8b04a}button.quest-go{color:#fff6e0;background:#b8691a;border:2px solid #ffd27a;border-radius:10px;padding:8px 16px;font-weight:700;animation:1.6s ease-in-out infinite quest-pulse}@keyframes quest-pulse{50%{box-shadow:0 0 0 6px #ffd27a47}}.paper .popup-section .stat-table,.paper .popup-section .stat-label{color:#2b1d14}.dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.dialog.sheet{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.sheet-body{align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.dialog.sheet.defense{width:min(520px,100%)}.dialog.defense h3{color:#5a2f12;margin:6px 0 0;font-size:15px}.raid-log{gap:5px;margin:0;padding:0;list-style:none;display:grid}.raid-entry{color:#2b1d14;background:#7a562a21;border-left:4px solid #2f7a3d;border-radius:8px;gap:4px;padding:6px 9px;display:grid}.raid-entry.lost{border-left-color:#a3301c}.raid-line{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:13px;display:flex}.raid-entry.won strong{color:#1f6b32}.raid-entry.lost strong{color:#a3301c}.raid-line small{color:#6b5a47;margin-left:auto}.head-icon{vertical-align:middle;object-fit:contain;width:1.5em;height:1.5em;margin:-.3em .35em -.3em 0}.vip-strip{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;margin-bottom:10px;display:grid}.paper button.vip-pick{color:#f3ead8;background:#2a211b;border:2px solid #0000;border-image:;border-radius:10px;justify-items:center;gap:1px;padding:4px 0 3px;font-size:11px;display:grid}.paper button.vip-pick.locked{color:#efe6d6;background:#8d8274}.paper button.vip-pick.locked .vip-pick-icon{filter:grayscale()opacity(.6)}.paper button.vip-pick.own{color:#ffd27a;border-color:#e8b04a;font-weight:700}.paper button.vip-pick.on{outline-offset:1px;outline:3px solid #c9781e}.vip-pick-icon{object-fit:contain;width:34px;height:34px;font-size:26px;line-height:34px}.vip-state{color:#9be28f;background:#9be28f29;border-radius:999px;padding:2px 12px;font-size:13px}.vip-card.locked{opacity:1;background:#55504a}.vip-card.locked .vip-badge{filter:grayscale()opacity(.7)}.vip-card.locked .vip-perks li:before{color:#a79d8e;content:"🔒";font-size:11px}.vip-card.locked .vip-daily{filter:grayscale(.9)}@keyframes guide-blink{0%,to{box-shadow:0 0 0 3px #ffeeaaf2,0 0 6px 3px #ffb02e80}50%{box-shadow:0 0 0 6px #fffad2,0 0 26px 12px #ffb02ee6}}body[data-guide-tab=fight] #hud-bottom [data-tab=fight],body[data-guide-tab=people] #hud-bottom [data-tab=people],body[data-guide-tab=research] #hud-bottom [data-tab=research],body[data-guide-tab=more] #hud-bottom [data-tab=more],body[data-guide-tab=stage] #hud-top [data-tab=stage],body.outside-view[data-guide-tab=base] #hud-bottom [data-tab=base],button.sheet-row.guide-here{z-index:2;border-radius:10px;animation:1.1s ease-in-out infinite guide-blink;position:relative}body[data-guide-tab=fight] #hud-bottom [data-tab=fight]:after,body[data-guide-tab=people] #hud-bottom [data-tab=people]:after,body[data-guide-tab=research] #hud-bottom [data-tab=research]:after,body[data-guide-tab=more] #hud-bottom [data-tab=more]:after,body.outside-view[data-guide-tab=base] #hud-bottom [data-tab=base]:after,button.sheet-row.guide-here:after{color:#ffd27a;content:"▼";text-shadow:0 2px 3px #000;font-size:18px;animation:.8s ease-in-out infinite guide-bob;position:absolute;top:-22px;left:50%;transform:translate(-50%)}button.sheet-row.guide-here:after{content:var(--hint-tap-here);font-size:13px;animation:none;top:50%;left:auto;right:8px;transform:translateY(-50%)}@keyframes guide-bob{50%{top:-44px}}body.in-expedition [data-tab]{animation:none!important}.build-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;display:grid}.build-tile{color:#f3ead8;background:#2a211b;border:2px solid #5a4a3a;border-radius:12px;grid-template-rows:auto auto 1fr auto auto;gap:5px;padding:6px 6px 8px;display:grid}.build-tile.short{border-color:#8a4a34}.build-tile.full{opacity:.55}.build-art{aspect-ratio:512/317;background:#14100c;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.build-art img{object-fit:cover;width:100%;height:100%}.build-emoji{font-size:44px}.build-kind,.build-count,.build-time{color:#fff3d6;background:#140d08d1;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.5;position:absolute}.build-kind{color:#1b140c;top:4px;left:4px}.build-count{top:4px;right:4px}.build-time{font-weight:400;bottom:4px;right:4px}.build-name{font-size:15px;line-height:1.25}.build-desc{color:#a89b88;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.build-tile .chips{gap:4px}.build-tile .chip{padding:1px 7px;font-size:12px}.build-tile .lacking-row{gap:3px;margin:0}.build-tile .lacking-lead{font-size:11px}.build-tile button.lacking-btn{padding:1px 7px;font-size:11px}.build-tile .lacking-go{padding-left:4px;font-size:0}.build-tile .lacking-go:after{content:"›";font-size:13px}.build-why{color:#ffb3a6;font-size:11.5px;line-height:1.3}.build-tile>button.primary{width:100%;padding:0 4px;font-size:15px}.guide-here{z-index:2;animation:1.1s ease-in-out infinite guide-blink;position:relative}.build-tile.guide-here{border-color:#ffd27a}.build-tile.guide-here:before{z-index:3;color:#2b1d14;content:var(--hint-build-this);white-space:nowrap;background:#ffd27a;border-radius:999px;padding:0 10px;font-size:12px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.build-grid{padding-top:6px}#quest.goal{box-shadow:none}.staff-box{background:#7a562a21;border:1.5px solid #b79a6c;border-radius:10px;gap:4px;margin-top:6px;padding:7px 9px;display:grid}.staff-title{color:#5a2f12;font-size:14px}.staff-box .slots.big{gap:6px;margin:2px 0}.staff-box .slots.big .slot{background:#3a2c20;width:66px;height:78px}.staff-box .slots.big .slot.filled{background:#2f5a3a}.staff-box .slots.big .slot-icon{width:40px;height:40px}.staff-box .slot-plus{font-size:24px;line-height:36px}.staff-box .row{margin:0!important}.paper .staff-box button.primary{padding:0 6px;font-size:14px}.room-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.paper .room-foot button{flex:none;font-size:13px}.hero{align-items:flex-start}.staff-box .slots.big .slot{width:76px}.staff-box .slot-name{font-size:10.5px}.hero-left{flex:0 0 240px;align-content:start;gap:8px;max-width:100%;display:grid}.hero-left .hero-art{flex:none;width:100%}@media (width<=520px){.hero-left{flex:100%}}.hero-left .staff-box{margin-top:0}.hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-top .hero-level{margin:0}.paper button.up-button{white-space:nowrap;flex:none;padding:0 8px;font-size:14px}.up-running{color:#eaffea;background:#2f5a3a;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.ability-box{color:#2b1d14;background:#7a562a21;border:1.5px solid #b79a6c;border-radius:10px;gap:6px;margin-top:8px;padding:7px 9px;display:grid}.ability-box .stat-table{color:#2b1d14;grid-template-columns:1fr auto;gap:2px 10px}.ability-box .stat-label{color:#6b5a47;grid-column:1/-1;font-size:12px}.ability-box .stat-next{color:#1f6b32}.hero-left .ability-box{margin-top:0}.hero-info .popup-section{margin-top:8px;padding:8px 10px}.hero-info .popup-section .conditions{margin:4px 0 6px;font-size:14px}.hero-info .popup-section p{margin:4px 0}.speedups{flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0;display:flex}.paper button.speedup,button.speedup{color:#f3ead8;background:#2a211b;border:1.5px solid #c9a26a;border-image:;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:13px;line-height:1.3;display:inline-flex}button.speedup .chip-icon{width:22px;height:22px;margin:0}.paper button.speedup.finish,button.speedup.finish{color:#fff6e0;background:#b8691a;border-color:#ffd27a;padding-left:10px;font-weight:700}.paper button.speedup:not(.primary):not(.chip):not(.close):not(.danger){background:#2a211b;border:1.5px solid #c9a26a;border-image:;border-radius:999px;padding:3px 10px 3px 6px}.paper button.speedup.finish:not(.primary):not(.chip):not(.close):not(.danger){background:#b8691a;border-color:#ffd27a;padding-left:10px}.job-actions .speedups{justify-content:flex-end;margin:0 0 0 auto}.paper button.speed-btn{white-space:nowrap;align-items:center;gap:4px;padding:0 4px;font-size:14px;display:inline-flex}button.speed-btn .chip-icon{width:22px;height:22px;margin:0}.paper .job-actions>button.danger{padding:0 6px;font-size:14px}.paper .phases li.done{color:#1f6b32}.hero.topic{margin-top:10px}.hero.topic .hero-left{flex-basis:170px}.topic-art{background:#1c1713;border:2px solid #5a4a3a;border-radius:12px;place-items:center;padding:8px;display:grid}.topic-icon{text-align:center;object-fit:contain;width:96px;height:96px;font-size:64px;line-height:96px}.hero.topic.locked .topic-icon{filter:grayscale(.8);opacity:.7}.topic-name{color:#2b1d14;margin-bottom:4px;font-size:18px;display:block}.hero.topic .ability-box .stat-table{grid-template-columns:auto auto;justify-content:space-between}.paper .hero.topic>.hero-info>.muted{color:#5c4a38;margin:6px 0}.paper .tree-legend{color:#4a3a2a}.paper .tree-more{color:#5c4a38;margin:6px 2px 0}@media (width<=520px){.hero.topic .hero-left{flex:100%;grid-template-columns:auto 1fr;align-items:center}.topic-icon{width:64px;height:64px;font-size:44px;line-height:64px}}.job-actions{justify-content:stretch;gap:6px;display:grid}.job-actions .speedups{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;margin:0;display:grid}.paper .job-actions button.speed-btn{justify-content:center;width:100%}.paper .job-actions button.primary.speed-btn{grid-column:1/-1}.paper .job-actions>button.danger{order:2;justify-self:start}@keyframes guide-row{0%,to{opacity:.35}50%{opacity:1}}button.sheet-row.guide-here:before{content:"";pointer-events:none;border:3px solid #ffd27a;border-radius:12px;animation:1.1s ease-in-out infinite guide-row;position:absolute;inset:-7px -13px;box-shadow:inset 0 0 16px 2px #ffb02e73}@keyframes guide-pill{50%{transform:translateY(-50%)translate(-5px)}}button.sheet-row.guide-here{animation:none}button.sheet-row.guide-here:after{color:#ffd27a;content:"◀";text-shadow:0 2px 3px #000;white-space:nowrap;width:auto;font-size:20px;line-height:1;animation:.8s ease-in-out infinite guide-pill;top:50%;left:auto;right:12px;transform:translateY(-50%)}.gear{grid-template-columns:minmax(0,1fr) minmax(120px,1.1fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.gear-col{gap:8px;display:grid}.paper button.gear-slot,button.gear-slot{color:#f3ead8;text-align:left;opacity:1;background:#2a221b;border:2px solid #8a6a3c;border-image:;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:8px;min-height:0;padding:6px 8px;display:grid}button.gear-slot:not(.still){cursor:pointer;border-color:#e6b84a;box-shadow:0 0 0 1px #0006,0 2px #0008}button.gear-slot .gear-art{background:#15110e;border-radius:9px;grid-row:1/4;place-items:center;width:52px;height:52px;display:grid}button.gear-slot .gear-art img{object-fit:contain;width:46px;height:46px}.gear-emoji{font-size:30px;line-height:1}button.gear-slot .gear-label{color:#d8b56a;font-size:11px;font-weight:700}button.gear-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}button.gear-slot small{color:#a89b88;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.2;overflow:hidden}.gear-figure{background:radial-gradient(circle at 50% 42%,#5b4a36 0%,#2a211a 62%,#17120e 100%);border:2px solid #5a4a3a;border-radius:14px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.gear-figure img{object-fit:contain;filter:drop-shadow(0 8px 6px #000a);width:min(100%,170px);max-height:180px}.gear-figure .hero-paper{width:min(80%, 150px, calc(90% / var(--extent,.52)));filter:drop-shadow(0 8px 6px #000a);position:relative}.gear-figure .hero-paper img{filter:none;max-height:none;display:block}.gear-figure .hero-paper .hero-body{width:100%}.gear-figure .hero-paper .hero-layer{width:100%;position:absolute;inset:0}.gear-figure .hero-paper .hero-held{position:absolute;top:63%;left:63%}.gear.compact .gear-figure .hero-paper{width:min(100%, 124px, calc(90% / var(--extent,.52)))}.gear-verdict{color:#fff;text-align:center;text-wrap:balance;border-radius:999px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;bottom:6px;left:6px;right:6px}.phrase{display:inline-block}.gear-verdict.good,.gear-meter.good .gear-meter-bar i{background:#2f7a41}.gear-verdict.even,.gear-meter.even .gear-meter-bar i{background:#b9791c}.gear-verdict.bad,.gear-meter.bad .gear-meter-bar i{background:#a3372c}.gear-detail{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.gear-detail .ability-box{margin-top:0}.gear-detail .ability-box .stat-table{grid-template-columns:1fr auto}.gear-detail .ability-box .stat-label{grid-column:auto;font-size:13px}.gear-meter{color:#2b1d14;background:#7a562a21;border:1.5px solid #b79a6c;border-radius:10px;gap:4px;margin:10px 0;padding:8px 10px;display:grid}.gear-meter-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.gear-meter-bar{background:#2a221b;border-radius:999px;height:12px;position:relative;overflow:hidden}.gear-meter-bar:after{content:"";background:#fff9;width:2px;position:absolute;top:0;bottom:0;left:50%}.gear-meter-bar i{height:100%;display:block}.paper .gear-meter .muted{color:#5c4a38}@media (width<=560px){.paper button.gear-slot,button.gear-slot{text-align:center;grid-template-columns:1fr;justify-items:center;padding:5px 4px}button.gear-slot .gear-art{order:-1;grid-row:auto;width:44px;height:44px}button.gear-slot small{display:none}.gear-detail{grid-template-columns:1fr}}.raid-go{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.raid-go-note{flex:120px}.raid-go>button{flex:none;margin-left:auto}.grade{color:#fff;white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700}.grade.bad,.power-card.bad .gear-meter-bar i{background:#a3372c}.grade.even,.power-card.even .gear-meter-bar i{background:#b9791c}.grade.good,.power-card.good .gear-meter-bar i{background:#2f7a41}.grade.great,.power-card.great .gear-meter-bar i{background:#1f7f8c}.power-card,.foe-card{color:#2b1d14;background:#7a562a21;border:1.5px solid #b79a6c;border-radius:10px;gap:6px;margin-top:10px;padding:8px 10px;display:grid}.power-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.power-total{margin-left:auto;font-size:14px}.power-total b{font-size:24px;line-height:1}.power-card.bad .power-total b{color:#a3372c}.power-card.even .power-total b{color:#9a5f0c}.power-card.good .power-total b{color:#1f6b32}.power-card.great .power-total b{color:#136d79}.power-advised{color:#5c4a38;font-size:13px}.power-rows{gap:2px;margin-top:2px;display:grid}.power-row{border-top:1px dashed #b79a6c99;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 10px;padding:4px 0;display:grid}.power-name{font-size:14px}.power-value{font-size:15px}.power-value.weak{color:#a3372c}.power-row small{color:#5c4a38;grid-column:1/-1;font-size:12px}.paper .power-card .muted{color:#5c4a38}.foes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.foe{color:#f3ead8;text-align:center;background:#2a221b;border:2px solid #5a4a3a;border-radius:10px;justify-items:center;gap:1px;padding:6px 4px;display:grid;position:relative}.foe img{object-fit:contain;width:56px;height:56px}.foe strong{font-size:13px}.foe small{color:#a89b88;font-size:11px}.foe.boss{background:#3a1f1b;border-color:#c2473a}.foe-tag{color:#fff;background:#a3372c;border-radius:999px;padding:0 8px;font-size:10.5px;font-weight:700}.power-lines{display:grid}.paper .power-lines button.power-line{color:#2b1d14;height:auto;line-height:1.35;font:inherit;text-align:left;text-shadow:none;opacity:1;border-radius:6px;grid-template-columns:minmax(0,1fr) auto 12px;align-items:baseline;gap:0 8px;display:grid;min-height:0!important;box-shadow:none!important;background:0 0!important;border-width:0!important;border-image:!important;padding:2px 4px!important}button.power-line:not(.still){cursor:pointer}.paper .power-lines button.power-line:not(.still):hover{background:#7a562a2e!important}button.power-line .power-name{color:#6b5a47;font-size:13px}button.power-line .power-go{color:#8a6a3c;font-weight:700}.paper .power-lines button.power-line:last-child{border-top:1px dashed #b79a6c;border-radius:0;margin-top:2px}.power-value{color:#2b1d14;font-size:15px;font-weight:700}.power-value.bad{color:#a3372c}.power-value.even{color:#9a5f0c}.power-value.good{color:#1f6b32}.power-value.great{color:#136d79}.power-legend{flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:11px;display:flex}.power-legend .power-value{font-size:11px}.paper .power-legend .muted{color:#6b5a47}.gear-meter.great .gear-meter-bar i{background:#1f7f8c}.gear-meter.bad .gear-meter-bar i{background:#a3372c}.gear-meter.even .gear-meter-bar i{background:#b9791c}.gear-meter.good .gear-meter-bar i{background:#2f7a41}.gear-detail .stat-value{justify-content:flex-end;align-items:center;gap:3px;display:flex}img.foe-face{object-fit:contain;width:26px;height:26px}.gear-detail .ability-box{align-content:start}img.result-emblem.art{object-fit:contain;width:132px;height:132px;margin:-6px auto -8px;display:block}.fight-meter{align-items:center;width:min(250px,46vw);height:30px;padding-left:16px;display:flex;position:relative}.fight-meter .meter-head{z-index:1;text-align:center;object-fit:contain;filter:drop-shadow(0 2px 2px #000c);width:38px;height:38px;font-size:24px;line-height:38px;position:absolute;left:-4px}.fight-meter .meter-track{background:linear-gradient(#1a1410,#2c231b);border:2px solid #e6b84a;border-radius:6px 12px 12px 6px;flex:1;height:22px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #1a1410,0 3px 6px #000a,inset 0 2px 4px #000c}.fight-meter .meter-track i{background:linear-gradient(#ff7b6b,#c2302a 55%,#8e1e1c);transition:width .18s linear;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 3px #fff5,2px 0 6px #ff5a4a88}.fight-meter .meter-track span{color:#fff;text-align:center;text-shadow:0 1px 2px #000,0 0 3px #000;padding-left:22px;font-size:13px;font-weight:700;line-height:18px;position:absolute;inset:0}.fight-meter.low .meter-track{border-color:#ff6a5a;animation:.7s ease-in-out infinite meter-low}@keyframes meter-low{50%{box-shadow:0 0 0 2px #1a1410,0 0 14px 4px #ff3b2bcc,inset 0 2px 4px #000c}}#exp-hud .chip.boost{color:#fff3c4;background:#2a1c08e6;border:1.5px solid #ffe08a;font-weight:700}#exp-hud .chip.boost .chip-icon{width:24px;height:24px}#fight-veil{z-index:3;pointer-events:none;position:absolute;inset:0}#fight-veil:before{content:"";animation:1.6s ease-in-out infinite veil-breathe;position:absolute;inset:0}#fight-veil.low:before{background:radial-gradient(#0000 52%,#1e8fa655 78%,#0f5f72cc 100%)}#fight-veil.out:before{background:radial-gradient(#0000 38%,#a3181855 66%,#7a0c0ce6 100%);animation-duration:.75s}#fight-veil .veil-cracks{opacity:0;background:50%/100% 100% no-repeat;transition:opacity .6s;position:absolute;inset:0}#fight-veil.out .veil-cracks{opacity:.9}#fight-veil .veil-text{color:#d9f6ff;text-align:center;text-shadow:0 2px 6px #000,0 0 12px #000;font-size:clamp(16px,2.6vw,26px);font-weight:800;animation:1.6s ease-in-out infinite veil-breathe;position:absolute;top:16%;left:0;right:0}#fight-veil.out .veil-text{color:#ffd2cc;animation-duration:.75s}#raid-alarm{z-index:2;pointer-events:none;animation:1.8s ease-in-out infinite veil-breathe;position:absolute;inset:0}#raid-alarm.near{box-shadow:inset 0 0 26px 4px #c0281c66}#raid-alarm.hit{animation-duration:.45s;box-shadow:inset 0 0 46px 12px #e0281cc8}@keyframes veil-breathe{0%,to{opacity:.55}50%{opacity:1}}.paper .tree-detail .muted{color:#5c4a38}#fight-veil .veil-cracks{mix-blend-mode:screen}button.gear-slot.empty .gear-art{opacity:.75;border:2px dashed #8a6a3c}button.gear-slot.empty strong{color:#b8a88c}button.gear-slot.empty.ready{animation:1.4s ease-in-out infinite guide-blink}button.gear-slot.empty.ready small{color:#9dffb0}.card.gear-card.worn{box-shadow:inset 0 0 0 2px #e6b84a}.card.gear-card .card-icon{object-fit:contain;width:56px;height:56px}.wear-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin-bottom:8px;display:grid}.paper button.wear-chip{color:#f3ead8;text-align:left;background:#2a221b;border:2px solid #e6b84a;border-image:;border-radius:10px;align-items:center;gap:8px;min-height:0;padding:5px 8px;font-size:20px;display:flex}.paper button.wear-chip.empty{border-style:dashed;border-color:#8a6a3c}button.wear-chip .chip-icon{width:34px;height:34px;margin:0}button.wear-chip span{min-width:0;display:grid}button.wear-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}button.wear-chip small{color:#a89b88;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gift{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.gift .chip-icon{width:20px;height:20px;margin:0}.cal-tile.big .gift .chip-icon{width:24px;height:24px}.max-badge{color:#3a2608;letter-spacing:.04em;background:linear-gradient(#ffe9a6,#e6b84a);border:2px solid #c9a23a;border-radius:999px;padding:4px 12px;font-weight:800}.need-note{color:#5a2a10;background:#fff1d8;border-left:4px solid #d9683a;border-radius:6px;padding:6px 10px}.outside-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}button.outside-up{color:#ffe9a6;background:#241d18e6;border:2px solid #c9a23a;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}button.outside-up.ready{color:#3a2608;background:linear-gradient(#ffe9a6,#e6b84a);animation:1.3s ease-in-out infinite up-ready}.base-level{gap:4px;margin:6px 0 10px;display:grid}.base-facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.base-fact{color:#2b1d14;text-align:left;font:inherit;background:#fff7e6;border:1px solid #c9a26a;border-radius:8px;gap:2px;padding:8px 10px;display:grid}button.base-fact{cursor:pointer;box-shadow:0 2px #c9a26a}.base-fact small{color:#7a5a3a}@keyframes up-ready{50%{box-shadow:0 0 0 5px #ffd27a66,0 0 18px #ffd27a}}.paper button.base-fact{color:#2b1d14;text-shadow:none;background:#fff7e6;border:1px solid #c9a26a;border-image:}img.quest-icon{object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}img.card-icon:not(.portrait){border-radius:8px}.job-box{background:#7856321f;border:1px solid #7856324d;border-radius:12px;gap:6px;margin:6px 0;padding:10px 12px;display:grid}img.emo{vertical-align:-.28em;pointer-events:none;width:auto;height:1.25em;margin:0 .12em;display:inline-block}.level-badge.maxed{color:#3a2608;background:linear-gradient(#ffe39a,#e2b34a);border-color:#c9a23a}.level-badge.maxed:after{content:" ★"}.max-note{color:#6d5320;font-size:.86em;font-weight:700}.pf-card{color:#3d2a17;background:linear-gradient(135deg,#fff6e2,#f1dfbd);border:1px solid #7856324d;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.pf-avatar{color:#fffaf0;background:radial-gradient(circle at 35% 30%,#f4b76a,#b9662a);border:3px solid #fff3d6;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:26px;font-weight:800;display:grid;box-shadow:0 2px 6px #50321459}.pf-who{gap:2px;min-width:0;display:grid}.pf-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.2em;overflow:hidden}.pf-tag{color:#5a3c16;background:#e9d3a6;border-radius:999px;justify-self:start;padding:1px 10px;font-size:.8em;font-weight:700}.pf-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.pf-stat{color:#3d2a17;background:#fff8e8cc;border:1px solid #78563233;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;min-width:0;padding:6px 8px;display:grid}.pf-stat img{grid-row:span 2;width:26px;height:26px}.pf-stat strong{font-size:1.05em;line-height:1.1}.pf-stat small{color:#7a6146;white-space:nowrap;text-overflow:ellipsis;font-size:.75em;overflow:hidden}.pf-sounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}@media (width<=420px){.pf-sounds{grid-template-columns:minmax(0,1fr)}}.pf-lang{align-items:center;gap:6px;margin-top:6px;display:flex}.pf-lang>span{flex:1;font-weight:700}.pf-lang button{min-width:84px}.pf-sound{color:#3d2a17;background:#fff8e8cc;border:1px solid #78563233;border-radius:12px;align-items:center;gap:8px;padding:4px 8px;font-weight:700;display:flex}.pf-sound .audio-toggle{width:40px;min-width:0;height:40px;padding:0}.pf-id{color:#7a6146;align-items:center;gap:8px;margin:10px 2px 4px;display:flex}.pf-id code{color:#3d2a17;flex:1;font-size:.9em}.pf-actions{gap:8px;margin-top:8px;display:flex}.pf-actions button{flex:1}.pf-actions .pf-reset{flex:none}:root{--soft-wood:#a8744a;--soft-wood-dark:#7d5232;--soft-wood-light:#c99a66;--soft-paper:#fbf1dc;--soft-paper-2:#f3e3c2;--soft-ink:#3d2a17;--soft-ink-2:#7a6146;--soft-teal:#3f9c8f;--soft-teal-dark:#2b7368;--soft-red:#d1604c;--soft-red-dark:#a8432f}.popup{border:6px solid var(--soft-wood);background:var(--soft-paper) var(--ui-bg-paper) 0 0 / 256px padding-box;background-blend-mode:soft-light;filter:none;border-image:;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 3px #f6dfae,0 18px 40px #00000080}@media (width<=700px){.popup{border-width:5px;border-radius:20px}}.popup-head-slot{background:linear-gradient(var(--soft-wood-light), var(--soft-wood));border-bottom:2px solid var(--soft-wood-dark);height:auto;min-height:48px;padding:6px 10px 6px 14px;position:relative;top:auto;left:auto;right:auto;box-shadow:inset 0 1px #fff5}.popup-head-slot .panel-head h2,.popup-head-slot .panel-head h2 *{color:#fff6e3;text-shadow:0 1px #5a3820;font-size:17px}@media (width<=700px){.popup-head-slot .panel-head h2,.popup-head-slot .panel-head h2 *{font-size:14px}.popup-head-slot .panel-head h2 img{width:18px;height:18px}}.popup-body{padding:10px 12px 12px}.dialog{border:5px solid var(--soft-wood);background:var(--soft-paper) var(--ui-bg-paper) 0 0 / 256px padding-box;background-blend-mode:soft-light;filter:none;border-image:;border-radius:20px;padding:12px 12px 10px;box-shadow:inset 0 0 0 2px #f6dfae,0 14px 30px #00000080}.dialog.paper h2{color:var(--soft-wood-dark)}button.primary,.paper button.primary,#hud-bottom>button:not(.primary),.paper button:not(.primary):not(.chip):not(.close):not(.danger),.outside-foot button:not(.primary),#view-toggle button,button.danger,.paper button.danger{border:0;border-image:;border-radius:14px;padding:7px 14px 8px;font-weight:700;transition:transform 80ms,filter .15s}button.primary,.paper button.primary{background:linear-gradient(#58b6a7, var(--soft-teal));box-shadow:inset 0 1px 0 #fff5, 0 3px 0 var(--soft-teal-dark), 0 4px 8px #00000030;color:#fffaf0;text-shadow:0 1px #1f5a52}button.primary.big{border-width:0;padding:11px 20px 12px;font-size:1.05em}#hud-bottom>button:not(.primary),.paper button:not(.primary):not(.chip):not(.close):not(.danger),.outside-foot button:not(.primary),#view-toggle button{background:linear-gradient(#fffaf0, var(--soft-paper-2));color:var(--soft-ink);text-shadow:none;box-shadow:inset 0 0 0 1.5px #d9bb8a,0 3px #c8a676,0 4px 8px #00000025}button.danger,.paper button.danger{background:linear-gradient(#e47a64, var(--soft-red));box-shadow:inset 0 1px 0 #fff5, 0 3px 0 var(--soft-red-dark), 0 4px 8px #00000030;color:#fff7f2;text-shadow:0 1px #7d2e20}button:not(:disabled):active{transform:translateY(2px)}button.primary:disabled,.paper button:disabled{filter:grayscale(.7)opacity(.7);box-shadow:none}.paper .card,.card{color:var(--soft-ink);background:linear-gradient(#fffaf0,#f7ead0);border:0;border-image:;border-radius:14px;padding:8px 10px;box-shadow:inset 0 0 0 1.5px #e0c597,0 2px 4px #0000001f}.paper .card .muted,.card .muted{color:var(--soft-ink-2)}.bar{background:#e6d3b0;border:0;border-image:;border-radius:999px;height:12px;padding:0;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e}.paper .bar{background:#e6d3b0}.bar>div{background:linear-gradient(#7fd0c3, var(--soft-teal));border-radius:999px;height:100%;box-shadow:inset 0 1px #fff6}.bar.stalled>div{filter:none;background:linear-gradient(#f0a072,#d9683a)}button.dot:after{background:radial-gradient(circle at 35% 30%,#f28a73,#d1493a);border:2px solid #fff6e3;border-radius:50%;width:14px;height:14px}.paper .cal-tile,.cal-tile{background:linear-gradient(#fffaf0,#f3e3c2);border:0;border-image:;border-radius:12px;padding:4px 3px 5px;box-shadow:inset 0 0 0 1.5px #dcc08f}.cal-tile.next{filter:none;border:0;box-shadow:inset 0 0 0 2.5px #e6b84a,0 0 10px #ffd27a}#hud-top,#hud-bottom{background:linear-gradient(#5a3d27,#3e2a1b);box-shadow:0 0 0 1px #2a1b10,inset 0 1px #ffffff1f}.popup,.dialog{background:radial-gradient(120% 90% at 50% 0%, #fffaf0 0%, var(--soft-paper) 55%, #efdcb6 100%) padding-box, linear-gradient(160deg, #d6a46d, #8e5d36 55%, #6f4527) border-box;background-blend-mode:normal;border-color:#0000;box-shadow:0 0 0 2px #4a2e18,inset 0 0 0 2px #e9c27a,inset 0 0 0 4px #fff4dc,inset 0 10px 18px -12px #8a5a2c80,inset 0 -12px 22px -14px #8a5a2c70,0 22px 46px #000000a0,0 4px #3a2312}.popup-head-slot{z-index:1;background:repeating-linear-gradient(90deg,#ffffff0a 0 3px,#0000000a 3px 7px),linear-gradient(#d9a771,#a8744a 60%,#8d5e38);border-bottom:0;box-shadow:inset 0 2px #ffe2b066,inset 0 -2px #6b4224,0 4px 8px -2px #5a381e80}.dialog.sheet .sheet-head{background:repeating-linear-gradient(90deg,#ffffff0a 0 3px,#0000000a 3px 7px),linear-gradient(#d9a771,#a8744a 60%,#8d5e38);border-radius:14px 14px 0 0;margin:-12px -12px 10px;padding:8px 10px 8px 16px;box-shadow:inset 0 2px #ffe2b066,inset 0 -2px #6b4224,0 4px 8px -2px #5a381e80}.dialog.sheet .sheet-head h2,.dialog.paper.sheet .sheet-head h2{color:#fff6e3;text-shadow:0 1px #5a3820,0 0 6px #5a382066;font-size:18px}.sheet-body{padding:2px 2px 6px;overflow-x:hidden}.paper .popup-section{background:linear-gradient(#f8ecd2,#f2e0bb);border:1px solid #d8b987;border-radius:16px;box-shadow:inset 0 2px 4px #8a5a2c33,inset 0 -1px #fffa,0 1px #fffc}.paper .card,.card{background:linear-gradient(#fffdf6,#f6e6c6);box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 5px 10px #5a381e30}.paper button.sheet-row:not(.primary):not(.chip):not(.close):not(.danger),button.sheet-row{background:linear-gradient(#fffdf6,#f3e1bd);border-radius:18px;min-height:64px;padding:8px 14px 8px 10px;box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #d9bb8a,0 4px #c29c66,0 6px 12px #5a381e33}button.sheet-row .btn-icon{background:radial-gradient(circle at 40% 35%,#fff7e4,#ecd3a4);border-radius:50%;width:46px;height:46px;padding:3px;box-shadow:inset 0 0 0 2px #d6b37a,0 2px 3px #5a381e40}button.sheet-row:hover{filter:brightness(1.04)}.pf-card{color:#fff6e3;background:radial-gradient(90% 140% at 0 0,#ffffff30,#0000 60%),linear-gradient(135deg,#b77d4c,#8a5a34);border:0;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffe2b066,inset 0 -3px #5e3a1f,0 4px #4a2e18,0 8px 16px #00000040}.pf-card:after{content:"";pointer-events:none;border:1.5px dashed #ffe2b055;border-radius:12px;position:absolute;inset:4px}.pf-avatar{text-shadow:0 2px #7a3a10;border:4px solid #f5cf72;width:64px;height:64px;font-size:30px;box-shadow:0 0 0 2px #6b4224,0 4px 8px #00000060,inset 0 -6px 10px #7a3a1060}.pf-who strong{color:#fffaf0;text-shadow:0 2px #5a3820;font-size:1.35em}.pf-who small{color:#f3dcb7}.pf-tag{color:#6b4224;background:#fff1d0;align-items:center;gap:4px;display:inline-flex;box-shadow:inset 0 -2px #d9b778}.pf-tag.vip{color:#4a2c06;background:linear-gradient(#ffe68f,#e7b33d);box-shadow:inset 0 -2px #b78420,0 0 8px #ffd56a99}.pf-tag img{width:18px;height:18px}.pf-stage{color:var(--soft-ink);background:linear-gradient(#f8ecd2,#f2e0bb);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;margin-top:10px;padding:8px 12px 10px;font-weight:700;display:grid;box-shadow:inset 0 2px 4px #8a5a2c33,inset 0 -1px #fffa}.pf-stage small{color:var(--soft-ink-2);font-weight:600}.pf-stage .bar{grid-column:1/-1;height:10px}.pf-stage .bar>div{background:linear-gradient(#ffe08a,#e0a93a)}.pf-stats{gap:8px}.pf-stat{--tone:#c9a571;--tone-in:#f6e6c6;background:linear-gradient(#fffdf6,#f6e6c6);border:0;border-radius:14px;padding:8px 8px 9px;box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 5px 10px #5a381e30}.pf-stat.gold{--tone:#e2b13e;--tone-in:#fff1c4}.pf-stat.amber{--tone:#e08a3a;--tone-in:#ffe2c2}.pf-stat.teal{--tone:#3f9c8f;--tone-in:#d4f0ea}.pf-stat.brown{--tone:#a8744a;--tone-in:#f3dfc6}.pf-stat.red{--tone:#cf5a46;--tone-in:#fbdcd5}.pf-stat.blue{--tone:#4f86c6;--tone-in:#dbe8f8}.pf-medal{background:radial-gradient(circle at 40% 35%, #fffaf0, var(--tone-in));width:38px;height:38px;box-shadow:inset 0 0 0 2.5px var(--tone), 0 2px 3px #5a381e40;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.pf-stat .pf-medal img{grid-row:auto;width:28px;height:28px}.pf-stat strong{font-size:1.15em;font-weight:800}.pf-sound{cursor:pointer;background:linear-gradient(#fffdf6,#f6e6c6);border:0;border-radius:14px;padding:6px 10px 6px 6px;box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 5px 10px #5a381e30}.pf-sound>span{flex:1;min-width:0}.pf-onoff{background:linear-gradient(#6cc4b5, var(--soft-teal));box-shadow:inset 0 -2px 0 var(--soft-teal-dark);color:#fff;border-radius:999px;padding:2px 10px;font-size:.85em}.pf-sound.off .pf-onoff{background:linear-gradient(#cbb89a,#a8916d);box-shadow:inset 0 -2px #7e6a4b}.pf-id{background:#00000010;border-radius:12px;padding:6px 6px 6px 12px;box-shadow:inset 0 1px 3px #5a381e33}.dialog.sheet.mailbox{width:min(440px,100%)}.mail-code{color:var(--soft-ink);background:#00000010;border-radius:14px;gap:6px;margin-bottom:12px;padding:10px 12px;display:grid}.mail-code-row{gap:8px;display:flex}.mail-code-input{min-width:0;color:var(--soft-ink);font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#fffdf6;border:1.5px solid #c9a571;border-radius:10px;flex:1;padding:8px 10px}.mail-code-status{color:#a8432f}.mail-code-status:empty{display:none}.mail-letter{color:var(--soft-ink);opacity:.75;background:linear-gradient(#fffdf6,#f1e6cf);border-radius:14px;gap:6px;margin-bottom:10px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1.5px #c9a571,0 3px #a8835a}.mail-letter.open{opacity:1;background:linear-gradient(#fffdf6,#fde3dc);box-shadow:inset 5px 0 #d9604c,inset 0 0 0 1.5px #d9604c,0 4px #a8432f}.mail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;display:flex}.mail-body{white-space:pre-line;margin:0;line-height:1.45}.mail-gift-row{flex-wrap:wrap;gap:6px}.mail-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.dialog.sheet.alerts{width:min(420px,100%)}.alert-tile{--tone:#c9a571;--tone-in:#f6e6c6;--lip:#a8835a;background:linear-gradient(#fffdf6, var(--tone-in));width:100%;box-shadow:inset 0 1px 0 #fff, inset 5px 0 0 var(--tone), inset 0 0 0 1.5px var(--tone), 0 4px 0 var(--lip), 0 6px 12px #5a381e33;color:var(--soft-ink);text-align:left;font:inherit;cursor:default;border:0;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:grid}.paper button.alert-tile:not(.primary):not(.chip):not(.close):not(.danger){background:linear-gradient(#fffdf6, var(--tone-in));box-shadow:inset 0 1px 0 #fff, inset 5px 0 0 var(--tone), inset 0 0 0 1.5px var(--tone), 0 4px 0 var(--lip), 0 6px 12px #5a381e33;cursor:pointer;border-radius:16px;padding:10px 12px 10px 10px}.alert-tile.gift{--tone:#d9604c;--tone-in:#fde3dc;--lip:#a8432f}.alert-tile.teal{--tone:#3f9c8f;--tone-in:#daf2ec;--lip:#2b7368}.alert-tile.blue{--tone:#4f86c6;--tone-in:#e0ebf8;--lip:#355f92}.alert-tile.red{--tone:#b8392b;--tone-in:#f9d6cf;--lip:#7d2419}.alert-tile.orange{--tone:#e08a3a;--tone-in:#ffe6cc;--lip:#a85e1e}.alert-medal{background:radial-gradient(circle at 40% 35%, #fffaf0, var(--tone-in));width:48px;height:48px;box-shadow:inset 0 0 0 3px var(--tone), 0 2px 4px #5a381e50;border-radius:50%;place-items:center;font-size:24px;display:grid}.alert-medal img{width:34px;height:34px}.alert-words{gap:1px;min-width:0;display:grid}.alert-words strong{font-size:1.05em}.alert-words small{color:var(--soft-ink-2);font-weight:500}.alert-go{background:var(--tone);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:22px;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 -2px #00000030}.alert-tile.gold,.paper button.alert-tile.gold:not(.primary):not(.chip):not(.close):not(.danger){--tone:#d99a1e;--tone-in:#ffe9a8;background:linear-gradient(135deg,#fff6cf,#ffd978 55%,#f0b843);animation:1.6s ease-in-out infinite alert-glow;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 0 0 2px #e2a72a,0 4px #a8701a,0 0 16px #ffcf5a,0 6px 14px #5a381e40}.alert-tile.gold .alert-words strong{color:#6b3e05;font-size:1.15em}.alert-tile.gold .alert-words small{color:#7a5114}.alert-tile.gold:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fffa,#0000);width:30%;animation:2.6s ease-in-out infinite alert-shine;position:absolute;inset:0 auto 0 -40%}@keyframes alert-glow{50%{box-shadow:inset 0 1px #fff,inset 0 0 0 2px #e2a72a,0 4px #a8701a,0 0 28px #ffcf5a,0 6px 14px #5a381e40}}@keyframes alert-shine{0%,30%{left:-40%}to{left:130%}}.max-crest{color:#5a3405;background:linear-gradient(#fff3bf,#f5c94e 50%,#d99a1e);border-radius:999px;align-items:center;gap:6px;padding:3px 5px 4px 4px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc,inset 0 -2px #a8701a,0 2px #7a4f10,0 0 12px #ffcf5a99}.max-crest b{color:#c97a00;background:radial-gradient(circle at 40% 35%,#fff,#ffd65e);border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:grid;box-shadow:inset 0 0 0 2px #c98a14}.max-crest em{color:#ffe28a;letter-spacing:.08em;background:#7a4f10;border-radius:999px;padding:1px 8px;font-size:.78em;font-style:normal}.max-crest:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb0,#0000);width:35%;animation:3s ease-in-out infinite alert-shine;position:absolute;inset:0 auto 0 -50%}.max-note{color:#8a5a0c}.hero.topic.maxed .bar>div{background:linear-gradient(#ffe27a,#e0a524);box-shadow:inset 0 1px #fffa,0 0 8px #ffcf5a}.hero.topic.maxed .topic-art{box-shadow:inset 0 0 0 3px #e2b13e,0 0 16px #ffcf5a88}.checkin-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.paper button.checkin-btn:not(.primary):not(.chip):not(.close):not(.danger),button.checkin-btn{padding:6px 14px 7px;font-size:.95em}.paper button.checkin-btn.done:not(.primary):not(.chip):not(.close):not(.danger):disabled{filter:none;color:#5f7a3c;background:#e7d8b8;box-shadow:inset 0 0 0 1.5px #d2b98b}.pf-sound>span{white-space:nowrap;text-overflow:ellipsis;font-size:.95em;overflow:hidden}button.sheet-row:not(:has(small)) .btn-icon{grid-row:auto}.dialog.sheet.menu .sheet-body{padding:6px 8px 8px 4px}.checkin-top>button{margin-left:auto}.dig-card{text-align:center;justify-items:center;gap:10px;padding:4px 0 2px;display:grid}.dig-drops{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.dig-drops>small{opacity:.75}.paper .dig-card button.primary{min-width:200px}.time-line{align-items:baseline;gap:2px 8px;justify-content:inherit;flex-wrap:wrap;margin:2px 0;display:flex}.dig-card .time-line{justify-content:center}.time-line .time-real{font-weight:700}.time-line .time-full{opacity:.55}.time-line .time-saved{color:#2f7d3a;font-weight:700}.time-line .time-why{opacity:.75;text-align:inherit;flex-basis:100%}.build-time s{opacity:.6;margin-left:4px;font-size:.85em}.job-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.job-actions .speedups{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0 0 0 auto;display:flex}.paper .job-actions button.speed-btn,.paper .job-actions button.primary.speed-btn{grid-column:auto;width:auto;min-width:128px;min-height:42px;padding:0 14px}.paper .job-actions>button.danger{order:0;min-height:34px;padding:0 10px;font-size:13px}body[data-guide-tab=fight] #hud-bottom [data-tab=fight]:after,body[data-guide-tab=people] #hud-bottom [data-tab=people]:after,body[data-guide-tab=research] #hud-bottom [data-tab=research]:after,body[data-guide-tab=more] #hud-bottom [data-tab=more]:after,body.outside-view[data-guide-tab=base] #hud-bottom [data-tab=base]:after{color:#ffe08a;-webkit-text-stroke:2px #5a3410;text-shadow:0 3px 4px #000c;font-size:30px;top:-34px}button.sheet-row.guide-here:before{border-width:4px;border-color:#fff3b0;box-shadow:inset 0 0 22px 4px #ffb02eb3,0 0 14px 4px #ffb02eb3}button.sheet-row.guide-here:after{-webkit-text-stroke:2px #5a3410;font-size:28px}.build-tile.guide-here{border-width:3px;border-color:#fff3b0}.build-tile.guide-here:before{padding:2px 14px;font-size:14px;top:-14px;box-shadow:0 2px 8px #00000080}#queue-dock button,#queue-dock .dock-note{color:#fff3d6;background:linear-gradient(#7a5230 0%,#5b3a1f 55%,#4a2f18 100%);border:2px solid #2b1a0c;border-left-width:0;box-shadow:inset 0 1px #ffdca059,inset 0 -2px #00000040}#queue-dock button.dock-row{border-left:5px solid #6aa9e0;border-radius:0 12px 12px 0}#queue-dock button.dock-row.idle{background:linear-gradient(#d9993a 0%,#b8741f 55%,#9c5f16 100%);border-color:#6b3d0c #6b3d0c #6b3d0c #ffb02e}#queue-dock button.dock-row.stalled{background:linear-gradient(#8a3a26 0%,#6a2a1a 100%);border-left-color:#ff6a3a}#queue-dock .dock-icon{box-sizing:border-box;background:radial-gradient(circle at 40% 35%,#4a3322,#23170e);border:1.5px solid #c9a26a;border-radius:50%;padding:2px}#queue-dock button.dock-fold{border-radius:0 10px 10px 0}.buff-grid,.store-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.store-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.buff-tile,.store-tile{background:#fff8e8;border:1.5px solid #d6be92;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:5px 9px;display:flex}.buff-tile span{font-size:.85em;line-height:1.2}.buff-tile strong{color:#2f7d3a;white-space:nowrap}.store-tile .chip{color:inherit;box-shadow:none;background:0 0;padding-right:4px}.store-tile .rate{color:#2f7d3a;white-space:nowrap;font-weight:700}.store-tile .rate.negative{color:#c0392b}.store-tile.exposed{border-color:#d9683a}.paper button.cal-tile.next:not(.primary):not(.chip):not(.close):not(.danger),button.cal-tile.next{color:#2b1d14;cursor:pointer;background:linear-gradient(#fff6d0,#ffd77a);border:0;border-radius:12px;justify-items:center;min-height:0;padding:4px 3px 5px;animation:1.4s ease-in-out infinite cal-breathe;display:grid;transform:translateY(-3px);box-shadow:inset 0 0 0 2.5px #e09a1f,inset 0 2px #fffbe8,0 4px #b9751a,0 6px 14px #ffb02ebf}button.cal-tile.next:active{transform:translateY(1px);box-shadow:inset 0 0 0 2.5px #e09a1f,0 1px #b9751a}@keyframes cal-breathe{50%{box-shadow:inset 0 0 0 2.5px #e09a1f,inset 0 2px #fffbe8,0 4px #b9751a,0 6px 22px 4px #ffb02ef2}}.cal-tap{color:#fff6e0;background:#c2611a;border-radius:999px;margin-top:2px;padding:1px 10px;font-size:12px;font-weight:700}.paper .cal-tile.done,.cal-tile.done{opacity:1;background:linear-gradient(#e9dcc0,#dccaa4);box-shadow:inset 0 2px 5px #50321459,inset 0 0 0 1.5px #c9ad7a}.cal-tile.later{opacity:.9}.npc-advice{color:#2f6b2a;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;display:flex}.paper .npc-advice button.primary.small-btn{min-height:30px;padding:0 12px;font-size:13px}.step-title{margin:10px 0 6px}.place-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.paper button.place-card:not(.primary):not(.chip):not(.close):not(.danger),button.place-card{color:#2b1d14;text-align:center;background:linear-gradient(#fffaf0,#f1dfbb);border:0;border-image:;border-radius:14px;align-content:start;justify-items:center;gap:4px;min-height:0;padding:8px 6px 10px;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92,0 3px #c9a873}.paper button.place-card.on:not(.primary):not(.chip):not(.close):not(.danger),button.place-card.on{background:linear-gradient(#fff3c9,#ffd98a);box-shadow:inset 0 0 0 3px #e09a1f,0 3px #b9751a,0 0 14px #ffb02e99}.place-art{object-fit:contain;width:84px;height:84px;font-size:56px;line-height:84px}.place-time{font-size:13px;font-weight:700}.place-loot{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.place-loot .chip{padding:1px 6px 1px 2px;font-size:12px}.team-slots{justify-content:center;gap:12px;display:flex}.paper button.team-slot:not(.primary):not(.chip):not(.close):not(.danger),button.team-slot{width:96px;min-height:0;box-shadow:none;outline-offset:-4px;color:#6b5a48;background:#785a3c1f;border:0;border-image:;border-radius:14px;outline:2px dashed #c9a873;justify-items:center;gap:2px;padding:6px 4px;display:grid}.paper button.team-slot.filled:not(.primary):not(.chip):not(.close):not(.danger),button.team-slot.filled{color:#2b1d14;background:linear-gradient(#fffaf0,#f1dfbb);outline:0;box-shadow:inset 0 0 0 2px #2f8f86,0 3px #c9a873}.slot-plus{background:#785a3c26;border-radius:50%;place-items:center;width:56px;height:56px;font-size:30px;font-weight:700;display:grid}.team-slot .slot-face{width:56px;height:56px}.trip-go{background:#2f8f861a;border-radius:14px;justify-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.trip-sum{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;font-weight:700;display:flex}.paper .trip-go button.primary{min-width:240px}.trip-card{background:linear-gradient(#fffaf0,#f1dfbb);border-radius:14px;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92}.trip-art{object-fit:contain;width:96px;height:96px;font-size:60px}.trip-body{gap:5px;display:grid}.trip-back{font-weight:700}.trip-team{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trip-team .trip-face{width:40px;height:40px}@media (width<=560px){.trip-card{grid-template-columns:64px 1fr}.trip-art{width:64px;height:64px}.trip-card .trip-recall{grid-column:1/-1}}.visitor-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0 4px;display:flex}.outside-side{justify-items:stretch;gap:8px;display:grid}.outside-foot button.outside-side-btn:not(.primary){justify-content:flex-start;align-items:center;gap:8px;min-width:190px;padding:6px 14px 7px 8px;font-size:14px;display:inline-flex}.outside-side-btn .btn-icon{width:34px;height:34px}.outside-foot button.stage-up.ready:not(.primary){background:linear-gradient(#fff1b8,#f1c24e);animation:1.3s ease-in-out infinite up-ready;box-shadow:inset 0 0 0 2px #e09a1f,0 3px #b9751a,0 0 18px #ffc446e6}.outside-foot button.stage-up.building:not(.primary){box-shadow:inset 0 0 0 2px #6aa9e0,0 3px #3f6f9c}.outside-foot{align-items:flex-end}@media (width>=560px){.branch-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.branch-cards .branch-card{margin:0}}.time-line.sum{justify-items:start;gap:3px;display:grid}.dig-card .time-line.sum,.trip-go .time-line.sum{justify-items:center}.time-sum{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.time-part{text-align:center;background:#fff8e8;border-radius:10px;padding:3px 10px 4px;line-height:1.15;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92}.time-part small{opacity:.7;font-size:11px}.time-part.full strong{opacity:.6;text-decoration:line-through}.time-part.saved{color:#2f6b2a;background:#e7f4dd;box-shadow:inset 0 0 0 1.5px #9cc98a}.time-part.real{background:#fff1c4;box-shadow:inset 0 0 0 2px #e0a52c}.time-op{opacity:.6;font-size:18px}.time-line.sum .time-why{opacity:.7;flex-basis:auto}.paper button.buff-tile.fact-tile:not(.primary):not(.chip):not(.close):not(.danger),.buff-tile.fact-tile{min-height:0;box-shadow:none;color:inherit;text-align:left;background:#fff8e8;border:1.5px solid #d6be92;border-radius:10px;padding:6px 9px;font-weight:400}.buff-tile.fact-tile strong{color:#4a2e17;text-align:right}.fact-go{color:#b9751a;margin-left:2px;font-style:normal;font-weight:700}.buff-grid.conds{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.buff-tile.cond-tile{justify-content:flex-start}.cond-tile .cond-mark{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.cond-tile.ok{background:#eef7e6;border-color:#9cc98a}.cond-tile.ok .cond-mark{background:#3d8a3a}.cond-tile.no .cond-mark{background:#b0412e}.paper .job-actions button.speed-btn,.paper .job-actions button.primary.speed-btn{min-width:0;padding:0 12px}.buff-grid.facts{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.buff-tile.fact-tile>span{white-space:nowrap}.buff-tile.fact-tile strong{white-space:nowrap;margin-left:auto}@keyframes dock-in{0%{opacity:0;transform:translate(-110%)}}@keyframes dock-out{to{opacity:0;transform:translate(-110%)}}#queue-dock.opening>:not(.dock-fold){animation:.28s cubic-bezier(.2,.8,.3,1.1) both dock-in}#queue-dock.opening>:nth-child(3){animation-delay:40ms}#queue-dock.opening>:nth-child(4){animation-delay:80ms}#queue-dock.opening>:nth-child(5){animation-delay:.12s}#queue-dock.opening>:nth-child(n+6){animation-delay:.16s}#queue-dock.closing>:not(.dock-fold){animation:.2s ease-in both dock-out}button{transition:transform .12s,filter .15s,box-shadow .15s,background-color .15s}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.06)}}button:not(:disabled):active{transition-duration:50ms;transform:translateY(2px)scale(.98)}#queue-dock button.dock-row:not(:disabled):hover{transform:translate(3px)}.time-line{align-items:center}.time-badge{color:#fff;cursor:help;background:#3d8a3a;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.time-line .time-full{opacity:.5;font-size:.9em}#queue-dock{padding-right:8px;overflow-x:hidden}body.outside-view #queue-dock{display:none}.job-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.paper button.job-cancel:not(.primary):not(.chip):not(.close):not(.danger){min-height:0;box-shadow:none;color:#a2412e;text-underline-offset:3px;background:0 0;border:0;padding:4px 6px;font-size:13px;font-weight:600;text-decoration:underline}.job-note{margin-left:auto}.paper .job-actions button.speed-open{justify-content:center;align-items:center;gap:6px;min-width:170px;margin-left:auto;font-size:16px;display:inline-flex}.speed-count{background:#00000040;border-radius:999px;min-width:22px;padding:0 6px;font-size:12px}.speed-list{gap:6px;margin-bottom:12px;display:grid}.speed-item{background:#fff8e8;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92}.speed-item-icon{object-fit:contain;width:40px;height:40px}.speed-item-name{display:grid}.speed-item-name small{opacity:.7}.speed-sheet .sheet-body>button.primary{width:100%}.map-head{justify-content:space-between;align-items:baseline;gap:10px;margin:4px 2px 6px;display:flex}.map-board{border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8a6a45,0 4px 10px #00000059}.map-art{width:100%;height:auto;display:block}.map-roads,.map-roads svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-roads .road{stroke:#ffeec8bf;stroke-dasharray:1.4 1.2;stroke-linecap:round;stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-width:4px}.map-roads .road.open{stroke:#ffd27a;stroke-dasharray:none}.paper button.site-pin:not(.primary):not(.chip):not(.close):not(.danger),button.site-pin{min-height:0;box-shadow:none;background:0 0;border:0;justify-items:center;gap:1px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.pin-medal{background:radial-gradient(circle at 40% 35%,#fff8e3,#e8cf9c);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 0 3px #8a5a2b,0 3px 6px #00000080}.pin-icon{object-fit:contain;width:40px;height:40px;font-size:26px;line-height:40px}.pin-name{color:#fff3d6;white-space:nowrap;background:#281a0ed9;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.pin-stars{color:#ffd23a;text-shadow:0 1px 2px #000;font-size:12px;line-height:1}.site-pin.open .pin-medal{animation:1.4s ease-in-out infinite pin-breathe;box-shadow:0 0 0 3px #ffb02e,0 0 16px 4px #ffc446d9}@keyframes pin-breathe{50%{box-shadow:0 0 0 4px #ffd27a,0 0 22px 8px #ffc446f2}}.site-pin.cleared .pin-medal{box-shadow:0 0 0 3px #3d8a3a,0 3px 6px #00000080}.site-pin.locked .pin-medal{filter:grayscale(.9)brightness(.75)}.site-pin.locked .pin-name{opacity:.7}.site-pin.boss .pin-medal{width:62px;height:62px;box-shadow:0 0 0 4px #a8321f,0 3px 8px #0009}.site-pin.on{z-index:3}.site-pin.on .pin-medal{animation:none;position:relative;transform:scale(1.18);box-shadow:0 0 0 4px #fff,0 0 0 8px #ffb02e,0 0 26px 10px #ffd66ef2}.site-pin.on .pin-medal:after{content:"";pointer-events:none;border:3px solid #fff4c8;border-radius:50%;animation:1.2s ease-out infinite pin-pulse;position:absolute;inset:-6px}@keyframes pin-pulse{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.site-pin.on:before{content:"";filter:drop-shadow(0 2px 2px #000);pointer-events:none;border:11px solid #0000;border-top:15px solid #ffd23a;animation:.9s ease-in-out infinite pin-arrow;position:absolute;top:-26px;left:50%;transform:translate(-50%)}@keyframes pin-arrow{50%{transform:translate(-50%,-6px)}}.site-pin.on .pin-name{color:#3a1e08;background:#ffd23a;box-shadow:0 0 8px #ffd23ae6}.site-card{background:linear-gradient(#fffaf0,#f1dfbb);border-radius:14px;grid-template-columns:84px 1fr;align-items:start;gap:8px 12px;margin-top:10px;padding:10px;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92}.site-art{object-fit:contain;width:84px;height:84px;font-size:54px}.site-body{gap:4px;display:grid}.site-card>button.primary{grid-column:1/-1;justify-self:center;min-width:240px}.home-pin{pointer-events:none;justify-items:center;gap:1px;display:grid;position:absolute;transform:translate(-50%,-50%)}.home-pin .pin-medal{box-shadow:0 0 0 3px #2f8f86,0 0 14px 4px #78dcc899}.pin-medal{width:38px;height:38px}.pin-icon{width:30px;height:30px;font-size:20px;line-height:30px}.site-pin.boss .pin-medal{width:46px;height:46px}.home-pin .btn-icon{width:30px;height:30px}.pin-name{font-size:10px}.map-board{width:min(100%,133.3vh - 506.54px);min-width:min(100%,420px);margin:0 auto}.site-card{grid-template-columns:64px 1fr auto;align-items:center}.site-art{width:64px;height:64px}.site-card>button.primary{grid-column:auto;min-width:170px}@media (width<=600px){.site-card{grid-template-columns:56px 1fr}.site-card>button.primary{grid-column:1/-1}}.room-job{background:#2f8f861a;border-radius:12px;gap:4px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1.5px #2f8f8659}.job-strip{gap:4px;display:grid}.job-strip>p{margin:2px 0 0}.job-strip .job-actions{margin-top:4px}.paper .job-actions button.speed-open{min-width:140px}.speed-sheet .sheet-body>button.primary{width:auto;min-width:200px;margin:0 auto;display:block}.speed-uses{text-align:center;margin-top:4px;display:block}.outside-fx{pointer-events:none;position:absolute;overflow:hidden}.ofx{aspect-ratio:1;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.ofx-flicker,.ofx-glow,.ofx-eyes{background:radial-gradient(circle, color-mix(in srgb, var(--fx) 85%, transparent) 0%, color-mix(in srgb, var(--fx) 35%, transparent) 35%, transparent 70%);mix-blend-mode:screen;border-radius:50%}.ofx-flicker{animation:2.3s step-end infinite ofx-flicker}@keyframes ofx-flicker{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}12%{opacity:.65;transform:translate(-50%,-50%)scale(.94)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}41%{opacity:.75;transform:translate(-50%,-50%)scale(.97)}58%{opacity:.95;transform:translate(-50%,-50%)scale(1.02)}73%{opacity:.7;transform:translate(-50%,-50%)scale(.95)}86%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}.ofx-glow{animation:4s ease-in-out infinite ofx-pulse}.ofx-eyes{animation:1.6s ease-in-out infinite ofx-pulse}@keyframes ofx-pulse{50%{opacity:.35}}.ofx-sky{aspect-ratio:3;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--fx) 55%, transparent), transparent 70%);mix-blend-mode:screen;animation:5s ease-in-out infinite ofx-sky}@keyframes ofx-sky{0%,to{opacity:.25}30%{opacity:.7}36%{opacity:.35}60%{opacity:.6}}.ofx-fog{aspect-ratio:4;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--fx) 45%, transparent), transparent 70%);filter:blur(6px);border-radius:50%;animation:26s ease-in-out infinite alternate ofx-fog}@keyframes ofx-fog{0%{transform:translate(-70%,-50%)}to{transform:translate(-30%,-50%)}}.ofx-smoke{aspect-ratio:.5;transform:translate(-50%,-100%)}.ofx-smoke i{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--fx) 70%, transparent), transparent 70%);opacity:0;border-radius:50%;width:40%;animation:4.4s ease-out infinite ofx-smoke;position:absolute;bottom:0;left:30%}@keyframes ofx-smoke{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:.8}to{opacity:0;transform:translate(40%,-330%)scale(2.2)}}.ofx-drip{aspect-ratio:.3;transform:translate(-50%)}.ofx-drip i{aspect-ratio:.7;background:var(--fx);border-radius:50%/60% 60% 40% 40%;width:30%;animation:1.8s ease-in infinite ofx-drip;position:absolute;top:0;left:35%}@keyframes ofx-drip{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(900%)}to{opacity:0;transform:translateY(950%)}}.expo-layout{grid-template-columns:minmax(250px,300px) 1fr;align-items:start;gap:12px;display:grid}.expo-hero{background:linear-gradient(#fffaf0,#f1dfbb);border-radius:14px;gap:8px;padding:10px;display:grid;box-shadow:inset 0 0 0 1.5px #d6be92}.gear.compact{grid-template-columns:1fr 90px 1fr;gap:6px}.gear.compact .gear-figure img{max-height:150px}.gear.compact .gear-slot small{display:none}.gear.compact button.gear-slot{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:2px;padding:6px 4px}.gear.compact button.gear-slot .gear-art{order:-1;grid-row:auto}.gear.compact button.gear-slot strong{max-width:100%;font-size:12px}.expo-stats{grid-template-columns:1fr auto;font-size:13px}.map-stage{position:relative}.expo-map .map-board{width:100%;min-width:0}.site-card.float{background:#fff8e6f5;grid-template-columns:56px 1fr auto;margin:0;padding:8px 10px;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 4px 14px #00000073,inset 0 0 0 1.5px #d6be92}.site-card.float .site-body{gap:3px}.site-go{justify-items:end;gap:6px;display:grid}.paper .site-go button.primary{min-width:130px}@media (width<=760px){.expo-layout{grid-template-columns:1fr}.expo-hero{display:none}.site-card.float{margin-top:8px;position:static}}.site-card.float{grid-template-columns:44px 1fr auto;gap:4px 10px;padding:6px 10px}.site-card.float .site-art{width:44px;height:44px}.site-card.float .site-body>strong{font-size:14px}.site-card.float .row{gap:3px;margin:0}.site-card.float .chip{padding:0 6px 0 2px;font-size:11px}.site-card.float .chip .chip-icon{width:16px;height:16px}.site-card.float .foe-face{width:22px;height:22px}.site-go .chips,.site-go .row{justify-content:flex-end}.paper .site-go button.primary{min-width:110px;padding:6px 12px}#hud-top .chips .chip.all-res{color:#f3dfb0;cursor:pointer;background:#1e160ed9;border:1px solid #b8893a;padding:3px 10px;font-size:13px;line-height:22px}.all-res-sheet .res-group{color:#8a5a22;margin:10px 0 6px;font-size:14px}.all-res-sheet .all-res-list .chip{color:#f3dfb0;cursor:pointer;background:#2a2018;padding:4px 10px}.all-res-sheet .chip-icon{width:20px;height:20px}.all-res-sheet .res-name{opacity:.75;margin-left:4px;font-size:12px}.stage-hop{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin:4px 0 10px;display:grid}.hop-card{background:#fff8ea;border:1px solid #d9b77a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.hop-card.hop-end{justify-content:center;align-items:center;padding:12px}.hop-thumb{background-position:50% 8%;background-size:cover;height:92px}.hop-text{flex-direction:column;gap:1px;padding:6px 10px 8px;display:flex}.hop-text small{color:#9a6a2a;font-size:11px}.hop-arrow{color:#b9751a;align-self:center;font-size:22px}.card-sub{margin:6px 0}.cond-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}button.cond-tile{color:#4a2e17;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#fff6e4;border:1px solid #e0c48e;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}button.cond-tile:disabled{opacity:1;cursor:default}button.cond-tile.go:hover{border-color:#b9751a}button.cond-tile span{flex:1}.cond-go{color:#b9751a;font-style:normal;font-weight:700}.stage-cost{margin:10px 0 4px}.stage-go{flex-direction:column;align-items:center;gap:4px;margin:10px 0 6px;display:flex}.stage-unlocks{margin:8px 0}button.stage-map-link{color:#8a5a22;cursor:pointer;background:0 0;border:none;margin:8px auto 2px;font-size:13px;text-decoration:underline;display:block}.detail-icon.stage-thumb{background-position:50% 10%;background-size:cover;border:1px solid #b8893a;width:64px}.detail-icon.stage-num{color:#f3c76a;font-weight:700}@media (width<=700px){#hud-top{padding:max(6px, env(safe-area-inset-top)) 8px 6px}#hud-top .hud-title{flex-wrap:nowrap;gap:6px;margin-bottom:5px}#hud-top .hud-title>strong{display:none}#hud-top .hud-title>.chip{flex:none}#hud-top .hud-title>.chip.stage{text-overflow:ellipsis;flex:0 auto;min-width:0;margin-right:auto;font-size:13px;display:block;overflow:hidden}#hud-top .hud-title>.chip.vip{padding:2px 6px;font-size:0}#hud-top .hud-title>.chip.vip .btn-icon{width:24px;height:24px;margin:-2px 0}#hud-top .chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -8px;padding:0 8px;overflow-x:auto}#hud-top .chips::-webkit-scrollbar{display:none}#hud-top .chips>*{flex:none}}.result.lose .result-banner h2{color:#7a2414}#hud-top .hud-title>button{position:relative}#hud-top .hud-title>button:before{content:"";position:absolute;inset:-12px -3px -5px}#hud-top .hud-title>button:last-child:before{inset:-12px -3px -6px -6px}@media (width<=700px){#hud-top .hud-title>.chip.stage{overflow-clip-margin:12px;overflow:clip}}@media (width<=420px){.calendar{gap:3px}.paper .cal-tile,.cal-tile,.paper button.cal-tile.next:not(.primary):not(.chip):not(.close):not(.danger),button.cal-tile.next{min-width:0;padding:4px 1px 5px}.cal-tile strong{letter-spacing:-.02em;white-space:nowrap;font-size:10px}.cal-tile .tile-gifts{gap:2px}.cal-tile .gift{flex-direction:column;gap:0;font-size:11px;line-height:1.1}.cal-tile .gift .chip-icon,.cal-tile.big .gift .chip-icon{width:20px;height:20px}.cal-tap{padding:1px 4px;font-size:11px}.daily-chests{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.paper .daily-chest,.daily-chest{text-align:center;justify-items:center;padding:6px 4px}.daily-chest:before{width:52px;height:42px}.daily-chest .row,.daily-chest .chips{flex-wrap:wrap;justify-content:center;min-width:0;max-width:100%}.daily-chest .chip{text-align:center;white-space:normal;min-width:0;max-width:100%;font-size:11px;line-height:1.2}.daily-list .card{flex-wrap:wrap}.daily-list .card-body{flex-basis:calc(100% - 64px)}.daily-list .card>button{flex:1 0 100%}.popup-head-slot .panel-head h2{flex-wrap:wrap;row-gap:2px}.popup-head-slot .panel-head h2>.head-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.popup-head-slot .panel-head h2>.head-title>img{vertical-align:middle;margin-right:6px}.result-banner h2,.result.lose .result-banner h2{padding:3px 30px 13px;font-size:20px}.paper button.bag-go{min-height:40px}}button.close,.popup-head-slot button.close{background-clip:padding-box;border:6px solid #0000;width:46px;height:46px;margin:-6px;box-shadow:inset 0 0 0 2px #2b1d14,inset 0 0 0 4px #fff3}.popup-wallet{top:-10px}#hud-top .chips>.all-res{z-index:1;position:sticky;right:-8px;box-shadow:-10px 0 8px -4px #14110f}.tree-list{display:none}.tree-list-head{color:#8a5a2b;margin:10px 2px 2px;font-size:13px;font-weight:700}.tree-list-head:first-child{margin-top:0}.tree-list-head.locked{opacity:.7}.label-short{display:none}@media (width<=700px){#quest{flex-wrap:nowrap;gap:8px;padding:6px 10px}#quest .quest-icon,#quest img.quest-icon{width:32px;height:32px;font-size:22px}#quest .quest-body{cursor:pointer;flex:auto}#quest .quest-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}#quest .quest-body strong:before{color:#e6b84a;content:"▸";margin-right:4px}#quest.open .quest-body strong:before{content:"▾"}#quest:not(.open) .quest-body .muted,#quest:not(.open)>.row{display:none}#quest.open{flex-wrap:wrap}#quest.open .quest-body{flex-basis:calc(100% - 40px)}#quest.open .quest-body strong{white-space:normal}#quest>button{flex:none;min-height:40px;padding:6px 12px}.outside-foot{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:4px;top:8px;bottom:auto}.outside-side{gap:6px;display:flex}.outside-foot button.outside-side-btn:not(.primary),.outside-foot button.outside-defense:not(.primary){align-items:center;gap:4px;min-width:0;min-height:42px;padding:4px 10px;font-size:13px;display:inline-flex}.outside-foot button.outside-defense:not(.primary){letter-spacing:-.01em;padding:4px 8px;font-size:12px}.outside-side{gap:4px}.outside-side-btn .btn-icon{width:30px;height:30px}.outside-foot .label-long{display:none}.outside-foot .label-short{display:inline}.outside-foot>.outside-card.raid{flex:none;order:1;align-self:stretch}.outside-low{pointer-events:none;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.outside-low>.outside-card.raid{pointer-events:auto;flex:100%;padding:6px 10px;font-size:13px}#exp-hud{gap:6px}#exp-hud .chip{padding:2px 8px;font-size:12px}}@media (width<=420px){.tree-view:not(.keep-tree)>.tree-scroll{display:none}.tree-view.keep-tree>.tree-scroll{max-height:56dvh}.tree-view.keep-tree img.tree-icon{width:34px;height:34px}.tree-view.keep-tree .tree-node{gap:5px;padding:4px 6px}.tree-view.keep-tree .tree-text strong{font-size:12px}.subtabs.branch-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.subtabs.branch-tabs button.subtab{flex:none;padding:6px 10px}.tree-list{gap:6px;display:grid}.tree-list .tree-node{min-height:54px;padding:6px 10px;position:relative}.tree-list .tree-text strong{font-size:14px}.tree-list .tree-node.selected{outline-offset:0}.site-pin.locked:not(.on) .pin-name,.home-pin .pin-name{display:none}.pin-name{text-overflow:ellipsis;max-width:96px;font-size:11px;overflow:hidden}}.login-account{gap:8px;display:grid}.login-account .error{color:#ff9a8a;margin:0}.login-account .error:empty{display:none}.login-tabs{background:#14110f;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:4px;display:grid}.login-tabs:empty{display:none}.login-tabs button{color:#b8a48c;background:0 0;border:0}.login-tabs button.active{color:#e6c27a;background:#3a2f26;font-weight:700}.login-forgot{color:#e6c27a;background:0 0;border:0;justify-self:center;font-size:13px;text-decoration:underline}.pf-verify{color:#9a3d1e;background:#f3d9c4;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600}.pf-verify.ok{color:#3d6a2a;background:#d9ecd0}.pf-account{color:#7a6146;align-items:center;gap:8px;margin:10px 2px 0;display:flex}.pf-account small{flex:1}.pf-email{color:#3d2a17;overflow-wrap:anywhere;font-weight:600}.pf-email.pf-guest{color:#b5541c}.pf-line.pf-line-strong span{color:#b5541c;font-weight:700}.login-guest-note{text-align:left;background:#f0aa3c24;border-radius:10px;margin:0 0 4px;padding:8px 10px 8px 26px;font-size:13px;line-height:1.45}.link-google{flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.paper button.login-facebook:not(.primary):not(.chip):not(.close):not(.danger){width:40px;height:40px;box-shadow:none;color:#fff;background:#1877f2;border:0;border-image:;border-radius:50%;padding:0}#net-block{z-index:1000;background:#0d0b09e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.net-block-card{color:#f1e3cc;text-align:center;background:#241d18;border:1px solid #5a4a3a;border-radius:14px;gap:12px;width:min(360px,100%);padding:22px 20px;display:grid}.net-block-card h2{color:#e6c27a;margin:0}.net-block-card p{color:#cbb89c;margin:0;line-height:1.5}.net-block-card p.net-block-wait{color:#9c8a70;font-size:13px}.net-block-icon{font-size:40px;animation:1.6s ease-in-out infinite net-pulse}@keyframes net-pulse{50%{opacity:.35}}.login-providers{gap:10px;display:grid}.login-providers[hidden]{display:none}.login-providers .error{color:#ff9a8a;margin:0}.login-providers .error:empty{display:none}.login-or{color:#8f7c66;align-items:center;gap:10px;margin:2px 0;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:#4a3d31;flex:1;height:1px}.login-provider-row{justify-content:center;align-items:center;gap:18px;display:flex}.login-google{justify-content:center;min-width:44px;min-height:44px;display:flex}.login-icon{color:#fff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;min-height:0;padding:0;display:grid}.login-icon svg{width:22px;height:22px}.login-icon:disabled{opacity:.6}.login-facebook{background:#1877f2}.login-apple{background:#000}.login-privacy{color:#8fd3c2;justify-self:center;font-size:13px}.login-links{text-align:center;color:#6f6152;margin:0;font-size:13px}.login-terms{color:#cbb89c;text-align:left;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.login-terms input{flex:none;width:18px;height:18px;margin:2px 0 0}.login-terms a{color:#8fd3c2}.login-test{color:inherit;text-align:left;background:#f0aa3c29;border:2px dashed #d08a2c;border-radius:10px;flex-direction:column;gap:2px;margin:0 0 10px;padding:8px 10px;font-size:13px;line-height:1.45;display:flex}.login-resume{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.login-resume p{margin:0}.login-test[hidden]{display:none}.login-test strong{color:#c26a12}.login-turnstile{justify-content:center;display:flex}.login-turnstile[hidden]{display:none}.login-provider-terms{text-align:center;margin:0;font-size:12px}#ban-block{z-index:10000;background:#0a0807f0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#ban-block .net-block-card p.ban-reason{color:#f1e3cc;font-weight:700}.pf-account-box{gap:6px;display:grid}.pf-account-actions{gap:8px;margin:0 2px;display:flex}.pf-account-actions:empty{display:none}.pf-account-actions button{flex:1;min-height:40px}.account-form{gap:8px;display:grid}.account-form p{margin:0}.account-form input{color:#3d2a17;font:inherit;background:#fffaf0;border:1px solid #b89a72;border-radius:8px;padding:10px 12px}.account-form .error{color:#b3261e}.account-form .error:empty{display:none}.home-perk{color:#a4701a;margin-top:3px;font-weight:600}.home-perk.match{color:#2f6b2a}.crystal-bar{background:linear-gradient(#3c8cc82e,#1e466e2e);border:1px solid #78c8ff59;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 10px;padding:8px 10px;display:flex}.crystal-balance{align-items:center;gap:8px;min-width:0;display:flex}.crystal-balance strong{color:#17558f;font-size:22px}.crystal-balance small{opacity:.8}.crystal-big{object-fit:contain;width:34px;height:34px;font-size:28px;line-height:34px}.crystal-chip{align-items:center;gap:3px;display:inline-flex}.chip.first-bonus{color:#3a2410;background:#e6c27a;font-weight:700}.pack-card .card-icon{object-fit:contain}.card-box{border-color:#e6c27a99}.test-pay-note{background:#ffd27826;border:1px dashed #ffd27899;border-radius:10px;margin:8px 0 12px;padding:8px 10px;font-size:13px}.topup-terms{text-align:center;color:#8fd3c2;margin-top:4px;display:block}.pay-body{gap:10px;display:grid}.pay-qr{background:#fff;border-radius:12px;width:min(260px,70vw);margin:0 auto;padding:8px;display:block}.card-form .card-row{grid-template-columns:1fr 1.4fr 1fr;gap:8px;display:grid}.card-form .card-row input{min-width:0}.card-form input{font-size:16px}.vip-progress{background:linear-gradient(#fffdf6,#f4e2bd);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:2px 0 4px;padding:8px 12px;display:grid;box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571}.vip-progress-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #5a381e55);width:40px;height:40px;font-size:30px;line-height:40px}.vip-progress-icon.next{filter:grayscale(.85)opacity(.65)}.vip-progress-mid{gap:4px;display:grid}.vip-progress-nums{color:var(--soft-ink-2);text-align:center;font-size:13px}.vip-progress-nums strong{color:#b5741c;font-size:17px}.vip-progress .bar>div{background:linear-gradient(#ffd66b,#e3a12f)}#panel .vip-progress-note{text-align:center;margin:4px 2px 10px}.vip-strip{gap:6px}.paper button.vip-pick:not(.primary):not(.chip):not(.close):not(.danger){color:var(--soft-ink);background:linear-gradient(#fffdf6,#f3e1bd);border-radius:14px;gap:2px;padding:6px 0 5px;font-size:12px;box-shadow:inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571}.paper button.vip-pick.locked:not(.primary):not(.chip):not(.close):not(.danger){color:#8a7b66;background:linear-gradient(#efe6d6,#ddd0bb)}.paper button.vip-pick.own:not(.primary):not(.chip):not(.close):not(.danger){color:#6b4110;background:linear-gradient(#fff3cf,#f6d58a);box-shadow:inset 0 0 0 2px #e3a12f,0 3px #b97c1d}.paper button.vip-pick.on:not(.primary):not(.chip):not(.close):not(.danger){color:#ffe2a0;background:linear-gradient(#5b4128,#3a2818);outline:0;transform:translateY(-2px);box-shadow:inset 0 0 0 2px #e3a12f,0 3px #23170d,0 0 0 3px #ffd66b66}.paper button.vip-step:not(.primary):not(.chip):not(.close):not(.danger){border-radius:50%;width:38px;height:38px;padding:0 0 3px;font-size:24px}.vip-card{color:var(--soft-ink);background:radial-gradient(70% 45% at 50% 18%,#fff4c7 0%,#fff4c700 70%),linear-gradient(#fffaf0,#f3dfb6);border:0;border-radius:18px;gap:8px;padding:16px 14px 14px;box-shadow:inset 0 1px #fff,inset 0 0 0 2px #d9b46e,0 4px #b98c4c,0 8px 16px #5a381e33}.vip-card.own{background:radial-gradient(70% 45% at 50% 18%,#ffe48a 0%,#ffe48a00 72%),linear-gradient(#fff8e2,#f6dc9c);box-shadow:inset 0 1px #fff,inset 0 0 0 2.5px #e3a12f,0 4px #b97c1d,0 8px 18px #b97c1d55}.vip-card.locked{background:linear-gradient(#f1ebe0,#ddd2c1);box-shadow:inset 0 0 0 2px #c4b49b,0 4px #a99a82,0 8px 16px #5a381e22}.vip-badge{filter:drop-shadow(0 4px 4px #5a381e55);width:96px;height:96px}.vip-name{color:var(--soft-wood-dark);font-size:22px}.vip-need{color:#b5741c;font-weight:700}.vip-state{color:var(--soft-teal-dark);background:#3f9c8f22;font-weight:700}.vip-card.locked .vip-state{color:#7a6b58;background:#00000014}.vip-perks li{color:var(--soft-ink);background:#ffffff8c;box-shadow:inset 0 0 0 1px #e2c99c}.vip-perks li:before{color:var(--soft-teal);font-weight:700}.vip-perks li.none{box-shadow:none;color:var(--soft-ink-2);background:#00000010}.vip-card.locked .vip-perks li{color:#6f6252}.vip-daily{width:100%;color:var(--soft-ink-2);background:#5a381e14;border-radius:12px;padding:8px 6px 6px;font-size:13px;font-weight:700}.vip-daily .row{justify-content:center;margin:0}@media (width<=480px){.vip-browser{grid-template-columns:minmax(0,1fr);position:relative}.vip-browser>.vip-card{grid-row:1}.paper .vip-browser>button.vip-step:not(.primary):not(.chip):not(.close):not(.danger){z-index:1;position:absolute;top:40px}.paper .vip-browser>button.vip-step:first-child:not(.primary):not(.chip):not(.close):not(.danger){left:10px}.paper .vip-browser>button.vip-step:last-child:not(.primary):not(.chip):not(.close):not(.danger){right:10px}}.vip-queue-row{background:#ffffff70;border-radius:12px;padding:6px 8px;box-shadow:inset 0 0 0 1px #e2c99c}.paper .card.npc-card,.card.npc-card{gap:12px;padding:10px 12px 10px 16px;position:relative;overflow:hidden}.card.npc-card:before{background:var(--rarity,#b9a585);content:"";width:6px;position:absolute;top:0;bottom:0;left:0}.card.npc-card>span:empty{display:none}.card.npc-card img.card-icon.portrait{border-radius:14px;width:72px;height:72px}.npc-name{color:var(--soft-wood-dark);font-size:17px;display:block}.paper .chip.rarity-chip,.chip.rarity-chip{background:color-mix(in srgb, var(--rarity,#9aa3ad) 82%, #000);color:#fffaf0;text-shadow:0 1px #0005;font-weight:700}.npc-note{margin-top:2px}.npc-foot{border-top:1px dashed #d6b98a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:6px;display:flex}.npc-foot>button{flex:none;min-width:84px;margin-left:auto}@media (width<=480px){.paper .card.npc-card,.card.npc-card{gap:10px;padding-left:14px}.card.npc-card img.card-icon.portrait{width:56px;height:56px}.npc-foot{flex-wrap:nowrap}.npc-foot>button{min-width:64px}}.pf-card{flex:none;overflow:visible}.dialog.sheet.profile .sheet-body{grid-auto-rows:max-content}.pf-sound .audio-toggle{flex:none;place-items:center;width:40px;height:40px;padding:0;line-height:0;display:grid}.pf-sound .audio-toggle .btn-icon{width:26px;height:26px;margin:0;display:block}@media (width<=420px){.pf-stats{gap:6px}.pf-stat{column-gap:5px;padding:6px}.pf-stat .pf-medal{width:30px;height:30px}.pf-stat .pf-medal img{width:22px;height:22px}.pf-stat small{text-overflow:clip;font-size:11px}}.pf-group{background:#ffffff5c;border-radius:16px;gap:8px;margin-top:12px;padding:10px 12px 12px;display:grid;box-shadow:inset 0 0 0 1.5px #e2c99c}.pf-group>h4{color:var(--soft-wood-dark);margin:0;font-size:14px}.pf-sound>span{white-space:normal;line-height:1.2}.pf-lang{margin-top:0}.pf-seg{background:#5a381e1a;border-radius:999px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 3px #5a381e33}.paper .pf-seg button:not(.primary):not(.chip):not(.close):not(.danger){min-width:76px;box-shadow:none;color:var(--soft-ink-2);background:0 0;border-radius:999px;padding:5px 14px}.paper .pf-seg button.on:not(.primary):not(.chip):not(.close):not(.danger){background:linear-gradient(#58b6a7, var(--soft-teal));box-shadow:0 2px 0 var(--soft-teal-dark);color:#fffaf0}.pf-account{margin:0}.pf-account-actions{border-radius:12px;gap:0;margin:0;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #e2c99c}.paper .pf-account-actions button.pf-line:not(.primary):not(.chip):not(.close):not(.danger){min-height:42px;color:var(--soft-ink);text-align:left;background:#fffdf6;border-radius:0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex;box-shadow:inset 0 -1px #ead6b0}.paper .pf-account-actions button.pf-line:last-child:not(.primary):not(.chip):not(.close):not(.danger){box-shadow:none}.pf-line b{color:var(--soft-ink-2);font-size:18px}.pf-id,.pf-leave .pf-actions{margin:0}.pf-quiet{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.paper .pf-quiet button.pf-quiet-danger:not(.primary):not(.chip):not(.close):not(.danger){box-shadow:none;color:#b5452f;text-underline-offset:3px;background:0 0;padding:4px 6px;font-size:13px;font-weight:700;text-decoration:underline}.legend-usual{opacity:.7;margin-left:6px;font-size:.8em}.legend-launch{color:#b8541c;margin:4px 0 0;font-size:12px;font-weight:700}#hud-top .chips button.chip.crystal-top{color:#eaf7ff;background:linear-gradient(#2c5a7e,#1d3c57);border:0;border-radius:999px;align-items:center;gap:4px;padding:2px 3px 2px 6px;font-size:13px;font-weight:800;line-height:20px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #7cc4f0,0 2px #10263a}#hud-top .chips .crystal-top .chip-icon{width:18px;height:18px}.crystal-top-plus{color:#fff;background:linear-gradient(#7be08a,#3aa24c);border-radius:50%;place-items:center;width:18px;height:18px;font-size:15px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -2px #23733a}body.outside-view #hud-top .chips{display:flex}body.outside-view #hud-top .chips>:not(.crystal-top){display:none}#hud-top{z-index:6;position:relative}#hud-top>button.offer-float{width:78px;box-shadow:none;color:#fff6dc;cursor:pointer;background:0 0;border:0;justify-items:center;gap:1px;padding:0;animation:4s ease-in-out infinite offer-hop;display:grid;position:absolute;top:calc(100% + 8px);right:10px}body:not(.outside-view) #hud-top>button.offer-float{top:calc(100% + 54px)}.offer-ring{background:radial-gradient(circle at 50% 40%,#fff3c4,#e7a83a);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 0 0 3px #ffe08a,0 0 0 5px #9a5a16,0 4px 10px #00000080}.offer-ring:before{z-index:-1;background:conic-gradient(from var(--offer-spin), #ffd66b00, #ffd66bcc, #ffd66b00 30%, #ffd66bcc 50%, #ffd66b00 65%, #ffd66bcc 80%, #ffd66b00);filter:blur(3px);content:"";border-radius:50%;animation:6s linear infinite offer-spin;position:absolute;inset:-12px}.offer-face{object-fit:cover;object-position:50% 20%;border-radius:50%;width:56px;height:56px}.offer-ring img.portrait.offer-face{box-shadow:none}.offer-name,.offer-time{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:1px 7px;font-size:11px;font-weight:800;line-height:16px;overflow:hidden}.offer-name{color:#fff;background:linear-gradient(#e2533c,#b23a26);margin-top:-8px;position:relative;box-shadow:0 2px #6e2014}.offer-time{color:#ffe08a;background:#1f1a16d9;font-size:10px}@property --offer-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes offer-spin{to{--offer-spin:360deg}}@keyframes offer-hop{0%,80%,to{transform:translateY(0)}85%{transform:translateY(-6px)}90%{transform:translateY(0)}94%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){#hud-top>button.offer-float,.offer-ring:before{animation:none}}@media (width<=700px){#hud-top>button.offer-float{width:84px;right:4px}.offer-name,.offer-time{padding:1px 5px;font-size:10px}.offer-ring{width:52px;height:52px}.offer-face{width:46px;height:46px}}.dialog.sheet.topup-sheet{width:min(520px,100%)}.topup{gap:10px;display:grid}.topup>.crystal-bar{margin:0}.pack-banner{color:var(--soft-ink);background:radial-gradient(80% 120% at 0 0,#ffe9a8 0%,#ffe9a800 60%),linear-gradient(135deg,#fff6dc,#f3d79a);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #e3a12f,0 4px #b97c1d,0 8px 16px #5a381e33}.pack-banner:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#fff8,#fff0);width:30%;animation:5s ease-in-out infinite pack-shine;position:absolute;inset:0 auto 0 -40%;transform:skew(-18deg)}.pack-banner.sold{filter:grayscale(.8);opacity:.75}.pack-banner.sold:after{display:none}.pack-face{background:radial-gradient(circle at 50% 40%,#fff3c4,#e7a83a);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 0 3px #ffe08a,0 0 0 5px #9a5a16,0 4px 8px #5a381e55}.pack-face-img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:68px;height:68px}.pack-banner:not(.has-npc) .pack-face-img{object-fit:contain;border-radius:0;width:52px;height:52px}.pack-face img.portrait.pack-face-img{box-shadow:none}.pack-words{gap:4px;min-width:0;display:grid}.pack-title{color:#8a3b12;font-size:17px}.pack-npc{color:#fff;background:linear-gradient(#e2533c,#b23a26);border-radius:999px;justify-self:start;padding:1px 8px;font-size:12px;font-weight:800}.pack-gives{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pack-gives .row{margin:0}.pack-tags{flex-wrap:wrap;gap:4px;display:flex}.pack-tags span{color:#7a4a1a;background:#5a381e1a;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.pack-banner>button.primary.big{min-width:84px;padding:10px 14px 11px;font-size:17px}.gem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gem-tile{color:var(--soft-ink);background:radial-gradient(70% 55% at 50% 30%,#e6f6ff 0%,#e6f6ff00 70%),linear-gradient(#fffdf6,#f1e2c2);border-radius:16px;justify-items:center;gap:2px;padding:10px 6px 8px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 6px 12px #5a381e26}.gem-tile.sold{filter:grayscale(.8);opacity:.7}.gem-ribbon{color:#fff;text-align:center;background:linear-gradient(#e2533c,#b23a26);width:100px;padding:1px 0;font-size:10px;font-weight:800;position:absolute;top:8px;right:-26px;transform:rotate(35deg);box-shadow:0 2px 3px #00000040}.gem-stage{place-items:center;height:72px;display:grid}.gem-pile{--tier:0;width:calc(54px + var(--tier) * 3px);height:calc(54px + var(--tier) * 3px);object-fit:contain;filter:drop-shadow(0 3px 4px #1d3c5766)}.gem-amount{color:#17558f;align-items:center;gap:3px;font-size:17px;font-weight:900;display:inline-flex}.gem-amount .chip-icon{width:16px;height:16px}.gem-bonus{color:#2f7a3a;min-height:16px;font-size:11px;font-weight:800}.gem-tile>button{width:100%;margin-top:4px}@keyframes pack-shine{0%,60%{left:-40%}to{left:130%}}@media (prefers-reduced-motion:reduce){.pack-banner:after{animation:none;display:none}}@media (width<=420px){.gem-grid{gap:6px}.gem-tile{padding:8px 4px 6px}.gem-stage{height:54px}.gem-pile{width:calc(42px + var(--tier) * 2px);height:calc(42px + var(--tier) * 2px)}.gem-amount{font-size:15px}.gem-ribbon{font-size:9px;top:6px;right:-30px}.pack-banner{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:10px}.pack-banner>button.primary.big{grid-column:2;justify-self:end;min-width:110px;padding:7px 14px 8px}.pack-face{width:62px;height:62px}.pack-face-img{width:54px;height:54px}}.subtabs.shop-tabs{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.paper button.subtab.shop-gems:not(.primary):not(.chip):not(.close):not(.danger){color:#eaf7ff;background:linear-gradient(#2c5a7e,#1d3c57);align-items:center;gap:4px;padding:6px 8px 6px 10px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #7cc4f0,0 3px #10263a}.shop-gems .chip-icon{width:18px;height:18px}#panel .shop-info{background:#ffffff70;border-radius:10px;margin:8px 2px;padding:5px 10px;font-size:12px;box-shadow:inset 0 0 0 1px #e2c99c}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.shop-tile{color:var(--soft-ink);text-align:center;background:radial-gradient(70% 50% at 50% 30%,#fff4cf 0%,#fff4cf00 70%),linear-gradient(#fffdf6,#f3e1bd);border-radius:16px;align-content:start;justify-items:center;gap:3px;padding:22px 6px 8px;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 6px 12px #5a381e22}.shop-tags{flex-wrap:wrap;justify-content:space-between;gap:3px;display:flex;position:absolute;top:5px;left:6px;right:6px}.shop-tags span{color:var(--soft-ink-2);background:#5a381e1c;border-radius:999px;padding:0 6px;font-size:10px;font-weight:800;line-height:15px}.shop-tile-pic{background:radial-gradient(circle at 40% 35%,#fffaf0,#f0dcb4);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 2px #d9b46e,0 2px 4px #5a381e40}.shop-tile-img{object-fit:contain;width:42px;height:42px;font-size:32px;line-height:42px}.shop-tile.short .shop-tile-pic{filter:grayscale(.6)opacity(.75)}.shop-tile-name{min-height:2.4em;color:var(--soft-wood-dark);font-size:13px;line-height:1.2}.shop-tile-get{color:var(--soft-ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.shop-tile-get .row{margin:0}.paper .shop-tile>button.primary.shop-price{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;width:100%;margin-top:4px;padding:5px 6px 6px;display:inline-flex}.shop-price .row{gap:3px;margin:0}.paper .shop-price .chip{color:inherit;background:0 0;padding:0 2px;font-weight:800}.paper .shop-price .chip.lacking{color:#ffd2c8}.shop-price .chip-icon{width:16px;height:16px}.shop-why{color:#b5452f;font-size:11px;font-weight:700;line-height:1.2}@media (width<=420px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-tile{padding:20px 4px 6px}.shop-tile-pic{width:46px;height:46px}.shop-tile-img{width:34px;height:34px}.shop-tile-name{font-size:12px}}.calendar{gap:5px}.paper .cal-tile,.cal-tile{min-height:0;padding:3px 3px 5px}.cal-tile .tile-gifts{gap:1px 6px}.cal-tile .gift{gap:1px;font-size:12px}.cal-tile .gift .chip-icon,.cal-tile.big .gift .chip-icon{width:18px;height:18px}.cal-tile.done:after{display:none}.cal-tile.done strong{visibility:visible}.cal-tile.done .tile-gifts{opacity:.3}.cal-stamp{pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:16px 0 0}.cal-stamp b{color:#fff;background:linear-gradient(#6fcf7c,#3a9a4a);border-radius:50%;place-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:grid;transform:rotate(-10deg);box-shadow:0 0 0 2px #fffaf0,0 2px 3px #00000040}.cal-stamp small{color:#fff;background:#3a9a4ae6;border-radius:999px;margin-top:2px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px}@media (width<=420px){.calendar{gap:3px}.cal-tile .gift{font-size:10px}.cal-tile .gift .chip-icon,.cal-tile.big .gift .chip-icon{width:16px;height:16px}.cal-stamp b{width:22px;height:22px;font-size:13px}.cal-stamp small{padding:0 3px;font-size:9px}}.vip-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:4px 12px;padding:12px 14px}.vip-card>.vip-badge{grid-row:span 3;align-self:center;width:64px;height:64px}.vip-card>.vip-name{font-size:19px;line-height:1.15}.vip-card>.vip-perks,.vip-card>.vip-daily{grid-column:1/-1}.vip-perks{grid-template-columns:repeat(2,minmax(0,1fr));margin:2px 0}.vip-perks li{padding:4px 8px 4px 24px;font-size:13px}.vip-perks li:before{left:8px}.vip-perks li.none{grid-column:1/-1}.vip-daily{padding:6px}.paper button.vip-pick:not(.primary):not(.chip):not(.close):not(.danger){padding:4px 0 3px}.vip-pick-icon{width:30px;height:30px}@media (width<=420px){.vip-perks{grid-template-columns:minmax(0,1fr)}.vip-card>.vip-badge{width:54px;height:54px}.paper .vip-browser>button.vip-step:not(.primary):not(.chip):not(.close):not(.danger){display:none}}.vip-buy{background:linear-gradient(#eaf6ff,#d6ebfa);border-radius:14px;gap:6px;margin:0 0 10px;padding:8px 10px 10px;display:grid;box-shadow:inset 0 0 0 1.5px #8cc5ec,0 3px #6aa3cc}.vip-buy-head{color:#17456f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;display:flex}.vip-buy-rate{color:#3d6f99;font-size:12px;font-weight:700}.vip-buy-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.paper .vip-buy-row button.vip-buy-btn:not(.primary):not(.chip):not(.close):not(.danger){background:linear-gradient(#58b6a7, var(--soft-teal));box-shadow:inset 0 1px 0 #fff5, 0 3px 0 var(--soft-teal-dark);color:#fffaf0;justify-items:center;gap:1px;padding:5px 4px 6px;display:grid}.paper .vip-buy-row button.vip-buy-btn.short:not(.primary):not(.chip):not(.close):not(.danger){background:linear-gradient(#9fb3c2,#7d93a5);box-shadow:0 3px #5f7383}.vip-buy-btn b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.vip-buy-cost{align-items:center;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.vip-buy-cost .chip-icon{width:14px;height:14px}.pack-offer .pack-desc{color:var(--soft-ink);background:#ffffff80;border-radius:12px;margin:0;padding:8px 12px;font-size:14px;line-height:1.45;box-shadow:inset 0 0 0 1px #e2c99c}.pack-offer .pack-skills{color:var(--soft-wood-dark);flex-wrap:wrap;align-items:center;gap:6px;display:flex}#hud-top>button.offer-float.offer-second{top:calc(100% + 120px)}body:not(.outside-view) #hud-top>button.offer-float.offer-second{top:calc(100% + 166px)}.legend-card button.legend-offer{margin-top:6px;font-weight:800}.npc-bio{color:var(--soft-ink);margin-top:6px;font-size:13px}.npc-bio summary{cursor:pointer;color:var(--soft-wood-dark);font-weight:700;list-style:none}.npc-bio summary::-webkit-details-marker{display:none}.npc-bio summary:after{content:" ▾"}.npc-bio[open] summary:after{content:" ▴"}.npc-bio p{margin:4px 0 0;line-height:1.5}.pack-offer .pack-bio{color:var(--soft-ink);background:#fff8e8;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.5;box-shadow:inset 0 0 0 1px #e2c99c}.pack-offer .pack-bio strong{color:var(--soft-wood-dark)}.pack-offer .pack-bio p{margin:4px 0 0}button.legend-link,button.topup-history-link,button.pf-history{text-align:left;border-radius:14px;width:100%;margin-top:10px;padding:10px 14px;font-weight:800}button.legend-link{color:#6b3d0c;background:linear-gradient(135deg,#ffe9a8,#f5c451);box-shadow:inset 0 0 0 1px #d9a537,0 2px #b8862a}.receipt-list{flex-direction:column;gap:8px;display:flex}.receipt-row{background:#fffaf0;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #e2c99c}.receipt-face{background:#f3e3c3;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid;overflow:hidden}.receipt-face .receipt-img{object-fit:cover;width:100%;height:100%}.receipt-words{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.receipt-price{color:var(--soft-wood-dark);flex:none}@property --prestige-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes prestige-spin{to{--prestige-spin:360deg}}@keyframes prestige-shine{0%,55%{background-position:0 0,0 0,0 0,160% 0}to{background-position:0 0,0 0,0 0,-60% 0}}@keyframes prestige-glow{0%,to{box-shadow:0 0 0 3px #ffe08a, 0 0 0 5px #9a5a16, 0 0 8px 2px color-mix(in srgb, var(--rarity,#e0a23a) 50%, #fff0)}50%{box-shadow:0 0 0 3px #ffe08a, 0 0 0 5px #9a5a16, 0 0 16px 6px color-mix(in srgb, var(--rarity,#e0a23a) 70%, #fff0)}}img.portrait[data-prestige]{--ray:color-mix(in srgb, var(--rarity) 30%, #fff6);background:radial-gradient(circle at 50% 34%, #ffffffd9 0, color-mix(in srgb, var(--rarity) 35%, #fff0) 24%, #fff0 56%), repeating-conic-gradient(from var(--prestige-spin) at 50% 34%, var(--ray) 0deg 7deg, #fff0 7deg 20deg), radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--rarity) 65%, #fff) 0%, var(--rarity) 48%, color-mix(in srgb, var(--rarity) 40%, #14090c) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity) 50%, #fff), inset 0 0 0 3.5px color-mix(in srgb, var(--rarity) 45%, #1a0d05), 0 0 6px color-mix(in srgb, var(--rarity) 45%, #fff0)}img.portrait[data-prestige=high]{--ray:color-mix(in srgb, var(--rarity) 20%, #ffffff40)}img.portrait[data-prestige=top]{--ray:#fff3c8b3;box-shadow:inset 0 0 0 2px #fff3c8, inset 0 0 0 3.5px var(--rarity), inset 0 0 0 5px color-mix(in srgb, var(--rarity) 40%, #1a0d05), 0 0 10px color-mix(in srgb, var(--rarity) 70%, #fff0)}img.card-icon.portrait[data-prestige=top],img.pack-face-img.portrait[data-prestige=top],img.offer-face.portrait[data-prestige=top]{animation:14s linear infinite prestige-spin}.paper .card[data-prestige],.card[data-prestige]{background:radial-gradient(110% 90% at 0% 0%, color-mix(in srgb, var(--rarity) 28%, #fff0), #fff0 62%), linear-gradient(135deg, color-mix(in srgb, var(--rarity) 8%, #fffdf6), color-mix(in srgb, var(--rarity) 26%, #f6e6c6));box-shadow:inset 0 1px 0 #fff, inset 0 0 0 2px color-mix(in srgb, var(--rarity) 70%, #fff), 0 3px 0 color-mix(in srgb, var(--rarity) 55%, #5a381e), 0 5px 12px color-mix(in srgb, var(--rarity) 30%, #5a381e30);position:relative;overflow:hidden}.paper .card[data-prestige=top],.card[data-prestige=top]{background:radial-gradient(50% 120% at 8% 50%, #fff8dfcc, #fff0 70%), repeating-conic-gradient(from 0deg at 10% 50%, #ffffff6b 0deg 5deg, #fff0 5deg 15deg), radial-gradient(60% 80% at 100% 0%, #ffffffb3, #fff0 70%), linear-gradient(135deg, color-mix(in srgb, var(--rarity) 25%, #fffaf0), color-mix(in srgb, var(--rarity) 60%, #f6e6c6));box-shadow:inset 0 1px 0 #fff, inset 0 0 0 2.5px var(--rarity), inset 0 0 0 4px #fff6d6, inset 0 0 0 5px color-mix(in srgb, var(--rarity) 80%, #5a381e), 0 3px 0 color-mix(in srgb, var(--rarity) 60%, #5a381e), 0 0 16px color-mix(in srgb, var(--rarity) 65%, #fff0)}.card[data-prestige=top]:after{content:"";pointer-events:none;background-color:#0000;background-image:radial-gradient(circle at 93% 18%,#fff 0 2px,#fff8 3px,#fff0 6px),radial-gradient(circle at 80% 82%,#fff 0 1.5px,#fff8 2.5px,#fff0 5px),radial-gradient(circle at 97% 60%,#fff 0 1.5px,#fff8 2.5px,#fff0 5px),linear-gradient(105deg,#fff0 42%,#ffffffa6 50%,#fff0 58%);background-position:0 0,0 0,0 0,160% 0;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,250% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:7s ease-in-out infinite prestige-shine;position:absolute;inset:0}.card.npc-card[data-prestige=top]:before{background:linear-gradient(color-mix(in srgb, var(--rarity) 45%, #fff), var(--rarity) 45%, color-mix(in srgb, var(--rarity) 60%, #2a1405));width:7px}.card[data-prestige=top] .npc-name{color:color-mix(in srgb, var(--rarity) 45%, #3a2008)}.paper .card[data-prestige] .chip.rarity-chip,.card[data-prestige] .chip.rarity-chip,.paper .chip.rarity-chip[data-prestige],.chip.rarity-chip[data-prestige]{background:linear-gradient(color-mix(in srgb, var(--rarity) 70%, #fff), var(--rarity) 55%, color-mix(in srgb, var(--rarity) 70%, #000));box-shadow:inset 0 0 0 1px #fff6, 0 0 6px color-mix(in srgb, var(--rarity) 60%, #fff0)}.card[data-prestige=top] .chip.rarity-chip:before,.chip.rarity-chip[data-prestige=top]:before{content:"★ ";color:#fff6c8}.card[data-prestige=high] .chip.rarity-chip:before,.chip.rarity-chip[data-prestige=high]:before{content:"✦ "}.pack-face:has(img[data-prestige]){animation:2.6s ease-in-out infinite prestige-glow}@media (prefers-reduced-motion:reduce){img.portrait[data-prestige],.card[data-prestige=top]:after{animation:none}.pack-face:has(img[data-prestige]){animation:none}}.dialog.sheet.report-sheet{width:min(440px,100%)}.report-sheet .sheet-body,.report-sheet{color:var(--soft-ink)}.report-kinds{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.report-kind{white-space:nowrap;border-radius:10px;padding:8px 4px;font-size:.9em}.report-kind.on{background:#fff1df;outline:2px solid #c9632f}.report-field{gap:4px;margin-bottom:10px;display:grid}.report-field[hidden]{display:none}.report-input{box-sizing:border-box;width:100%;color:var(--soft-ink);font:inherit;background:#fffdf6;border:1.5px solid #c9a571;border-radius:10px;padding:8px 10px}.report-text{resize:vertical;min-height:96px}.report-status{color:#a8432f;margin:6px 0;display:block}.report-status:empty{display:none}.report-sheet .primary{width:100%;margin-top:8px}.login-card,.has-title-art .login-card{border:6px solid var(--soft-wood);background:var(--soft-paper) var(--ui-bg-paper) 0 0 / 256px padding-box;background-blend-mode:soft-light;color:var(--soft-ink);border-radius:24px;box-shadow:inset 0 0 0 3px #f6dfae,0 18px 40px #00000080}.login-card h1{color:var(--soft-wood-dark);text-shadow:0 1px #fff8e6}.login-card .muted,.login-card .login-links,.login-card .login-or{color:var(--soft-ink-2)}.login-card .login-or:before,.login-card .login-or:after{background:#e0c899}.login-card .login-terms{color:var(--soft-ink)}.login-card .login-terms a,.login-card .login-provider-terms a,.login-card .login-privacy,.login-card .login-forgot{color:var(--soft-teal-dark)}.login-card .error,.login-card .login-account .error,.login-card .login-providers .error{color:var(--soft-red-dark)}.login-card input{color:var(--soft-ink);background:#fffdf6;border:2px solid #e0c899;border-radius:12px}.login-card input:focus{border-color:var(--soft-teal);outline:none}.login-card .login-tabs{background:var(--soft-paper-2);border-radius:999px;box-shadow:inset 0 1px 3px #7d523233}.login-card .login-tabs button{color:var(--soft-ink-2);white-space:nowrap;border-radius:999px;min-width:0}.login-card .login-tabs:has(>:nth-child(3)) button{padding-inline:4px;font-size:14px}.login-card .login-tabs button.active{background:var(--soft-wood);color:#fff8e6;box-shadow:0 2px 0 var(--soft-wood-dark)}.fight-meter .meter-track{border:3px solid var(--soft-wood-light);height:22px;box-shadow:0 0 0 2px var(--soft-wood-dark), 0 3px 6px #0006, inset 0 2px 4px #0008;background:linear-gradient(#4a3424,#3d2a17);border-radius:999px}.fight-meter .meter-track i{background:linear-gradient(#ffab96,#e0705a 55%,#b84a38);border-radius:999px;box-shadow:inset 0 3px #fff6}.fight-meter.air .meter-track i{background:linear-gradient(#b4eef2,#4fb3b0 55%,#2f8a83);box-shadow:inset 0 3px #fff7}.fight-meter.base .meter-track i{background:linear-gradient(#bdeec2,#5fb071 55%,#3f8a52);box-shadow:inset 0 3px #fff6}.fight-meter .meter-track span{text-shadow:0 1px 2px #3d2a17,0 0 3px #3d2a17;line-height:16px}.fight-meter .meter-head{filter:drop-shadow(0 2px 2px #3d2a1799)}.fight-meter.low .meter-track{border-color:#ff8a74}#exp-hud .chip{border:2px solid var(--soft-wood-light);color:#fff8e6;background:#3d2a17cc;border-radius:999px}.result{border:6px solid var(--soft-wood);background:var(--soft-paper) var(--ui-bg-paper) 0 0 / 256px padding-box;background-blend-mode:soft-light;box-shadow:inset 0 0 0 3px #f6dfae, 0 0 50px var(--glow), 0 18px 40px #0009;color:var(--soft-ink);border-radius:24px}.result-banner{background:linear-gradient(#f9dd9c,#f6e7c6);border-bottom:2px solid #e0c899}.result.lose .result-banner{background:linear-gradient(#f0bfae,#f6e7c6)}.result-rays{background:repeating-conic-gradient(#fff6d266 0deg 10deg,#0000 10deg 20deg)}.result-emblem{filter:drop-shadow(0 4px 8px #7d523266)}.result-banner p{color:var(--soft-ink-2)}.star{color:#7d523233;text-shadow:none}.star.on{color:#ffc93a;text-shadow:0 0 10px #ffd84a,0 2px #b8862a}.result-body{scrollbar-color:var(--soft-wood-light) var(--soft-paper-2)}.result-body h3{color:var(--soft-wood-dark)}.result-body .muted,.result-body p{color:var(--soft-ink-2)}.result-stat{background:#fffaf0;border:2px solid #e6cfa2}.result-stat strong{color:var(--soft-ink)}.result-stat span{color:var(--soft-ink-2)}.result .loot-card{background:#fffaf0;border:2px solid #e6cfa2}.result .loot-card strong{color:#3f8a52}.result .loot-card span{color:var(--soft-ink-2)}.result .loot-card small{color:var(--soft-red-dark)}.result .loot-card.lost{background:#fdeee8;border-color:#e9a99a}.result .loot-card.lost strong{color:var(--soft-red-dark)}.paper .card.tier-card,.card.tier-card{padding-left:16px;position:relative}.card.tier-card:before{background:var(--rarity,#9aa3ad);content:"";border-radius:14px 0 0 14px;width:6px;position:absolute;top:0;bottom:0;left:0}.card.tier-card .card-icon{background:color-mix(in srgb, var(--rarity,#9aa3ad) 18%, transparent);box-shadow:inset 0 0 0 2px var(--rarity,#9aa3ad);border-radius:10px}.tier-line{flex-wrap:wrap;gap:4px;margin:2px 0;display:flex}.chip.level-chip{font-weight:700}.set-line{color:#8a6d3b}.set-line.done,.shop-only{color:#a8700f;font-weight:700}.level-up-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.level-up-what .ok-text{color:#2f7d45}.level-up-what{flex-direction:column;gap:2px;display:flex}.perk-overlay{z-index:55;background:radial-gradient(circle at 50% 45%,#2a1a0ccc,#000000d9 70%);place-items:center;padding:16px;animation:.2s ease-out overlay-in;display:grid;position:fixed;inset:0}.perk-overlay.leaving{pointer-events:none;animation:.16s ease-in forwards overlay-out}.perk-box{text-align:center;gap:6px;width:min(520px,100%);display:grid}.perk-box h2{color:#ffd98a;text-shadow:0 2px #000,0 0 12px #ff9d2e80;margin:0;font-size:22px}.perk-sub{color:#e8d6b8;margin:0 0 8px;font-size:13px}.perk-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.perk-card{color:#f5e6c8;min-width:0;min-height:190px;font:inherit;cursor:pointer;background:linear-gradient(#4a3524,#2a1d14);border:2px solid #c99a4a;border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:12px 6px 10px;transition:transform .12s,border-color .12s;animation:.32s cubic-bezier(.22,.8,.3,1) backwards perk-in;display:grid;box-shadow:inset 0 1px #ffffff26,0 6px 16px #000000a0}.perk-card:hover,.perk-card:focus-visible{border-color:#ffd98a;transform:translateY(-3px)}.perk-icon{object-fit:contain;background:radial-gradient(#ffcf6a55,#0000 70%);border-radius:50%;place-items:center;width:54px;height:54px;font-size:34px;display:grid}.perk-name{color:#ffd98a;font-size:15px;line-height:1.25}.perk-desc{font-size:13px;line-height:1.35}.perk-pips{gap:4px;margin-top:auto;display:flex}.perk-pips i{border:1px solid #c99a4a;border-radius:50%;width:9px;height:9px}.perk-pips i.held{background:#c99a4a}.perk-pips i.next{background:#ffd98a;box-shadow:0 0 6px #ffd98a}.perk-overlay.decided .perk-card:not(.chosen){opacity:.35;transform:scale(.94)}.perk-card.chosen{border-color:#ffd98a;transform:scale(1.06);box-shadow:0 0 22px #ffb84a,0 6px 16px #000000a0}@keyframes perk-in{0%{opacity:0;transform:translateY(24px)rotate(-3deg)scale(.9)}}span.pack-face-img{place-items:center;font-size:40px;display:grid}span.pack-face-img img.emo{object-fit:contain;width:80%;height:80%}#fight-speed{right:12px;bottom:max(16px, env(safe-area-inset-bottom));z-index:6;color:#ffd98a;min-width:64px;font:inherit;cursor:pointer;background:#000000b8;border:2px solid #c99a4a;border-radius:22px;padding:8px 12px;font-size:15px;font-weight:700;position:absolute}#fight-speed .emo{vertical-align:-3px;width:18px;height:18px}#fight-speed.fast{background:#6a3a10d0;border-color:#ffd98a;box-shadow:0 0 12px #ffb84a90}#fight-speed.locked{color:#b8a888;border-color:#6a5a40}.fight-hub{gap:12px;padding:4px 4px 8px;display:grid}.fight-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paper .fight-hub button.fight-card:not(.primary):not(.chip):not(.close):not(.danger){color:#fff8ea;text-align:left;border:0;border-image:;border-radius:18px;min-height:0;margin:0;padding:0;transition:transform .12s,filter .12s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffe2a866,0 4px #5e3a1e,0 8px 14px #0005}.paper .fight-hub button.fight-card:active{transform:translateY(2px)}.paper .fight-hub button.fight-card:hover{filter:brightness(1.06)}.fight-card .fight-words{gap:2px;display:grid}.fight-card .fight-words strong{text-shadow:0 2px #0008,0 0 8px #0006;font-size:20px;line-height:1.2}.fight-card .fight-words small{text-wrap:balance;opacity:.92;text-shadow:0 1px 2px #000a;font-size:12.5px}.fight-card .fight-meta{background:#0005;border-radius:999px;justify-self:start;margin-top:4px;padding:2px 9px;font-size:12px;font-weight:700}.fight-card .fight-meta.weak{color:#ffb4a2}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-defend{background:linear-gradient(160deg,#34466e,#141b2e);height:188px}.fight-defend .fight-pic{object-fit:cover;object-position:center 8%;width:100%;height:100%;position:absolute;inset:0}.fight-defend .fight-words{background:linear-gradient(#0f0a0600,#0f0a06cc 45%,#0f0a06ee);padding:26px 14px 12px;position:absolute;bottom:0;left:0;right:0}.fight-defend .fight-words strong{font-size:24px}.fight-defend .fight-medal{background:radial-gradient(circle at 40% 35%,#fff7e4,#ecd3a4);border-radius:50%;width:54px;height:54px;padding:3px;position:absolute;top:10px;left:10px;box-shadow:inset 0 0 0 2px #d6b37a,0 2px 6px #0007}.fight-defend .fight-badge{background:linear-gradient(#ef5a3c,#b8261a);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;animation:1s ease-in-out infinite fight-badge;position:absolute;top:12px;right:12px;box-shadow:0 0 0 2px #fff3,0 2px 8px #0008}@keyframes fight-badge{50%{transform:scale(1.08)}}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-explore,.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-scavenge{text-align:center;min-height:184px;padding:10px 8px 12px}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-explore{background:radial-gradient(90% 60% at 50% 30%,#ffe3a855,#0000 70%),linear-gradient(165deg,#d98a45,#8a3f1c)}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-scavenge{background:radial-gradient(90% 60% at 50% 30%,#f2f0b055,#0000 70%),linear-gradient(165deg,#8fa65c,#44562a)}.fight-explore .fight-pic,.fight-scavenge .fight-pic{object-fit:contain;filter:drop-shadow(0 4px 4px #0006);width:96px;height:96px;margin:0 auto 6px;font-size:64px;line-height:96px;display:block}.fight-explore .fight-words,.fight-scavenge .fight-words{justify-items:center}.fight-explore .fight-meta,.fight-scavenge .fight-meta{justify-self:center}.fight-card.dot:after{content:"";background:#e23b2e;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #fff}.fight-defend.dot:after{display:none}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-card.guide-here{animation:1.1s ease-in-out infinite fight-guide}@keyframes fight-guide{50%{box-shadow:inset 0 0 0 3px #fff3b0,0 0 16px 5px #ffb02ecc,0 4px #5e3a1e}}.npc-filters{flex-wrap:wrap;gap:6px;margin:6px 0 10px;display:flex}.paper .npc-filters button.npc-filter:not(.primary):not(.chip):not(.close):not(.danger){color:#6a4320;background:#e9d6b0;border:0;border-image:;border-radius:999px;min-height:0;padding:4px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1.5px #cfae77}.paper .npc-filters button.npc-filter.on:not(.primary):not(.chip):not(.close):not(.danger){color:#fff6e3;background:linear-gradient(#8a5a34,#6b4424);box-shadow:inset 0 1px #fff3,0 2px #4a2c14}.npc-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding-bottom:6px;display:grid}.paper .npc-grid button.npc-tile:not(.primary):not(.chip):not(.close):not(.danger){--rarity:#9aa3ad;background:radial-gradient(80% 55% at 50% 30%, #ffffffb3, #fff0 70%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 40%, #fffaf0), color-mix(in srgb, var(--rarity) 14%, #f6e6c6));min-width:0;min-height:0;box-shadow:inset 0 1px 0 #fff, inset 0 0 0 2px color-mix(in srgb, var(--rarity) 75%, #fff), 0 3px 0 color-mix(in srgb, var(--rarity) 55%, #5a381e), 0 5px 10px #5a381e30;color:#4a2c14;text-align:center;border:0;border-image:;border-radius:16px;align-content:start;justify-items:center;gap:3px;margin:0;padding:10px 6px 9px;transition:transform .12s;display:grid;position:relative}.paper .npc-grid button.npc-tile:active{transform:translateY(2px)}.paper .npc-grid button.npc-tile[data-prestige=top]:not(.primary):not(.chip):not(.close):not(.danger){animation:2.4s ease-in-out infinite prestige-glow}.npc-tile-pic{display:block;position:relative}.npc-tile .npc-tile-img{background:radial-gradient(circle at 50% 34%, #fffffff0, color-mix(in srgb, var(--rarity) 55%, #fff) 70%);width:74px;height:74px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity) 60%, #fff);object-fit:cover;border-radius:14px;font-size:48px;line-height:74px;display:block}.npc-tile-badge{width:28px;height:28px;box-shadow:0 0 0 2px color-mix(in srgb, var(--rarity) 70%, #5a381e), 0 2px 3px #0004;background:#fffaf0;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;bottom:-5px;right:-7px}.npc-tile-badge .npc-tile-badge-img{object-fit:contain;width:22px;height:22px;font-size:15px}.npc-tile-badge.idle{color:#7a6a58;background:#e7dcc8;font-size:11px;font-weight:800}.npc-tile-star{color:#ffd25a;-webkit-text-stroke:1.5px #7a4510;text-shadow:0 2px 2px #0005;font-size:20px;position:absolute;top:-7px;left:-7px}.npc-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:14px;line-height:1.2;overflow:hidden}.npc-tile-rarity{background:color-mix(in srgb, var(--rarity) 85%, #3a2210);color:#fff;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:1.6}.npc-tile-skill{color:#6a4a2c;max-width:100%;font-size:11px;line-height:1.3}.npc-sheet .card.npc-detail{text-align:center;justify-items:center;gap:10px;padding:16px 14px 14px;display:grid}.npc-sheet .card.npc-card.npc-detail:before{width:auto;height:6px;bottom:auto;right:0}.npc-sheet .card.npc-card.npc-detail img.card-icon.portrait{border-radius:22px;width:132px;height:132px}.npc-sheet .npc-detail .card-body{justify-items:center;gap:6px;display:grid}.npc-sheet .npc-detail .card-body .row{justify-content:center}.npc-sheet .npc-detail .npc-name{display:none}.npc-sheet .npc-detail .npc-bio p{text-align:left}.arms-shop .arms-note{margin:0 0 4px}.arms-set{--rarity:#9b6fd8;background:radial-gradient(90% 60% at 0% 0%, color-mix(in srgb, var(--rarity) 26%, #fff0), #fff0 70%), linear-gradient(160deg, color-mix(in srgb, var(--rarity) 10%, #fffaf0), color-mix(in srgb, var(--rarity) 24%, #f3e1bd));box-shadow:inset 0 1px 0 #fff, inset 0 0 0 2px color-mix(in srgb, var(--rarity) 65%, #fff), 0 3px 0 color-mix(in srgb, var(--rarity) 50%, #5a381e), 0 6px 12px #5a381e30;border-radius:18px;gap:12px;margin:12px 0 4px;padding:12px;display:grid}.arms-set-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.arms-set-name{color:#5a3418;font-size:18px}.arms-set-owned{color:#6a4a2c;background:#00000014;border-radius:999px;margin-left:auto;padding:1px 9px;font-size:12px;font-weight:700}.arms-set-bonus{background:color-mix(in srgb, var(--rarity) 16%, #fff8e6);color:#5a3418;border-radius:10px;margin:0;padding:6px 10px;font-size:13px;font-weight:600}.arms-tap{text-align:center;margin:-2px 0 0}.arms-pieces{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.paper .arms-pieces button.arms-piece:not(.primary):not(.chip):not(.close):not(.danger){min-width:0;min-height:0;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rarity) 55%, #e2c99c), 0 3px 0 color-mix(in srgb, var(--rarity) 40%, #b88d58);color:#4a2c14;background:linear-gradient(#fffdf6,#f3e3c3);border:0;border-image:;border-radius:14px;justify-items:center;gap:2px;margin:0;padding:8px 4px 7px;display:grid;position:relative}.paper .arms-pieces button.arms-piece:active{transform:translateY(2px)}.arms-piece-pic{background:radial-gradient(circle at 50% 38%, #fffef8, color-mix(in srgb, var(--rarity) 45%, #f6e2b5) 75%);width:62px;height:62px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity) 65%, #fff);border-radius:50%;place-items:center;display:grid}.arms-piece-pic .arms-piece-img{object-fit:contain;width:50px;height:50px;font-size:34px;line-height:50px}.arms-piece-slot{color:#7a5a3a;font-size:11px}.arms-piece-price{font-size:13px}.arms-piece.have .arms-piece-price{color:#2f8a4c}.arms-piece.have .arms-piece-pic{filter:saturate(.6)}.arms-bundle{color:#fff3dc;background:linear-gradient(135deg,#4a2c18,#2c1a0e);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #c9944f,0 2px 6px #0004}.arms-bundle-words{flex:1;gap:2px;min-width:0;display:grid}.arms-bundle-words strong{font-size:16px}.arms-bundle-words .muted{color:#e6cfa8}.arms-bundle-prices{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.arms-bundle-prices s{color:#c9b08c;font-size:14px}.arms-save-baht{color:#ffd36a;font-weight:800}.arms-save{color:#fff;background:linear-gradient(#ef5a3c,#b8261a);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;position:absolute;top:-10px;right:10px;box-shadow:0 2px 6px #0006}.arms-bundle>button{flex:none;min-width:96px}.arms-piece-card{text-align:center;justify-items:center;gap:8px;padding:6px 4px;display:grid}.arms-piece-hero{background:radial-gradient(circle at 50% 40%,#fffef8,#f1d9a6 70%,#d9b679);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;box-shadow:inset 0 0 0 3px #e6c486,0 4px 10px #5a381e40}.arms-piece-hero .arms-piece-big{object-fit:contain;width:118px;height:118px;font-size:80px;line-height:118px}.arms-piece-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.arms-piece-stats{color:#4a2c14;margin:0;font-weight:700}.arms-piece-desc{margin:0}.arms-piece-set{background:#f3e3c3;border-radius:12px;gap:2px;width:100%;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #dcbf8d}.arms-piece-card>button.big{min-width:160px}.arms-have{color:#2f8a4c;font-weight:800}.fight-card .fight-time{color:#d9c09a;text-shadow:0 1px #000;white-space:nowrap;background:radial-gradient(circle at 5px,#c9944f 0 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 5px),#c9944f 0 1.6px,#0000 2.2px),linear-gradient(#3b2a1d,#22170f);border-radius:5px;justify-self:start;align-items:center;gap:7px;margin-top:5px;padding:3px 14px 3px 10px;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:inset 0 0 0 1.5px #7a5532,inset 0 1px 0 1.5px #ffffff14,0 2px 4px #0009}.fight-card .fight-time:before{content:"";background:radial-gradient(circle at 35% 35%,#8a7a66,#3a2f25 70%);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1.5px #1a110a,0 0 0 2.5px #7a5532}.fight-card .fight-time.ready{color:#ffd36a;text-shadow:0 1px #000,0 0 6px #ff9d2a88;background:radial-gradient(circle at 5px,#ffe08a 0 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 5px),#ffe08a 0 1.6px,#0000 2.2px),linear-gradient(#4a321c,#2a1b0f);box-shadow:inset 0 0 0 1.5px #d6a656,inset 0 1px 0 1.5px #fff2,0 0 10px #ffb34755,0 2px 4px #0009}.fight-card .fight-time.ready:before{background:radial-gradient(circle at 35% 35%,#eaffc4,#7fd34e 45%,#2f7a1e 80%);animation:1.6s ease-in-out infinite fight-lamp;box-shadow:0 0 0 1.5px #1a110a,0 0 0 2.5px #d6a656,0 0 8px 2px #9be36a99}@keyframes fight-lamp{50%{filter:brightness(1.35);box-shadow:0 0 0 1.5px #1a110a,0 0 0 2.5px #d6a656,0 0 12px 4px #9be36acc}}.fight-explore .fight-time,.fight-scavenge .fight-time{white-space:normal;justify-self:center}.paper .arms-piece-card button.arms-bundle-instead:not(.primary):not(.chip):not(.close):not(.danger){color:#ffd36a;background:linear-gradient(135deg,#4a2c18,#2c1a0e);border:0;border-image:;border-radius:999px;padding:6px 16px;font-weight:800;box-shadow:inset 0 0 0 1.5px #c9944f}#panel .gear button.gear-slot,#panel .gear button.gear-slot:disabled{color:#f6ead2;text-shadow:0 1px #000;opacity:1;border-radius:12px;padding:7px 9px;background:linear-gradient(160deg,#4a3522,#241910 72%)!important;border:0!important;border-image:!important;box-shadow:inset 0 0 0 1.5px #b0844a,inset 0 2px 0 1.5px #ffffff14,0 3px #160e08,0 5px 10px #0005!important}#panel .gear button.gear-slot:not(.still):hover{filter:brightness(1.1)}#panel .gear button.gear-slot .gear-art{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rarity,#8a7a66) 42%, #1a120b), #110b07 78%);box-shadow:inset 0 0 0 2px var(--rarity,#6b5640), 0 0 9px color-mix(in srgb, var(--rarity,#000) 55%, transparent);border:0}#panel .gear button.gear-slot .gear-label{color:#ffcf6e}#panel .gear button.gear-slot strong{color:#fff6e0}#panel .gear button.gear-slot small{color:#cdb795}#panel .gear button.gear-slot.empty{background:linear-gradient(160deg,#3a2c20,#1d150f 72%)!important;box-shadow:inset 0 0 0 1.5px #6b5232,0 3px #160e08,0 5px 10px #0004!important}#panel .gear button.gear-slot.empty .gear-art{box-shadow:none;background:#140e09;border:2px dashed #8a6a3c}#panel .gear button.gear-slot.still{filter:saturate(.85)}#panel .gear-figure{background:radial-gradient(55% 45% at 50% 22%,#ffd27a40,#0000 70%),radial-gradient(circle at 50% 45%,#5d4229,#2a1c11 62%,#120b06);border:0;border-radius:16px;align-items:end;padding:8px 0 58px;box-shadow:inset 0 0 0 2px #c9944f,inset 0 0 0 4px #24170d,inset 0 0 0 5px #8a6a3c55,inset 0 -36px 40px #000a,0 3px #160e08,0 6px 12px #0006}#panel .gear-figure .hero-paper{filter:drop-shadow(0 6px 4px #000b)drop-shadow(0 0 10px #ffd27a22)}#panel .gear-figure .hero-paper:after{z-index:-1;content:"";background:radial-gradient(closest-side,#000d,#0000);height:10%;position:absolute;bottom:-3%;left:18%;right:22%}@media (width<=560px){#panel .gear button.gear-slot strong{max-width:100%;font-size:12px}}#panel .gear-verdict{text-shadow:0 1px #0008;border-radius:8px;padding:3px 8px;font-weight:800;bottom:9px;left:10px;right:10px;box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 1px 0 1.5px #fff2,0 2px 5px #000a}@media (width<=560px){#panel .gear-verdict{padding:3px 4px;left:5px;right:5px}}#panel .gear-verdict.good{background:linear-gradient(#4aa860,#24713a)}#panel .gear-verdict.even{background:linear-gradient(#d69a34,#9a6214)}#panel .gear-verdict.bad{background:linear-gradient(#cf5040,#8e271c)}#panel .gear-detail .ability-box{border-color:#b0844a;padding-top:0;overflow:hidden;box-shadow:0 2px 6px #0002}#panel .gear-detail .ability-box>.staff-title{color:#ffd36a;text-shadow:0 1px #000;background:linear-gradient(#4a3522,#2c1f13);margin:0 -12px 6px;padding:7px 12px;display:block}#panel .gear-detail .ability-box .stat-table{grid-template-columns:auto minmax(0,1fr);column-gap:12px}#panel .gear-detail .ability-box .stat-label{white-space:nowrap}#panel .gear-detail .ability-box .stat-value{text-align:right}.arms-list{gap:10px;display:grid}.arms-card{box-shadow:inset 0 0 0 1.5px #d2b07a, inset 4px 0 0 0 var(--rarity,#9aa3ad), 0 3px 0 #c9a46c, 0 5px 10px #0002;background:linear-gradient(170deg,#fffaf0,#f3e3c2);border-radius:14px;grid-template-columns:74px minmax(0,1fr);grid-template-areas:"pic head""pic mid""foot foot";gap:6px 12px;padding:12px;display:grid;position:relative}.arms-card.in-use{box-shadow:inset 0 0 0 2px #e0a93c, inset 4px 0 0 0 var(--rarity,#9aa3ad), 0 0 0 2px #ffd36a66, 0 3px 0 #b88a3a, 0 6px 14px #b8801f44;background:linear-gradient(170deg,#fff6dc,#f6dfaa)}.arms-card.from-shop{background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--rarity,#9aa3ad) 30%, transparent), transparent 60%), linear-gradient(170deg, color-mix(in srgb, var(--rarity,#9aa3ad) 14%, #fffaf0), color-mix(in srgb, var(--rarity,#9aa3ad) 28%, #f3e3c2));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity,#9aa3ad) 70%, #d2b07a), inset 4px 0 0 0 var(--rarity,#9aa3ad), 0 3px 0 color-mix(in srgb, var(--rarity,#9aa3ad) 55%, #8a6a3a), 0 5px 12px color-mix(in srgb, var(--rarity,#000) 30%, transparent)}.arms-card.from-shop.in-use{box-shadow:inset 0 0 0 2px #e0a93c, inset 4px 0 0 0 var(--rarity,#9aa3ad), 0 0 0 2px #ffd36a66, 0 3px 0 #b88a3a, 0 6px 14px #b8801f44}.arms-shop-tag{color:#fff;white-space:nowrap;background:linear-gradient(#3fb8a0,#23806f);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #fff5,0 2px 3px #0005}.arms-shop-tag:before{content:"🛒 "}.arms-pic{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rarity,#8a7a66) 40%, #2a1c11), #150e08 80%);width:74px;height:74px;box-shadow:inset 0 0 0 2px var(--rarity,#8a7a66), inset 0 0 0 4px #0005, 0 0 10px color-mix(in srgb, var(--rarity,#000) 45%, transparent), 0 2px 4px #0005;border-radius:12px;grid-area:pic;align-self:start;place-items:center;display:grid;position:relative}.arms-pic .arms-pic-img{object-fit:contain;text-align:center;filter:drop-shadow(0 3px 2px #000a);width:60px;height:60px;font-size:38px;line-height:60px}.arms-card.locked .arms-pic .arms-pic-img{filter:grayscale(.55)brightness(.8)drop-shadow(0 3px 2px #000a)}.arms-head{grid-area:head;gap:3px;min-width:0;display:grid}.arms-title{align-items:center;gap:8px;display:flex}.arms-card.in-use .arms-title{padding-right:60px}.arms-name{color:#3a2212;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.arms-card.locked .arms-name{color:#7a6450}.arms-level{color:#ffd36a;background:linear-gradient(#4a3522,#2a1b0f);border-radius:6px;flex:none;padding:1px 8px;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #c9944f}.arms-card .tier-line{margin:0}.arms-mid{grid-area:mid;gap:4px;min-width:0;display:grid}.arms-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.arms-stat{background:#2a1d12;border-radius:8px;align-content:start;justify-items:center;padding:3px 2px 2px;line-height:1.15;display:grid;box-shadow:inset 0 0 0 1px #6b5232}.arms-stat b{color:#fff3d6;font-size:15px;font-weight:800}.arms-stat small{color:#c9b391;font-size:10.5px}.arms-stat em{color:#9be36a;font-size:10.5px;font-style:normal;font-weight:800}.arms-effect{color:#2f7d45;font-size:13px;font-weight:700}.arms-desc{color:#7a6450;font-size:12px;line-height:1.35}.arms-foot{border-top:1px dashed #c9a46c;flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:6px 10px;padding-top:8px;display:flex}.arms-cost{flex-wrap:wrap;flex:140px;align-items:center;gap:4px 6px;min-width:0;display:flex}.arms-cost-label{color:#6b4a2a;font-size:12px;font-weight:700}.arms-why{color:#a3372c;flex-basis:100%;font-size:12px}.arms-foot>button{flex:none;margin-left:auto}.arms-badge{color:#4a2a0c;background:linear-gradient(#ffd36a,#d99a2b);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 1px #fff4,0 2px 4px #0004}#exp-hud .chip.fight-stars{letter-spacing:0;gap:1px;padding:1px 8px;font-size:17px;line-height:1.1;display:inline-flex}.hud-star{color:#fff8e659;transition:color .3s,text-shadow .3s}.hud-star.on{color:#ffc93a;text-shadow:0 0 6px #ffd84a99,0 1px #b8862a}.hud-star.lost{animation:.6s ease-out hud-star-lost}@keyframes hud-star-lost{0%{color:#ff8a74;transform:scale(1.5)rotate(0)}30%{transform:scale(1.2)rotate(-18deg)}60%{transform:scale(1)rotate(12deg)}to{transform:none}}.dialog.paper.sheet.fight-sheet .fight-hub button.fight-card.fight-gear{text-align:left;background:radial-gradient(70% 90% at 15%,#ffe3a844,#0000 70%),linear-gradient(165deg,#6c5a8a,#3a2c52);align-items:center;gap:12px;min-height:72px;padding:8px 14px;display:flex}.fight-gear .fight-pic{object-fit:contain;filter:drop-shadow(0 3px 3px #0008);text-align:center;flex:none;width:56px;height:56px;font-size:40px;line-height:56px}.gear-page-note{margin:0 0 8px}.gear-stats{background:#5a3a1a12;border-radius:10px;grid-template-columns:1fr auto 1fr auto;gap:6px 18px;margin-top:10px;padding:10px 12px;font-size:13px}.gear-stats .stat-label{color:#7a6450}.gear-stats .stat-value{color:#3a2212;text-align:right;font-weight:700}@media (width<=520px){.gear-stats{grid-template-columns:1fr auto}}#panel button.loadout{color:#f6ead2;text-align:left;background:linear-gradient(#3a2a1b,#24170d);border:none;border-radius:12px;align-items:center;gap:10px;width:100%;margin:0 0 8px;padding:6px 10px;display:flex;box-shadow:inset 0 0 0 1.5px #a07a45,0 2px #0006}.loadout-pieces{flex:none;gap:4px;display:flex}.loadout-piece{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rarity,#8a7a66) 40%, #2a1c11), #150e08 80%);width:40px;height:40px;box-shadow:inset 0 0 0 1.5px var(--rarity,#6a5a46);border-radius:8px;place-items:center;display:grid}.loadout-piece img{object-fit:contain;width:32px;height:32px}.loadout-piece .gear-emoji{font-size:20px}.loadout-piece.empty{opacity:.45}.loadout-words{min-width:0;line-height:1.25;display:grid}.loadout-words small{color:#e8c98e;font-size:12px}@media (width<=420px){.loadout-piece{width:34px;height:34px}.loadout-piece img{width:27px;height:27px}}.pf-quality-note{margin:2px 2px 0;font-size:11px;line-height:1.35;display:block}.pack-face.tiered,.offer-ring.tiered{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rarity) 25%, #fffef8), color-mix(in srgb, var(--rarity) 75%, #3a2010) 92%);box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 45%, #fff), 0 0 0 5px color-mix(in srgb, var(--rarity) 55%, #1a0d05), 0 4px 8px #5a381e55;overflow:hidden}.offer-ring.tiered{box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 45%, #fff), 0 0 0 5px color-mix(in srgb, var(--rarity) 55%, #1a0d05), 0 4px 10px #00000080;overflow:visible}.pack-face.tiered img.portrait.pack-face-img,.offer-ring.tiered img.portrait.offer-face{width:100%;height:100%;box-shadow:none;border-radius:50%}.pack-banner:not(.has-npc) .pack-face.tiered .pack-face-img{width:78%;height:78%}.pack-face.tiered:has(img[data-prestige]){animation:2.6s ease-in-out infinite tier-glow}@keyframes tier-glow{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 45%, #fff), 0 0 0 5px color-mix(in srgb, var(--rarity) 55%, #1a0d05), 0 0 8px 2px color-mix(in srgb, var(--rarity) 50%, #fff0)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 45%, #fff), 0 0 0 5px color-mix(in srgb, var(--rarity) 55%, #1a0d05), 0 0 16px 6px color-mix(in srgb, var(--rarity) 70%, #fff0)}}@media (prefers-reduced-motion:reduce){.pack-face.tiered:has(img[data-prestige]){animation:none}}.subtabs.pack-tabs{margin-bottom:8px}@media (width<=700px){#hud-top .hud-title{gap:4px}#hud-top .hud-title>.chip.bell{padding:2px 6px;font-size:0}#hud-top .hud-title>.chip.bell .btn-icon{width:24px;height:24px;margin:-2px 0}#hud-top .hud-title>.chip.bell[data-count]:after{color:#fff;text-align:center;content:attr(data-count);box-sizing:border-box;background:#e5484d;border:1.5px solid #1f1a16;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:-5px;right:-5px}}@media (width<=460px){#hud-top .hud-title>.chip.stage[data-stage]{flex:none;align-items:center;gap:2px;padding:2px 7px 2px 5px;font-size:0;display:flex}#hud-top .hud-title>.chip.stage[data-stage] .btn-icon{width:24px;height:24px;margin:-2px 0}#hud-top .hud-title>.chip.stage[data-stage]:after{color:#f3c76a;content:attr(data-stage);font-size:15px;font-weight:800}}.dialog.sheet.profile .sheet-body{grid-template-columns:minmax(0,1fr)}.dialog.sheet.profile .pf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog.sheet.profile .pf-stat{min-width:0}.build-desc{max-height:2.7em;align-self:start;max-height:2lh}@media (width<=700px){body:has(.dialog-overlay:not(.leaving)) #toasts{top:auto;bottom:calc(18px + env(safe-area-inset-bottom))}}.site-pin.on .pin-name{z-index:2;margin-top:8px;position:relative}@media (width<=700px) and (aspect-ratio<=3/4){.outside-foot{bottom:8px}.outside-foot>button.outside-defense{margin-top:auto}#outside:has(.outside-low) .outside-foot{bottom:88px}body.outside-view #hud-top>button.offer-float .offer-name{display:none}body.outside-view #hud-top>button.offer-float .offer-time{z-index:1;margin-top:-14px;position:relative}}.dialog.sheet.profile .pf-group,.dialog.sheet.profile .pf-sounds{grid-template-columns:minmax(0,1fr)}.dialog.sheet.profile .pf-lang{flex-wrap:wrap;row-gap:6px}.dialog.sheet.profile .pf-sound>:nth-child(2){min-width:0}@media (width>=701px){.outside-head .outside-card{flex:0 auto;max-width:min(640px,100% - 200px);margin:0 auto}}.npc-tile-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.15;display:-webkit-box}.loadout-words strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=420px){#hud-bottom.tabs{gap:4px}#hud-bottom.tabs>button.tab{letter-spacing:-.2px;padding-left:1px;padding-right:1px;font-size:11.5px}#panel button.loadout{gap:8px;padding-left:8px;padding-right:8px}.loadout-pieces{gap:3px}.loadout-words strong{font-size:14px}}@media (width<=380px){.loadout-piece{width:32px;height:32px}.loadout-piece img{width:25px;height:25px}}.dialog.sheet.pay-sheet{width:min(440px,100%)}.pay-sheet .pay-body{color:var(--soft-ink);gap:12px;display:grid}.pay-summary{background:radial-gradient(90% 140% at 0 0,#fff4c9 0%,#fff4c900 60%),linear-gradient(135deg,#fffaf0,#f4e3c0);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:inset 0 0 0 1.5px #dcbf8d,0 3px #c9a571,0 6px 12px #5a381e26}.pay-pic{background:radial-gradient(circle at 40% 35%,#fff,#f0d9a8);border-radius:14px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #e2c48f}.pay-pic .pay-pic-img{object-fit:contain;text-align:center;width:48px;height:48px;font-size:34px;line-height:48px}.pay-what{gap:4px;min-width:0;display:grid}.pay-what>strong{overflow-wrap:anywhere;font-size:15px;line-height:1.25}.pay-gives{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.pay-gives-main{color:#2b6fb3;align-items:center;gap:3px;font-weight:800;display:inline-flex}.pay-gives-main .chip-icon{width:18px;height:18px}.pay-tag{color:#2b7368;white-space:nowrap;background:#3f9c8f1f;border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:700}.pay-tag.hot{color:#b33a2c;background:#e0574a1f}.pay-price{justify-items:end;line-height:1.1;display:grid}.pay-price small{color:#8a6a48;font-size:11px}.pay-price strong{color:#3d2a17;letter-spacing:-.02em;font-size:22px;font-weight:900}.pay-step-head{align-items:center;gap:8px;min-height:30px;display:flex}.pay-step-head strong{color:#6b4a2b;font-size:14px}.dialog.paper.pay-sheet .pay-body button.pay-back{border-radius:999px;min-height:0;padding:4px 10px 5px;font-size:12.5px}.pay-methods{gap:8px;display:grid}.dialog.paper.pay-sheet .pay-body button.pay-method{text-align:left;width:100%;min-height:64px;color:var(--soft-ink);background:#fff;border-radius:14px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1.5px #e3cfa9,0 2px #d7bd8f,0 4px 10px #5a381e1a}.dialog.paper.pay-sheet .pay-body button.pay-method:hover{box-shadow:inset 0 0 0 2px var(--soft-teal), 0 2px 0 #d7bd8f, 0 4px 12px #3f9c8f33}.pay-method-words{gap:2px;min-width:0;display:grid}.pay-method-words strong{font-size:15px}.pay-method-words small{color:#8a6a48;font-size:12px;font-weight:500;line-height:1.3}.pay-badge{background:linear-gradient(#58b6a7, var(--soft-teal));color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.pay-chevron{color:#b99a70;font-size:24px;line-height:1}.pay-mark{color:#fff;letter-spacing:-.02em;border-radius:8px;align-content:center;place-items:center;width:52px;height:36px;font-family:system-ui,sans-serif;font-size:11px;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 -2px #00000026}.pay-mark b{display:block}.pay-mark.promptpay{background:linear-gradient(#1b4f8f,#0e3a6e)}.pay-mark.promptpay b+b{color:#7fd3ff}.pay-mark.truemoney{background:linear-gradient(#ff8a1f,#f26a00);font-size:10.5px}.pay-mark.mobile_banking{background:linear-gradient(#3f9c8f,#2b7368)}.pay-mark-bank{background:linear-gradient(#fff 0 0) 0 100% / 100% 3px no-repeat, linear-gradient(#fff 0 0) 3px 9px / 3px 9px no-repeat, linear-gradient(#fff 0 0) 10.5px 9px / 3px 9px no-repeat, linear-gradient(#fff 0 0) 18px 9px / 3px 9px no-repeat, conic-gradient(from 135deg at 50% 0, #fff 90deg, #0000 0) 0 0 / 100% 8px no-repeat;width:24px;height:20px}.pay-mark.card{background:linear-gradient(135deg,#4a5a78,#222b3d);position:relative;overflow:hidden}.pay-mark-stripe{background:#0b0f18;height:6px;position:absolute;inset:8px 0 auto}.pay-mark-chip{background:linear-gradient(135deg,#f6dd8b,#c9a23f);border-radius:2px;width:12px;height:9px;position:absolute;bottom:7px;left:8px}.pay-form{gap:10px}.pay-field{gap:4px;min-width:0;display:grid}.pay-field>span{color:#6b4a2b;font-size:12.5px;font-weight:700}.dialog.paper.pay-sheet .pay-field input{box-sizing:border-box;letter-spacing:.02em;background:#fff;border:1.5px solid #dcc39a;border-radius:10px;width:100%;min-width:0;padding:11px 12px;font-size:16px}.dialog.paper.pay-sheet .pay-field input:focus{border-color:var(--soft-teal);outline:none;box-shadow:0 0 0 3px #3f9c8f33}.pay-sheet .card-form .card-row{grid-template-columns:1fr 1.3fr 1fr}.pay-card-brands{flex-wrap:wrap;gap:6px;display:flex}.pay-card-brands span{color:#3a4a6b;background:#fff;border-radius:6px;padding:3px 8px;font-family:system-ui,sans-serif;font-size:11px;font-style:italic;font-weight:900;box-shadow:inset 0 0 0 1px #e3cfa9}.pay-hint{color:#8a6a48;margin:0;font-size:12.5px;line-height:1.45}.dialog.paper.pay-sheet .pay-body button.pay-go{width:100%;font-size:17px}.pay-banks{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.dialog.paper.pay-sheet .pay-body button.pay-bank{color:var(--soft-ink);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1.5px #e3cfa9,0 2px #d7bd8f}.pay-bank-mark{color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-family:system-ui,sans-serif;font-size:11px;font-weight:900;display:grid}.pay-bank-name{font-size:13.5px;font-weight:700}.pay-bank.kbank .pay-bank-mark{background:#138f2d}.pay-bank.scb .pay-bank-mark{background:#4e2a84}.pay-bank.bbl .pay-bank-mark{background:#1e4598}.pay-bank.ktb .pay-bank-mark{background:#00a4e4}.pay-bank.bay .pay-bank-mark{color:#5a4a3a;background:#ffd400}.pay-qr-card{background:#fff;border-radius:16px;justify-items:center;gap:8px;padding:12px 12px 14px;display:grid;box-shadow:inset 0 0 0 1.5px #e3cfa9,0 4px 12px #5a381e1f}.pay-qr-brand{color:#0e3a6e;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.pay-qr-brand .pay-mark{width:44px;height:30px;font-size:9.5px}.pay-sheet .pay-qr{width:min(240px,66vw);padding:0}.pay-qr-amount{font-size:22px;font-weight:900}.pay-howto{color:#6b4a2b;margin:0;padding-left:20px;font-size:13px;line-height:1.5}.pay-live{justify-content:center;align-items:center;gap:8px;display:flex}.pay-live .pay-status{margin:0;font-size:13px;font-weight:700}.pay-dot{background:var(--soft-teal);border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s ease-in-out infinite pay-pulse}@keyframes pay-pulse{0%,to{box-shadow:0 0 #3f9c8f66}50%{box-shadow:0 0 0 6px #3f9c8f00}}.pay-wait{text-align:center;justify-items:center;gap:10px;padding:18px 0;display:grid}.pay-wait p{margin:0}.pay-status.error{color:#b3261e}.pay-spinner{border:3.5px solid #3f9c8f33;border-top-color:var(--soft-teal);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-order-id{color:#a08460;text-align:center;overflow-wrap:anywhere;font-size:11px;display:block}.pay-secure{color:#8a6a48;text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding-top:2px;font-size:11.5px;line-height:1.4;display:flex}.pay-secure a{color:#2b7368;font-weight:700}.pay-test{background:#ffd27a1f;border:1.5px dashed #d9a441;border-radius:12px;gap:8px;padding:10px;display:grid}.pay-test small{color:#7a5a2a;font-size:11.5px;line-height:1.4}.dialog.paper.pay-sheet .pay-body button.pay-test-btn{font-size:13px}@media (width<=380px){.dialog.paper.pay-sheet .pay-body button.pay-method{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.dialog.paper.pay-sheet .pay-body button.pay-method .pay-chevron{display:none}.pay-mark{width:46px}.pay-price strong{font-size:19px}}.pay-sheet .pay-body>.error:empty{display:none}.pay-sheet .pay-body>.error{color:#b3261e;margin:0;font-size:13px}:root{--book-cloth:#8c3324;--book-cloth-dark:#5e1f15;--book-paper:#fbf4e2;--book-paper-2:#f2e6c8;--book-edge:#e2d3ad;--book-edge-dark:#c4b08a;--book-ink:#33261c;--book-red:#9a3322;--book-muted:#7a6450}.popup.book{perspective:1600px;background:linear-gradient(180deg, #ffffff38, transparent 18%, transparent 82%, #0000000a), linear-gradient(90deg, #b9a47a 0, #e4d6b4 10px, var(--book-paper) 28px, var(--book-paper) calc(100% - 12px), transparent calc(100% - 12px)) 0 0 / 100% calc(100% - 10px) no-repeat, repeating-linear-gradient(90deg, var(--book-edge) 0 2px, var(--book-edge-dark) 2px 3px) 100% 0 / 12px 100% no-repeat, repeating-linear-gradient(var(--book-edge) 0 2px, var(--book-edge-dark) 2px 3px) 0 100% / 100% 10px no-repeat;box-shadow:0 0 0 6px var(--book-cloth), 0 0 0 7px var(--book-cloth-dark), -10px 0 0 1px var(--book-cloth-dark), 0 22px 44px #000000b0;color:var(--book-ink);border:0;border-radius:6px 12px 12px 6px;outline:0}.popup.book .popup-head-slot{box-shadow:none;background:0 0;border-bottom:0;padding:10px 22px 2px 30px}.popup.book .popup-head-slot .panel-head h2,.popup.book .popup-head-slot .panel-head h2 *{color:var(--book-muted);text-shadow:none;letter-spacing:.02em;font-size:14px;font-weight:700}.popup.book .popup-head-slot .level-badge{color:var(--book-muted);text-shadow:none;background:0 0;border:1.5px solid #b8a07a}.popup.book .popup-body{color:var(--book-ink);background:0 0;padding:0 26px 22px 34px}@media (width<=700px){.popup.book .popup-head-slot{padding:8px 18px 2px 22px}.popup.book .popup-body{padding:0 18px 18px 22px}}.toc-title{color:var(--book-red);letter-spacing:.12em;align-items:center;gap:14px;margin:4px 0 8px;font-size:26px;font-weight:800;display:flex}.toc-title:before,.toc-title:after{background:linear-gradient(45deg, transparent 35%, var(--book-red) 35% 65%, transparent 65%) 0 50% / 7px 7px no-repeat, linear-gradient(var(--book-red), var(--book-red)) 0 50% / 100% 1px no-repeat;opacity:.6;content:"";flex:1;height:7px}.toc-title:after{transform:scaleX(-1)}.popup.book .popup-body>.bar{height:4px;box-shadow:none;background:#e5d8b8;border:0;border-image:;border-radius:4px;margin:0 0 2px}.popup.book .popup-body>.bar>div{background:var(--book-red);border-radius:4px}.popup.book .popup-section{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:14px;padding:0}#panel .popup.book .popup-section>h3{color:var(--book-red);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:12px;margin:0 0 4px;font-size:14px;display:flex}#panel .popup.book .popup-section>h3:before,#panel .popup.book .popup-section>h3:after{content:"";border-top:1px solid #b8553f66;border-bottom:1px solid #b8553f66;flex:1;height:2px}.toc-list{gap:0;display:grid}#panel .popup.book .toc-row{width:100%;box-shadow:none;color:var(--book-ink);font:inherit;text-align:left;text-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;margin:0;padding:9px 8px;font-weight:400;transition:background .15s;display:grid}#panel .popup.book button.toc-row:hover{background:#8c33240c}#panel .popup.book button.toc-row:active{background:#8c332418;transform:none}#panel .popup.book .toc-row.new{background:linear-gradient(90deg,#e6b84a2e,#e6b84a00 70%)}.toc-icon{background:radial-gradient(circle at 40% 35%,#fffdf6,#efe2c2);border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;line-height:1;display:grid;box-shadow:inset 0 0 0 1.5px #cdb183,inset 0 0 0 4px #fbf4e2,inset 0 0 0 5px #e2cfa6,0 2px 3px #5a381e30}.toc-icon img{object-fit:contain;width:66%;height:66%}.toc-main{gap:1px;min-width:0;display:grid}.toc-num{color:var(--book-red);letter-spacing:.05em;font-size:12px;font-weight:700}.toc-line{align-items:baseline;gap:8px;min-width:0;display:flex}.toc-name{min-width:0;color:var(--book-ink);font-size:16px;font-weight:700}.toc-leader{border-bottom:2px dotted #8a6a4a66;flex:18px;min-width:18px;transform:translateY(-4px)}.toc-pages{color:var(--book-muted);white-space:nowrap;flex:none;font-size:14px;font-weight:700}.toc-row.new .toc-pages{color:var(--book-red)}.toc-sub{color:var(--book-muted);flex-wrap:wrap;align-items:center;gap:3px 10px;font-size:12.5px;display:flex}.toc-sub.done{color:#3f7a4a}.toc-new{background:var(--book-red);color:#fff6e6;border-radius:4px;padding:0 7px;font-weight:700}.toc-row.locked{cursor:default;opacity:.6}.toc-row.locked .toc-icon{filter:grayscale()}.toc-row+.toc-row{border-top:1px solid #8a6a4a1f}@media (width<=700px){#panel .popup.book .toc-row{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:8px 4px}.toc-icon{width:40px;height:40px;font-size:22px}.toc-name{font-size:15px}.toc-title{font-size:22px}}.book-cover{z-index:20;pointer-events:none;background:#8a3b25 var(--cover) 50% 0 / cover no-repeat;--img-w:max(100cqw, 75cqh);--img-h:max(133.33cqw, 100cqh);--trim-x:calc((var(--img-w) - 100cqw) / 2);transform-origin:0;backface-visibility:hidden;border-radius:6px 12px 12px 6px;animation:.95s cubic-bezier(.45,.05,.3,1) .35s both book-open;position:absolute;inset:0;box-shadow:inset -2px 0 6px #0005;container-type:size}.book-cover-title{top:calc(var(--img-h) * .113);left:calc(var(--img-w) * .2 - var(--trim-x));width:calc(var(--img-w) * .66);height:calc(var(--img-h) * .095);color:#5a3313;font-size:calc(var(--img-w) * .058);letter-spacing:.03em;text-shadow:0 1px #f5dc9a99,0 -1px #3a1e0844;white-space:nowrap;place-items:center;font-weight:800;display:grid;position:absolute}@keyframes book-open{0%{transform:rotateY(0)}70%{opacity:1}to{opacity:0;transform:rotateY(-115deg)}}.story-reader{padding:max(12px, env(safe-area-inset-top)) max(14px, calc((100vw - 1180px) / 2)) max(18px, env(safe-area-inset-bottom));background:radial-gradient(at 50% 40%,#3a2a1e,#120d0a 75%);grid-template:minmax(0,1fr)/minmax(0,1fr);gap:0;display:grid}.story-book{min-height:0;color:var(--book-ink);background:radial-gradient(at 30% 0,#ffffff14,#0000 60%),linear-gradient(#963a2b,#7a2c20);border-radius:12px;padding:12px 16px 18px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 0 3px #5e1f15,0 10px 18px #00000080,0 34px 70px #000000b0}.story-book:before{z-index:8;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);filter:drop-shadow(0 2px 2px #0005);pointer-events:none;content:"";background:linear-gradient(90deg,#8a1f1f,#b8322c 50%,#8a1f1f);width:16px;height:70px;position:absolute;top:6px;right:14%}.book-pages{perspective:2400px;min-height:0;display:grid;position:relative}.book-page{min-width:0;min-height:0;color:var(--book-ink);gap:12px;display:grid;position:relative}.book-pages{background:linear-gradient(180deg, #ffffff40, transparent 22%, transparent 80%, #0000000c), linear-gradient(90deg, #cdb88d 0, #e6d8b6 2.5%, #f8f0dc 7%, var(--book-paper) 30%, #fbf3e1 85%, #f1e5c8 100%);border-radius:3px 10px 12px 3px;grid-template-rows:auto minmax(0,1fr);padding:14px 18px 16px 26px;box-shadow:1px 1px #f3e9d0,2px 2px #cdb991,3px 3px #f3e9d0,4px 4px #c8b48a,5px 5px #f1e6cb,6px 6px #b9a47a,7px 8px 10px #0005}.book-page.left{grid-template-rows:auto auto}.book-page.right{grid-template-rows:minmax(0,1fr) auto auto}@media (width>=900px) and (aspect-ratio>=5/4){.story-book{padding:14px 22px 22px}.book-pages{box-shadow:none;background:0 0;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0}.book-page{padding:30px 48px 26px 40px}.book-page.left{background:linear-gradient(180deg, #ffffff40, transparent 22%, transparent 80%, #0000000c), linear-gradient(90deg, #f1e5c8 0, #fbf3e1 4%, var(--book-paper) 45%, #f6edd6 78%, #e9dbb8 90%, #d3bf95 97%, #bca779 100%);transform-origin:100%;border-radius:12px 2px 2px 14px;grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);padding:30px 48px 26px 40px;transform:rotateY(4deg);box-shadow:-1px 1px #f3e9d0,-2px 2px #cdb991,-3px 3px #f3e9d0,-4px 4px #c8b48a,-5px 5px #f1e6cb,-6px 6px #b9a47a,-6px 9px 12px #00000050}.book-page.left>.story-head{grid-row:2}.book-page.left>.story-art,.book-page.left>.story-end-art{grid-row:3}.book-page.right{background:linear-gradient(180deg, #ffffff40, transparent 22%, transparent 80%, #0000000c), linear-gradient(270deg, #f1e5c8 0, #fbf3e1 4%, var(--book-paper) 45%, #f6edd6 78%, #e9dbb8 90%, #d3bf95 97%, #bca779 100%);transform-origin:0;border-radius:2px 12px 14px 2px;padding:30px 40px 26px 48px;transform:rotateY(-4deg);box-shadow:1px 1px #f3e9d0,2px 2px #cdb991,3px 3px #f3e9d0,4px 4px #c8b48a,5px 5px #f1e6cb,6px 6px #b9a47a,6px 9px 12px #00000050}.book-pages:after{z-index:4;pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#00000026 40%,#00000040 50%,#00000026 60%,#0000);width:36px;position:absolute;top:0;bottom:0;left:calc(50% - 18px)}}.story-book .story-head{text-shadow:none;justify-items:start;gap:2px;display:grid}.story-book .story-head .muted{color:var(--book-red);letter-spacing:.05em;font-size:13px;font-weight:700}.story-book .story-head strong{color:var(--book-ink);font-size:24px;line-height:1.3}.story-book .story-head:after{background:var(--book-red);opacity:.6;content:"";width:64px;height:2px;margin-top:6px}.story-book .story-art,.story-book .story-end-art{aspect-ratio:16/9;outline-offset:3px;width:100%;max-height:none;box-shadow:none;background:#2a1f18;border:1px solid #8a6a4a88;border-radius:3px;outline:1px solid #8a6a4a44;justify-self:center;padding:0;position:relative;overflow:hidden;transform:none}.story-book .story-art img,.story-book .story-end-art img{object-fit:cover;filter:none;width:100%;height:100%;position:absolute;inset:0}@media (width>=900px) and (aspect-ratio>=5/4){.story-book .story-art,.story-book .story-end-art{width:min(100%,177.778dvh - 408.889px)}}.story-book .story-body{min-height:0;color:var(--book-ink);cursor:pointer;background:0 0;border:0;border-radius:0;align-content:start;gap:8px;padding:0 4px 0 2px;display:grid;overflow-y:auto}.story-book .story-speaker,.story-book .story-speaker.journal{color:var(--book-red);align-items:center;gap:8px;font-style:normal;display:flex}.story-book .story-face{width:30px;height:30px;font-size:22px;line-height:30px}.story-book img.story-face.portrait{border-radius:50%;box-shadow:0 0 0 1.5px #8a6a4a88}.story-book .story-text{text-indent:1.5em;white-space:pre-line;margin:0;font-size:17px;line-height:1.85}@media (width>=900px) and (aspect-ratio>=5/4){.story-book .story-body{padding-top:40px}.story-book .story-text{font-size:19px}}.story-book .story-progress .bar{height:4px;box-shadow:none;background:#e5d8b8;border:0;border-image:;border-radius:4px}.story-book .story-progress .bar>div{background:var(--book-red);border-radius:4px}.story-book .story-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-book .story-nav .muted{color:var(--book-muted);font-weight:700}.story-book .story-nav button.primary{min-width:46%;padding:12px 18px;font-size:17px}.story-book button:not(.primary){background:var(--book-paper);color:var(--book-ink);border:0;border-radius:14px;padding:7px 14px 8px;font-weight:700;box-shadow:inset 0 0 0 1.5px #b8a07a,0 3px #b8a07a}.story-book.ended .book-page.left{align-content:center}.story-book.ended .book-page.right{grid-template-rows:minmax(0,1fr)}.story-book .story-end{text-align:center;align-content:center;justify-items:center;gap:14px;width:100%;min-height:0;margin:0;padding:6px 0;display:grid;overflow-y:auto}.story-book .story-end-stamp{color:#b8433a;background:#fffdf8cc;border:3px solid #b8433a;border-radius:6px;padding:2px 12px;font-size:18px;font-weight:700;position:absolute;top:auto;bottom:12px;right:14px;transform:rotate(-8deg)}.story-book .story-end h2{color:var(--book-ink);background:0 0;margin:0;padding:0 4px;font-size:clamp(18px,4.6vw,24px)}.story-book .story-end-card{width:100%;color:var(--book-ink);background:0 0;border:1px solid #b8553f66;border-left:0;border-right:0;border-radius:0;justify-items:center;gap:8px;padding:12px 6px;display:grid}.story-book .story-end-label{color:var(--book-red);font-size:13px;font-weight:700}.story-book .story-end-next{color:var(--book-muted);margin:0;font-size:14px}.page-leaf{z-index:6;pointer-events:none;transform-style:preserve-3d;transform-origin:0;animation:.6s cubic-bezier(.35,.1,.25,1) both leaf-peel;position:absolute;inset:0}.leaf-face{border-radius:inherit;backface-visibility:hidden;background:var(--book-paper);display:grid;position:absolute;inset:0;overflow:hidden}.leaf-face.back{background:linear-gradient(90deg, #f1e5c8, var(--book-paper) 30%, #f3e8cd);transform:rotateY(180deg)}.leaf-face>*,.page-stay>*{width:100%;height:100%;min-height:0;box-shadow:none!important;transform:none!important}.leaf-face:after{opacity:0;pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#0000002e);animation:.6s ease-in-out both leaf-shade;position:absolute;inset:0}.leaf-face.back:after{background:linear-gradient(270deg,#0000,#0000002e)}.page-stay{z-index:5;pointer-events:none;display:grid;position:absolute;inset:0}.page-leaf.to-left{transform-origin:0;animation-name:leaf-to-left;inset:auto}.page-leaf.to-right{transform-origin:100%;animation-name:leaf-to-right;inset:auto}.page-leaf.peel.back{animation-name:leaf-peel-in}@keyframes leaf-to-left{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes leaf-to-right{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes leaf-peel{0%{opacity:1;transform:rotateY(0)}75%{opacity:1}to{opacity:0;transform:rotateY(-150deg)}}@keyframes leaf-peel-in{0%{opacity:0;transform:rotateY(-150deg)}25%{opacity:1}to{opacity:1;transform:rotateY(0)}}@keyframes leaf-shade{0%,to{opacity:0}50%{opacity:1}}@media (width<=899px),(aspect-ratio<=5/4){.story-reader:before{display:none}}@media (width<=700px){.story-book{padding:8px 12px 14px 10px}.book-pages{padding:12px 14px 14px 20px}.story-book .story-head strong{font-size:20px}.story-book:before{height:54px;right:10%}}@media (prefers-reduced-motion:reduce){.page-leaf,.book-cover{animation-duration:10ms}}#panel .popup.book .toc-sub .chip{color:var(--book-ink);text-shadow:none;background:#efe2c4;border:0;box-shadow:inset 0 0 0 1px #d6c094}.page-leaf.peel{animation-duration:.7s;animation-timing-function:cubic-bezier(.5,.05,.5,.95)}.panel-head .popup-back{border:2px solid var(--soft-wood-dark,#5a3a22);background:var(--soft-paper,#fff4dc);width:38px;height:38px;color:var(--soft-wood-dark,#5a3a22);border-radius:50%;flex:none;padding:0;font-size:26px;font-weight:700;line-height:1}.panel-head .popup-back+h2{flex:1;min-width:0}#quest .quest-body strong .quest-name{margin:0 4px}#quest .quest-body strong .quest-count{color:#e6b84a;white-space:nowrap}#hud-top .chips>.all-res{box-shadow:none;position:static}@media (width<=700px){#quest:not(.open) .quest-body strong{align-items:baseline;display:flex}#quest:not(.open) .quest-body strong .quest-num{display:none}#quest:not(.open) .quest-body strong .quest-name{text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0 4px 0 0;overflow:hidden}#quest .quest-body strong .quest-count{flex:none}#hud-top .chips>.all-res .all-res-word{display:none}#hud-top .chips>.all-res{padding:3px 8px}#toasts{top:calc(max(6px, env(safe-area-inset-top)) + 70px)}}.hero-art .hero-room{aspect-ratio:320/198;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-art .hero-room>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.hero-art .hero-room>img.hero-prop{object-fit:contain;pointer-events:none;height:auto;inset:auto}