@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ZCOOLKuaiLe-Regular.woff2) format("woff2")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/LilitaOne-Regular.woff2) format("woff2")}:root{--ui-boost: 1;--geo-unit: min(calc(100vw / 1334), calc(100vh / 750));--unit: var(--geo-unit);--game-scale: var(--geo-unit);--bg-unit: var(--geo-unit);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--popup-boost: 1;--battle-card-font-min: 9.5px;--hud-fs-min: 0px;--hud-fs-min-xs: 0px;--z-scene: 100;--z-main: 1000;--z-sub: 1500;--z-modal: 5000;--z-dialog: 6000;--z-overlay-top: 3000000;--bg-color: #06040c;--panel-bg: #1a1333;--panel-border: #3d3163;--accent-gold: #f1c40f;--accent-gold-glow: rgba(241, 196, 15, .4);--accent-red: #e74c3c;--accent-blue: #3498db;--accent-shield: #00d2d3;--accent-green: #2ecc71;--accent-purple: #9b59b6;--text-main: #f5f4fc;--text-dim: #9b94ba;--paper: #fbf6ec;--paper-hi: #fffdfa;--paper-dim: #efe7d8;--ink: #2b2014;--ink-soft: #6b5a44;--paper-line: #e5dac6;--paper-accent: #d97706;--paper-gold: #92400e;--kit-paper: #f5f0e8;--kit-ink: #2c2c2c;--kit-gold: #f2b233;--kit-gold-deep: #d8912a;--kit-danger: #e84c3d;--kit-success: #4caf6e;--kit-secondary: #d9d2c6;--mask-warm: rgba(28, 24, 18, .62)}@media (orientation: landscape) and ((pointer: coarse) or (any-pointer: coarse)) and (max-height: 720px){:root{--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--popup-boost: 1.5;--ui-boost: 1.6;--hud-fs-min: 11px;--hud-fs-min-xs: 10px}}html.is-mobile-device:not(.is-portrait){--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--popup-boost: 1.5}@media (max-height: 720px){html.is-mobile-device:not(.is-portrait){--ui-boost: 1.6;--hud-fs-min: 11px;--hud-fs-min-xs: 10px}}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;scrollbar-width:none!important;-ms-overflow-style:none!important}img,svg,a,video,canvas{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.card-stars-row{display:flex;align-items:center;gap:calc(2 * var(--unit));width:auto}.card-stars-row .star-icon{width:calc(15 * var(--unit));height:calc(15 * var(--unit));object-fit:contain;display:block}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);touch-action:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}#gameStage{width:100vw;height:100vh;position:absolute;inset:0;overflow:hidden;background-color:var(--bg-color)}body.ad-playing>*:not(#local-overlay):not([id^=crazygames]):not([class*=crazygames]){z-index:1!important}.toast-layer{position:fixed;top:calc(20 * var(--unit));left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.toast-item{display:flex;align-items:center;gap:calc(8 * var(--unit));padding:calc(9 * var(--unit)) calc(18 * var(--unit));border-radius:calc(20 * var(--unit));font-size:calc(13.5 * var(--unit));font-weight:500;color:#fff;box-shadow:0 calc(8 * var(--unit)) calc(25 * var(--unit)) #000000bf;opacity:0;transform:translateY(calc(-12 * var(--unit)));transition:opacity .25s cubic-bezier(.18,.89,.32,1.28),transform .25s cubic-bezier(.18,.89,.32,1.28)}.toast-item.toast-show{opacity:1;transform:translateY(0)}.toast-succ{background:linear-gradient(135deg,rgba(39,174,96,.95),rgba(46,204,113,.95));border:1px solid #2ecc71}.toast-error{background:linear-gradient(135deg,rgba(192,57,43,.95),rgba(231,76,60,.95));border:1px solid #e74c3c}.toast-warn{background:linear-gradient(135deg,rgba(211,84,0,.95),rgba(230,126,34,.95));border:1px solid #f39c12}.toast-info{background:linear-gradient(135deg,rgba(41,128,185,.95),rgba(52,152,219,.95));border:1px solid #3498db}.toast-layer-global{z-index:var(--z-overlay-top);display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--unit))}.prompt-dialog-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;z-index:1000000;padding:calc(16 * var(--unit))}.prompt-dialog-card{width:calc(520 * var(--unit));max-height:min(calc(520 * var(--unit)),calc(100vh - calc(24 * var(--unit))),calc(100dvh - calc(24 * var(--unit))),90vh);display:flex;flex-direction:column;padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;flex-shrink:0;box-sizing:border-box;overflow:hidden}@media (max-height: 560px),(max-width: 900px) and (orientation: landscape){.prompt-dialog-overlay{padding:calc(8 * var(--unit))}.prompt-dialog-card{max-height:min(calc(440 * var(--unit)),calc(100vh - 16px),calc(100dvh - 16px),94vh)}}.prompt-dialog-card:before{content:none}.prompt-dialog-card .modal-header{border-bottom:calc(1 * var(--unit)) solid var(--paper-line);margin-bottom:calc(8 * var(--unit));padding-bottom:calc(6 * var(--unit));flex-shrink:0}.prompt-dialog-card .modal-title{color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(19 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.prompt-dialog-card .btn-modal-close{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900}.prompt-dialog-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.prompt-dialog-body{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(14 * var(--unit));line-height:1.7;color:var(--ink);padding:calc(4 * var(--unit)) calc(6 * var(--unit)) calc(8 * var(--unit));word-break:break-word;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.prompt-dialog-body::-webkit-scrollbar{width:calc(5 * var(--unit))}.prompt-dialog-body::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:calc(3 * var(--unit))}.prompt-dialog-body::-webkit-scrollbar-thumb{background:rgba(160,120,70,.5);border-radius:calc(3 * var(--unit))}.prompt-dialog-body::-webkit-scrollbar-thumb:hover{background:rgba(160,120,70,.8)}.prompt-dialog-actions{display:flex;gap:calc(12 * var(--unit));width:100%;margin-top:calc(6 * var(--unit));padding-top:calc(4 * var(--unit));flex-shrink:0}.spend-confirm{display:flex;flex-direction:column;gap:calc(9 * var(--unit))}.spend-confirm-ask{font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink);line-height:1.4}.spend-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--unit));padding:calc(7 * var(--unit)) calc(12 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));box-sizing:border-box}.spend-confirm-k{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);white-space:nowrap}.spend-confirm-v{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));font-size:calc(16.5 * var(--unit));font-weight:900;color:#1d4ed8;white-space:nowrap}.spend-confirm-balance{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);text-align:center;line-height:1.5}.spend-confirm-balance b{color:var(--paper-gold);font-weight:900}.spend-confirm-arrow{margin:0 calc(2 * var(--unit))}.spend-confirm-detail{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);text-align:center;line-height:1.5}.spend-confirm-note{font-size:calc(13.2 * var(--unit));color:#b91c1c;text-align:center;line-height:1.5}.spend-confirm-alt-hint{font-size:calc(13.2 * var(--unit));color:#15803d;text-align:center;line-height:1.5;background:rgba(21,128,61,.08);border:calc(1 * var(--unit)) solid rgba(21,128,61,.22);border-radius:calc(6 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit))}.spend-confirm-alt-hint b{color:#15803d;font-weight:900}.btn-prompt-btn{letter-spacing:calc(1.2 * var(--unit));font-weight:900;min-width:0}.rotate-hint{display:none;position:fixed;inset:0;z-index:var(--z-overlay-top);background:#06040c;color:var(--text-main);flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;box-sizing:border-box}@media (orientation: portrait) and (max-width: 900px){.rotate-hint:not(.rotate-hint--off){display:flex}}.rotate-hint__icon{color:var(--accent-gold);animation:rotateHintSpin 2.4s ease-in-out infinite}.rotate-hint__title{font-size:20px;font-weight:800;letter-spacing:1px;color:var(--accent-gold)}.rotate-hint__desc{font-size:13.5px;line-height:1.7;color:var(--text-dim);max-width:280px}@keyframes rotateHintSpin{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.ui-panel{box-sizing:border-box;border-style:solid;border-width:calc(30.5 * var(--unit));border-image-source:url(../ui/ui_panel_v2.png);border-image-slice:30 fill;border-image-width:calc(30.5 * var(--unit));border-image-repeat:stretch;background:#F5F0E8;background-clip:padding-box;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.ui-panel--narrow{border-width:calc(25.8 * var(--unit));border-image-width:calc(25.8 * var(--unit))}.ui-panel--wide,.ui-panel--xwide,.ui-panel--bhp,.ui-panel--daily{border-width:calc(38 * var(--unit));border-image-width:calc(38 * var(--unit))}.ui-panel--tips{border-width:calc(26.4 * var(--unit));border-image-width:calc(26.4 * var(--unit))}.ui-panel--cu{border-width:calc(38 * var(--unit));border-image-width:calc(38 * var(--unit))}.ui-panel--flat{border-style:solid;border-width:calc(2 * var(--unit));border-image:none;border-radius:calc(14 * var(--unit));background:var(--paper);box-shadow:0 calc(10 * var(--unit)) calc(28 * var(--unit)) #2b201461,inset 0 0 0 calc(1.5 * var(--unit)) var(--paper-line);padding:calc(16 * var(--unit)) calc(18 * var(--unit)) calc(14 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box}.ui-card{box-sizing:border-box;border-style:solid;border-width:calc(45 * var(--unit)) calc(50 * var(--unit)) calc(45 * var(--unit)) calc(50 * var(--unit));border-image-source:url(/ui/ui_plaque.png);border-image-slice:363 402 366 406 fill;border-image-width:calc(45 * var(--unit)) calc(50 * var(--unit)) calc(45 * var(--unit)) calc(50 * var(--unit));border-image-repeat:stretch;background:#F5F0E8;background-clip:padding-box;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-width:calc(160 * var(--unit));min-height:calc(160 * var(--unit))}.ui-card--tag{box-sizing:border-box;border-width:calc(9 * var(--unit)) calc(14 * var(--unit));border-image-width:calc(9 * var(--unit)) calc(14 * var(--unit));min-width:0;min-height:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.ui-btn{box-sizing:border-box;height:calc(42 * var(--unit));--ui-btn-border-w: calc(20.67 * var(--unit));border-style:solid;border-width:var(--ui-btn-border-w);border-image-source:url(../ui/ui_btn_primary.png);border-image-slice:62 fill;border-image-width:var(--ui-btn-border-w);border-image-repeat:stretch;background:transparent;border-radius:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit));padding:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(19 * var(--unit));font-weight:900;line-height:1;color:#2c2c2c;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out;position:relative;overflow:visible}.ui-btn:hover{border-image-source:url(../ui/ui_btn_primary_hover.png)}.ui-btn:active{border-image-source:url(../ui/ui_btn_primary_pressed.png);transform:translateY(calc(1 * var(--unit)))}.ui-btn:disabled,.ui-btn.is-disabled{border-image-source:url(../ui/ui_btn_primary_disabled.png);color:#837a6c;cursor:not-allowed;transform:none}.ui-btn--secondary{border-image-source:url(../ui/ui_btn_secondary.png)}.ui-btn--secondary:hover{border-image-source:url(../ui/ui_btn_secondary_hover.png)}.ui-btn--secondary:active{border-image-source:url(../ui/ui_btn_secondary_pressed.png)}.ui-btn--secondary:disabled,.ui-btn--secondary.is-disabled{border-image-source:url(../ui/ui_btn_secondary_disabled.png)}.ui-btn--danger{border-image-source:url(../ui/ui_btn_danger.png);color:#fff6f4}.ui-btn--danger:hover{border-image-source:url(../ui/ui_btn_danger_hover.png)}.ui-btn--danger:active{border-image-source:url(../ui/ui_btn_danger_pressed.png)}.ui-btn--danger:disabled,.ui-btn--danger.is-disabled{border-image-source:url(../ui/ui_btn_danger_disabled.png)}.ui-btn--success{border-image-source:url(../ui/ui_btn_success.png);color:#f4fff8}.ui-btn--success:hover{border-image-source:url(../ui/ui_btn_success_hover.png)}.ui-btn--success:active{border-image-source:url(../ui/ui_btn_success_pressed.png)}.ui-btn--success:disabled,.ui-btn--success.is-disabled{border-image-source:url(../ui/ui_btn_success_disabled.png)}.ui-btn--sm{height:calc(34 * var(--unit));border-width:calc(16.7 * var(--unit));border-image-width:calc(16.7 * var(--unit));font-size:calc(16 * var(--unit))}.ui-btn[hidden]{display:none!important}.login-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:linear-gradient(180deg,rgba(12,8,4,.34) 0%,rgba(12,8,4,.14) 45%,rgba(12,8,4,.56) 100%),url(../ui/login_bg.jpg) center / cover no-repeat,radial-gradient(circle at 50% 45%,#2a2018 0%,#15100b 60%,#0a0705 100%);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease;overflow:hidden;padding:calc(12 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.login-overlay.fade-out{opacity:0;pointer-events:none}.login-card{width:calc(520 * var(--unit));max-height:96vh;overflow:hidden auto;padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));position:relative;display:flex;flex-direction:column}.login-net-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--unit));margin-bottom:calc(16 * var(--unit));font-size:calc(12 * var(--unit));background:var(--paper-dim);padding:calc(6 * var(--unit)) calc(14 * var(--unit));border-radius:calc(20 * var(--unit));border:1px solid var(--paper-line)}.net-status-left{display:flex;align-items:center;gap:calc(8 * var(--unit))}.login-version-tag{font-size:calc(11 * var(--unit));color:var(--ink-soft);background:var(--paper-line);padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(10 * var(--unit));border:1px solid var(--paper-line);letter-spacing:calc(.5 * var(--unit));font-weight:600}.net-status-dot{width:calc(8 * var(--unit));height:calc(8 * var(--unit));border-radius:50%;background:#ff6b6b;box-shadow:0 0 calc(8 * var(--unit)) #ff6b6b;transition:background .3s,box-shadow .3s;flex-shrink:0}.net-status-dot.connected,.net-status-dot.smooth{background:#2ecc71;box-shadow:0 0 calc(10 * var(--unit)) #2ecc71}.net-status-dot.crowded{background:#f1c40f;box-shadow:0 0 calc(10 * var(--unit)) #f1c40f}.net-status-dot.busy{background:#e67e22;box-shadow:0 0 calc(10 * var(--unit)) #e67e22}.net-status-dot.closed,.net-status-dot.disconnected{background:#ff6b6b;box-shadow:0 0 calc(8 * var(--unit)) #ff6b6b}.net-status-text{color:var(--ink-soft);font-weight:500}.login-header{text-align:center;margin-bottom:calc(20 * var(--unit))}.login-logo-icon{font-size:calc(42 * var(--unit));line-height:1;filter:drop-shadow(0 calc(6 * var(--unit)) calc(14 * var(--unit)) rgba(217,119,6,.35));margin-bottom:calc(6 * var(--unit))}.login-title{font-size:calc(32 * var(--unit));font-weight:900;letter-spacing:calc(4 * var(--unit));color:var(--ink);margin:0;line-height:1.15;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.45)}.login-subtitle{font-size:calc(13 * var(--unit));color:var(--ink-soft);margin-top:calc(4 * var(--unit));letter-spacing:calc(1 * var(--unit))}.login-form{display:flex;flex-direction:column;width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:calc(16 * var(--unit));width:100%}.form-label{font-size:calc(13 * var(--unit));font-weight:600;color:var(--ink);margin-bottom:calc(5 * var(--unit));letter-spacing:calc(.5 * var(--unit));display:flex;align-items:center;gap:calc(6 * var(--unit))}.input-icon{position:absolute;left:calc(14 * var(--unit));font-size:calc(16 * var(--unit));opacity:.7;pointer-events:none;z-index:2}.form-input{width:100%;height:calc(52 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:0 calc(42 * var(--unit)) 0 calc(44 * var(--unit));color:var(--ink);font-size:calc(15 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .25s,box-shadow .25s,background .25s}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--paper-hi) inset;box-shadow:0 0 0 1000px var(--paper-hi) inset;caret-color:var(--ink);transition:background-color 9999s ease-in-out 0s}.form-input:focus{border-color:var(--paper-accent);background:#fffdfa;box-shadow:0 0 0 calc(3 * var(--unit)) #d9770624,0 0 calc(18 * var(--unit)) #d9770638}.form-input::placeholder{color:var(--ink-soft);font-size:calc(13 * var(--unit))}.btn-toggle-pwd{position:absolute;right:calc(12 * var(--unit));background:none;border:none;cursor:pointer;font-size:calc(16 * var(--unit));padding:calc(4 * var(--unit));line-height:1;color:var(--ink-soft);opacity:.7;transition:opacity .2s,transform .15s;z-index:2}.btn-toggle-pwd:hover{opacity:1;transform:scale(1.15)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:calc(13 * var(--unit));margin-bottom:calc(18 * var(--unit));color:var(--ink-soft)}.remember-label{display:flex;align-items:center;gap:calc(6 * var(--unit));cursor:pointer;user-select:none}.remember-label input[type=checkbox]{accent-color:var(--paper-accent);width:calc(16 * var(--unit));height:calc(16 * var(--unit));cursor:pointer}.link-forgot{color:var(--paper-accent);text-decoration:none;font-weight:500;transition:color .2s}.link-forgot:hover{color:var(--ink);text-decoration:underline}.form-actions{display:flex;flex-direction:column;gap:calc(12 * var(--unit));width:100%}.form-actions .ui-btn{width:100%}.sub-modal-card{padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));position:relative;max-height:94vh;overflow-y:auto;width:calc(520 * var(--unit));display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:calc(16 * var(--unit));border-bottom:1px solid var(--paper-line);padding-bottom:calc(8 * var(--unit))}.modal-title{font-size:calc(20 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));margin:0;display:flex;align-items:center;gap:calc(6 * var(--unit))}.btn-modal-close{background:none;border:none;color:var(--ink-soft);font-size:calc(20 * var(--unit));cursor:pointer;padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(6 * var(--unit));transition:all .2s;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif}.btn-modal-close:hover{color:var(--kit-danger);background:var(--paper-dim)}.tip-sub{font-size:calc(12 * var(--unit));color:var(--ink-soft);font-weight:400}.input-row-code{display:flex;gap:calc(12 * var(--unit));align-items:center;width:100%}.input-row-code .ui-btn{width:auto;height:calc(52 * var(--unit));flex-shrink:0;padding:0 calc(18 * var(--unit))}.city-viewport{position:absolute;inset:0;width:100vw;height:100vh;overflow:hidden;background:#edd9be;display:flex;flex-direction:column;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.city-bg-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(1800 * var(--unit));height:calc(1000 * var(--unit));background:url(../city/city-bg.jpg) center / 100% 100% no-repeat;z-index:1;pointer-events:none}.city-hud-top,.city-side-buttons-left,.city-side-buttons-right,.city-hud-bottom,.city-pop-tooltip{--unit: calc(var(--geo-unit) * var(--ui-boost))}.city-hud-top{position:absolute;top:calc(var(--safe-top) + 11.25 * var(--unit));left:0;width:100%;padding:0 calc(var(--safe-right) + 26.68 * var(--unit)) 0 calc(var(--safe-left) + 26.68 * var(--unit));display:flex;align-items:center;justify-content:space-between;z-index:100;pointer-events:auto}.city-player-badge{display:flex;align-items:center;gap:calc(10 * var(--unit));background:#fbf6ec;border:calc(2 * var(--unit)) solid #2b2014;border-radius:calc(30 * var(--unit));padding:calc(3 * var(--unit)) calc(14 * var(--unit)) calc(3 * var(--unit)) calc(5 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;cursor:pointer;flex-shrink:0;transition:transform .15s,border-color .2s}.city-player-badge:active{transform:scale(.97)}.player-avatar-box{width:calc(36 * var(--unit));height:calc(36 * var(--unit));border-radius:50%;background:radial-gradient(circle,#f59e0b 0%,#d97706 100%);border:calc(2 * var(--unit)) solid #2b2014;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #00000040}.player-avatar-box img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-meta-box{display:flex;flex-direction:column;gap:calc(2 * var(--unit))}.player-meta-row{display:flex;align-items:center;gap:calc(8 * var(--unit))}.player-name-text{font-weight:900;font-size:max(calc(14 * var(--unit)),var(--hud-fs-min));color:#2b2014;letter-spacing:calc(.5 * var(--unit))}.player-lv-badge{background:#f59e0b;border:calc(1.5 * var(--unit)) solid #2b2014;color:#fff;font-weight:900;font-size:max(calc(12 * var(--unit)),var(--hud-fs-min));border-radius:calc(12 * var(--unit));padding:calc(1 * var(--unit)) calc(7 * var(--unit))}.player-exp-bar-wrap{width:calc(100 * var(--unit));height:calc(6 * var(--unit));background:#e5dac6;border-radius:calc(4 * var(--unit));border:calc(1 * var(--unit)) solid #2b2014;overflow:hidden}.player-exp-fill{width:65%;height:100%;background:#3b82f6}.city-resource-bar{display:flex;align-items:center;gap:calc(12 * var(--unit));flex-shrink:0}.resource-capsule{display:flex;align-items:center;background:#fbf6ec;border:calc(2 * var(--unit)) solid #2b2014;border-radius:calc(20 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit)) calc(3 * var(--unit)) calc(10 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;gap:calc(6 * var(--unit));cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;position:relative;white-space:nowrap;min-width:calc(88 * var(--unit));flex-shrink:0}.resource-capsule:active{transform:scale(.97)}.resource-capsule:hover{border-color:#d97706}.hud-svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.res-val{font-size:max(calc(14 * var(--unit)),var(--hud-fs-min));font-weight:900;color:#2b2014;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;white-space:nowrap}.res-val-gold{color:#b45309}.res-val-gem{color:#0284c7}.res-val-key{color:#2563eb}.res-cd-tag{font-size:max(calc(12 * var(--unit)),var(--hud-fs-min-xs));color:#94a3b8;margin-left:calc(2 * var(--unit));font-weight:400;white-space:nowrap}.btn-res-add{width:calc(18 * var(--unit));height:calc(18 * var(--unit));border-radius:50%;background:#f59e0b;border:calc(1.5 * var(--unit)) solid #2b2014;color:#fff;font-weight:900;font-size:calc(12 * var(--unit));display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;margin-left:calc(2 * var(--unit));flex-shrink:0;transition:transform .15s}.btn-res-add:hover{transform:scale(1.15)}.btn-settings-gear{width:calc(31.5 * var(--unit));height:calc(31.5 * var(--unit));background:#fbf6ec;border:calc(2 * var(--unit)) solid #2b2014;border-radius:calc(10 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(15 * var(--unit));color:#2b2014;cursor:pointer;flex-shrink:0;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;transition:transform .2s,background .2s}.btn-settings-gear:hover{transform:rotate(45deg);background:#fffdfa;border-color:#d97706}.city-side-buttons-left,.city-side-buttons-right{position:absolute;top:calc(50% - 125 * var(--unit));display:flex;flex-direction:column;gap:calc(26 * var(--unit));z-index:90}.city-side-buttons-left{left:calc(var(--safe-left) + 20 * var(--unit))}.city-side-buttons-right{right:calc(var(--safe-right) + 20 * var(--unit))}.side-hud-btn{min-width:calc(60 * var(--unit));width:max-content;max-width:calc(84 * var(--unit));height:calc(66 * var(--unit));padding:0 calc(6 * var(--unit));box-sizing:border-box;background:#fbf6ec;border:calc(2 * var(--unit)) solid #2b2014;border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 calc(4 * var(--unit)) calc(10 * var(--unit)) #2b201440;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),border-color .2s}.side-hud-btn:hover{transform:scale(1.08) translate(calc(3 * var(--unit)));border-color:#d97706;background:#fffdfa}.city-side-buttons-right .side-hud-btn:hover{transform:scale(1.08) translate(calc(-3 * var(--unit)))}.side-hud-btn .btn-icon{font-size:calc(24 * var(--unit))}.side-hud-btn .btn-label{font-size:max(calc(12 * var(--unit)),var(--hud-fs-min));font-weight:900;color:#2b2014;margin-top:calc(2 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.side-hud-btn .btn-badge-dot{position:absolute;top:calc(-3 * var(--unit));right:calc(-3 * var(--unit));width:calc(12 * var(--unit));height:calc(12 * var(--unit));background:#ef4444;border:calc(2 * var(--unit)) solid #2b2014;border-radius:50%;animation:badgePulse 2s infinite ease-in-out}.side-hud-btn .btn-badge-count{position:absolute;top:calc(-6 * var(--unit));right:calc(-6 * var(--unit));background:#ef4444;border:calc(1.5 * var(--unit)) solid #2b2014;color:#fff;font-weight:900;font-size:max(calc(12 * var(--unit)),var(--hud-fs-min-xs));padding:calc(1 * var(--unit)) calc(5 * var(--unit));border-radius:calc(10 * var(--unit));min-width:calc(16 * var(--unit));text-align:center}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.side-hud-btn .btn-timer-tag{position:absolute;bottom:calc(-7 * var(--unit));background:#fbf6ec;border:calc(1 * var(--unit)) solid #2b2014;border-radius:calc(6 * var(--unit));font-size:max(calc(10 * var(--unit)),var(--hud-fs-min-xs));font-weight:700;color:#2b2014;padding:calc(1 * var(--unit)) calc(5 * var(--unit));white-space:nowrap}.city-buildings-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(1334 * var(--unit));height:calc(750 * var(--unit));z-index:20;pointer-events:none}.city-building-anchor{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;pointer-events:auto;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),filter .2s}.building-hotspot-zone{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:calc(16 * var(--unit));z-index:1}.city-building-anchor:hover{transform:translateY(calc(-4 * var(--unit))) scale(1.02);filter:drop-shadow(0 0 calc(12 * var(--unit)) rgba(245,158,11,.85));z-index:50}.city-building-anchor:active{transform:scale(.97)}.building-plaque{--plaque-fs: max(calc(13 * var(--unit)), 11px);font-size:var(--plaque-fs);margin-bottom:.3077em;background:#fbf6ec;border:.1538em solid #2b2014;border-radius:.7692em;padding:.2308em .9231em;box-shadow:0 .3077em .7692em #0006,inset 0 0 0 .1154em #e5dac6;display:flex;align-items:center;gap:.3846em;white-space:nowrap;position:relative;z-index:10;transition:transform .2s,border-color .2s,box-shadow .2s}.city-building-anchor:hover .building-plaque{border-color:#d97706;background:#fffdfa;box-shadow:0 .4615em 1.2308em #d9770680,inset 0 0 0 .1154em #fde68a;transform:translateY(-.2308em) scale(1.06)}.plaque-icon{font-size:1.0385em;line-height:1}.plaque-text{font-weight:900;font-size:1em;color:#2c2012;letter-spacing:.0769em;text-shadow:0 .0769em 0 rgba(255,255,255,.6)}.building-status-tag{position:absolute;top:calc(8 * var(--unit));z-index:15}.status-exclamation{--st-fs: max(calc(13 * var(--unit)), 11px);font-size:var(--st-fs);background:#16a34a;color:#fff;font-weight:900;width:1.6923em;height:1.6923em;border-radius:50%;border:.1538em solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .7692em #22c55e;animation:alertBounce 1.5s infinite alternate ease-in-out}@keyframes alertBounce{0%{transform:translateY(0)}to{transform:translateY(-.4615em)}}.status-lock-icon{font-size:max(calc(12 * var(--unit)),10px);opacity:.85}.b-campaign{left:calc(520 * var(--unit));top:calc(70 * var(--unit));width:calc(250 * var(--unit));height:calc(212 * var(--unit))}.b-survival{left:calc(315 * var(--unit));top:calc(160 * var(--unit));width:calc(110 * var(--unit));height:calc(165 * var(--unit))}.b-guild{left:calc(870 * var(--unit));top:calc(215 * var(--unit));width:calc(170 * var(--unit));height:calc(102 * var(--unit))}.b-arena{left:calc(340 * var(--unit));top:calc(360 * var(--unit));width:calc(210 * var(--unit));height:calc(100 * var(--unit))}.b-workshop{left:calc(805 * var(--unit));top:calc(385 * var(--unit));width:calc(210 * var(--unit));height:calc(98 * var(--unit))}.b-tavern{left:calc(140 * var(--unit));top:calc(490 * var(--unit));width:calc(250 * var(--unit));height:calc(142 * var(--unit))}.b-monster-lair{left:calc(525 * var(--unit));top:calc(570 * var(--unit));width:calc(250 * var(--unit));height:calc(65 * var(--unit))}.b-challenge{left:calc(955 * var(--unit));top:calc(565 * var(--unit));width:calc(210 * var(--unit));height:calc(88 * var(--unit))}.b-campaign .building-status-tag{top:calc(10 * var(--unit));right:calc(15 * var(--unit))}.b-survival .building-status-tag{top:calc(10 * var(--unit));right:calc(10 * var(--unit))}.b-guild .building-status-tag{top:calc(5 * var(--unit));right:calc(15 * var(--unit))}.b-arena .building-status-tag{top:calc(5 * var(--unit));left:calc(20 * var(--unit))}.b-workshop .building-status-tag{top:calc(5 * var(--unit));right:calc(20 * var(--unit))}.b-tavern .building-status-tag{top:calc(10 * var(--unit));left:calc(30 * var(--unit))}.b-monster-lair .building-status-tag{top:calc(5 * var(--unit));right:calc(25 * var(--unit))}.b-challenge .building-status-tag{top:calc(5 * var(--unit));right:calc(20 * var(--unit))}.city-building-anchor.off{opacity:.7}.city-building-anchor.off .building-plaque{background:#e2dcd0;color:#64748b;border-color:#475569}.city-building-anchor.off .building-plaque{opacity:.8}.side-hud-btn.off{opacity:.5;filter:grayscale(1);cursor:pointer}.city-hud-bottom{position:absolute;bottom:calc(var(--safe-bottom) + 12 * var(--unit));left:0;width:100%;padding:0 calc(var(--safe-right) + 24 * var(--unit)) 0 calc(var(--safe-left) + 24 * var(--unit));display:flex;align-items:flex-end;justify-content:space-between;z-index:120;pointer-events:none;box-sizing:border-box}.city-hud-right-group{display:flex;align-items:flex-end;gap:calc(16 * var(--unit));pointer-events:auto;flex-shrink:0}.big-circle-entry{display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;position:relative;transition:transform .2s cubic-bezier(.18,.89,.32,1.28)}.big-circle-entry:hover{transform:translateY(calc(-5 * var(--unit))) scale(1.06)}.big-circle-frame{width:calc(72 * var(--unit));height:calc(72 * var(--unit));border-radius:50%;background:var(--paper);border:calc(2.5 * var(--unit)) solid var(--ink);box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201459;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.big-circle-frame .hero-avatars-cluster{width:calc(38 * var(--unit));height:calc(38 * var(--unit));display:flex;align-items:center;justify-content:center}.big-circle-frame .hero-avatars-cluster svg{width:100%;height:100%}.big-circle-frame .city-hero-art{display:none}.big-circle-frame.is-artwork .city-hero-art{display:block;position:absolute;left:50%;top:50%;width:calc(100% + 5 * var(--unit));height:calc(100% + 5 * var(--unit));transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;filter:drop-shadow(0 calc(4 * var(--unit)) calc(12 * var(--unit)) rgba(43,32,20,.35))}.big-circle-frame.is-artwork .hero-avatars-cluster{display:none}.big-circle-frame.is-artwork{background:transparent;border-color:transparent;box-shadow:none}.big-circle-frame .card-count-badge{position:absolute;top:calc(-3 * var(--unit));right:calc(-6 * var(--unit));background:#22c55e;border:calc(1.5 * var(--unit)) solid #2b2014;color:#fff;font-size:max(calc(12 * var(--unit)),var(--hud-fs-min));font-weight:900;padding:calc(1 * var(--unit)) calc(6 * var(--unit));border-radius:calc(12 * var(--unit));z-index:2}.curved-ribbon-plaque{margin-top:calc(-10 * var(--unit));height:calc(24 * var(--unit));display:flex;align-items:center;justify-content:center;position:relative;z-index:10;background:var(--paper);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));padding:0 calc(14 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b20144d;white-space:nowrap;transition:border-color .2s,background .2s}.big-circle-entry:hover .curved-ribbon-plaque{border-color:var(--paper-accent);background:var(--paper-hi)}.curved-ribbon-plaque span{display:block;line-height:1;white-space:nowrap;font-size:max(calc(14 * var(--unit)),var(--hud-fs-min));font-weight:900;color:var(--ink);letter-spacing:calc(.5 * var(--unit))}.daily-quest-banner{position:absolute;left:50%;bottom:calc(2 * var(--unit));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;transition:transform .2s}.daily-quest-banner:hover{transform:translate(-50%) translateY(calc(-4 * var(--unit))) scale(1.05)}.quest-progress-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));min-width:calc(40 * var(--unit));margin-bottom:calc(6 * var(--unit));box-sizing:border-box;transition:border-color .2s}.quest-count-text{display:block;font-size:max(calc(12 * var(--unit)),var(--hud-fs-min-xs));font-weight:900;color:var(--ink);line-height:1.2;white-space:nowrap}.quest-banner-ribbon{margin-top:calc(-4 * var(--unit));height:calc(24 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));padding:0 calc(20 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b20144d;position:relative;z-index:10;transition:border-color .2s,background .2s}.daily-quest-banner:hover .quest-banner-ribbon{border-color:var(--paper-accent);background:var(--paper-hi)}.quest-banner-ribbon span{display:block;line-height:1;white-space:nowrap;font-size:max(calc(14 * var(--unit)),var(--hud-fs-min));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit))}.stage-list-container{flex:1;display:flex;flex-direction:column;gap:calc(10 * var(--unit));padding-right:calc(4 * var(--unit));overflow-y:auto}.city-pop-tooltip{position:absolute;z-index:999;background:var(--paper);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));padding:calc(11 * var(--unit)) calc(14 * var(--unit));box-shadow:0 calc(6 * var(--unit)) calc(16 * var(--unit)) #2b201459;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),var(--hud-fs-min));line-height:1.65;max-width:calc(340 * var(--unit));min-width:calc(260 * var(--unit));box-sizing:border-box;pointer-events:auto;animation:tipFadeIn .2s cubic-bezier(.18,.89,.32,1.28)}@keyframes tipFadeIn{0%{opacity:0;transform:scale(.92) translateY(calc(5 * var(--unit)))}to{opacity:1;transform:scale(1) translateY(0)}}.city-pop-tooltip:after{content:"";position:absolute;border:calc(6 * var(--unit)) solid transparent}.tip-arrow-top:after{top:calc(-12 * var(--unit));left:var(--arrow-left, calc(22 * var(--unit)));border-bottom-color:var(--ink)}.tip-arrow-bottom:after{bottom:calc(-12 * var(--unit));left:var(--arrow-left, calc(22 * var(--unit)));border-top-color:var(--ink)}.ctip-head{display:flex;align-items:center;gap:calc(4 * var(--unit));font-weight:900;margin-bottom:calc(5 * var(--unit))}.ctip-head--spread{justify-content:space-between}.ctip-head--gold{color:#b45309}.ctip-head--blue{color:#2563eb}.ctip-head--cyan{color:#0369a1}.ctip-id{font-size:calc(11 * var(--unit));font-weight:400;color:var(--ink-soft)}.ctip-note{font-size:calc(11 * var(--unit));color:var(--ink-soft);margin-top:calc(4 * var(--unit))}.ctip-sep{margin-top:calc(8 * var(--unit));border-top:calc(1 * var(--unit)) solid var(--paper-line);padding-top:calc(7 * var(--unit))}.ctip-ok{color:#15803d;font-weight:900}.ctip-warn{color:#b45309;font-weight:900}.ctip-btn{width:100%;box-sizing:border-box;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:calc(2 * var(--unit));font-size:max(calc(12 * var(--unit)),var(--hud-fs-min-xs, 10px));padding:calc(6 * var(--unit)) calc(8 * var(--unit))}.city-mini-chat-bar{position:relative;width:clamp(calc(220 * var(--unit)),24vw,calc(320 * var(--unit)));height:calc(36 * var(--unit));margin-bottom:calc(4 * var(--unit));background:rgba(22,16,10,.88);border:calc(1.5 * var(--unit)) solid rgba(245,197,66,.65);border-radius:calc(18 * var(--unit));display:flex;align-items:center;padding:0 calc(10 * var(--unit));box-sizing:border-box;cursor:pointer;pointer-events:auto;z-index:125;box-shadow:0 calc(3 * var(--unit)) calc(10 * var(--unit)) #00000073;transition:all .2s cubic-bezier(.18,.89,.32,1.28);user-select:none;flex-shrink:0}.city-mini-chat-bar:hover{transform:translateY(calc(-2 * var(--unit))) scale(1.03);border-color:#f7d286;background:rgba(30,22,14,.95);box-shadow:0 calc(4 * var(--unit)) calc(14 * var(--unit)) #f5c5424d}.mini-chat-channel-tag{flex-shrink:0;font-size:calc(11 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif;color:#451a03;background:linear-gradient(180deg,#fce4a6 0%,#e6a740 100%);padding:calc(2 * var(--unit)) calc(6 * var(--unit));border-radius:calc(8 * var(--unit));font-weight:700;margin-right:calc(8 * var(--unit));box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #0000004d}.mini-chat-text-box{flex:1;min-width:0;display:flex;align-items:center;gap:calc(4 * var(--unit));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(12 * var(--unit));color:#fef08a;transition:opacity .25s ease}.mini-chat-sender{font-weight:700;color:#ffd166;flex-shrink:0}.mini-chat-content{color:#fff9e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-chat-unread-badge{flex-shrink:0;margin-left:calc(6 * var(--unit));background:#ef4444;color:#fff;font-size:calc(11 * var(--unit));font-weight:700;min-width:calc(16 * var(--unit));height:calc(16 * var(--unit));line-height:calc(16 * var(--unit));border-radius:calc(8 * var(--unit));text-align:center;padding:0 calc(4 * var(--unit));box-sizing:border-box;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #0006;animation:badgePulse 2s infinite ease-in-out}.bld-vector-svg{width:calc(82 * var(--unit));height:calc(82 * var(--unit))}.change-nick-overlay{position:fixed;inset:0;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;padding:calc(16 * var(--unit))}.change-nick-card{width:calc(440 * var(--unit));max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:calc(14 * var(--unit));padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(12 * var(--unit));box-shadow:0 calc(16 * var(--unit)) calc(40 * var(--unit)) #2b201473;box-sizing:border-box;position:relative;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.change-nick-card::-webkit-scrollbar{width:0;height:0}.nick-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);padding-bottom:calc(10 * var(--unit));width:100%}.nick-title-box{display:flex;align-items:center;gap:calc(10 * var(--unit))}.nick-title-icon{width:calc(40 * var(--unit));height:calc(40 * var(--unit));border-radius:calc(10 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b20142e}.nick-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(19 * var(--unit));font-weight:900;color:var(--ink);margin:0;letter-spacing:calc(.5 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.nick-subtitle{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);margin-top:calc(2 * var(--unit))}.change-nick-card .btn-modal-close{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:calc(18 * var(--unit));line-height:1;width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .15s;flex-shrink:0}.change-nick-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.nick-status-banner{display:flex;align-items:center;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(14 * var(--unit));gap:calc(12 * var(--unit));width:100%;box-sizing:border-box}.status-col{flex:1;display:flex;flex-direction:column;gap:calc(4 * var(--unit));min-width:0}.status-label{font-size:calc(11 * var(--unit));color:var(--ink-soft);font-weight:600}.current-name-badge{display:flex;align-items:center;gap:calc(6 * var(--unit))}.current-name-badge .lord-icon{display:inline-flex;align-items:center}.current-name-badge .lord-name{font-size:calc(13.5 * var(--unit));font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-divider{width:calc(1.5 * var(--unit));height:calc(28 * var(--unit));background:var(--paper-line);flex-shrink:0}.cost-badge{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));font-size:calc(12.5 * var(--unit));font-weight:800}.cost-badge img,.cost-badge .item-icon{vertical-align:middle}.cost-badge.free{color:#15803d}.cost-badge.paid{color:var(--paper-gold)}.cost-num{font-family:ZCOOL KuaiLe,sans-serif}.holding-tip{font-size:calc(10.5 * var(--unit));color:var(--ink-soft);font-weight:400}.nick-input-section{display:flex;flex-direction:column;gap:calc(6 * var(--unit));width:100%}.input-label{display:flex;justify-content:space-between;align-items:center;font-size:calc(12.5 * var(--unit));font-weight:800;color:var(--ink)}.char-counter{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);font-weight:400}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-prefix-icon{position:absolute;left:calc(11 * var(--unit));display:flex;align-items:center;pointer-events:none}.nick-text-input{width:100%;height:calc(46 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));padding:0 calc(38 * var(--unit)) 0 calc(40 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(15.5 * var(--unit));font-weight:800;letter-spacing:calc(1 * var(--unit));color:var(--ink);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.nick-text-input::placeholder{color:var(--ink-soft);font-weight:400;letter-spacing:0}.nick-text-input:focus{border-color:var(--paper-accent);background:#fffdfa;box-shadow:0 0 0 calc(2 * var(--unit)) #d9770638}.btn-input-clear{position:absolute;right:calc(10 * var(--unit));background:rgba(43,32,20,.1);border:none;color:var(--ink-soft);width:calc(20 * var(--unit));height:calc(20 * var(--unit));border-radius:50%;font-size:calc(11 * var(--unit));line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.btn-input-clear:hover{background:#b91c1c;color:#fffdfa}.nick-rules-card{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(5 * var(--unit));width:100%;box-sizing:border-box}.rules-head{font-size:calc(12.5 * var(--unit));font-weight:800;color:var(--paper-gold);margin-bottom:calc(2 * var(--unit))}.rules-item{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);line-height:1.55}.rules-item b{color:var(--ink)}.nick-modal-actions{display:flex;gap:calc(12 * var(--unit));margin-top:calc(2 * var(--unit));width:100%}.nick-modal-actions .ui-btn{flex:1;min-width:0}.nick-btn-submit{flex:1.4;letter-spacing:calc(1 * var(--unit))}.change-nick-card .nick-svg,.change-nick-card .nick-svg-crown,.change-nick-card .nick-svg-prefix{display:block;flex-shrink:0;filter:drop-shadow(0 calc(1.5 * var(--unit)) calc(2 * var(--unit)) rgba(43,32,20,.28))}.settings-overlay{position:fixed;inset:0;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;padding:calc(16 * var(--unit))}.settings-card{width:calc(440 * var(--unit));max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:calc(14 * var(--unit));padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(10 * var(--unit));box-shadow:none;box-sizing:border-box;position:relative;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.settings-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);padding-bottom:calc(10 * var(--unit));width:100%}.settings-title-box{display:flex;align-items:center;gap:calc(10 * var(--unit))}.settings-title-icon{width:calc(38 * var(--unit));height:calc(38 * var(--unit));border-radius:calc(10 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b20142e}.settings-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(19 * var(--unit));font-weight:900;color:var(--ink);margin:0;letter-spacing:calc(.5 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.settings-card .btn-modal-close{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:calc(18 * var(--unit));line-height:1;width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .15s;flex-shrink:0}.settings-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.settings-audio-panel{display:flex;flex-direction:column;gap:calc(12 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(14 * var(--unit));width:100%;box-sizing:border-box}.settings-panel-title{display:flex;align-items:center;gap:calc(6 * var(--unit));font-size:calc(13.5 * var(--unit));font-weight:800;color:var(--ink)}.settings-slider-block{display:flex;flex-direction:column;gap:calc(6 * var(--unit));width:100%}.settings-slider-head{display:flex;align-items:center;justify-content:space-between;font-size:calc(12.5 * var(--unit));color:var(--ink)}.settings-slider-name{display:flex;align-items:center;gap:calc(5 * var(--unit))}.settings-mute-label{display:flex;align-items:center;gap:calc(4 * var(--unit));cursor:pointer;color:var(--ink-soft);font-size:calc(11.5 * var(--unit))}.settings-mute-label input{cursor:pointer;accent-color:#b45309;width:calc(14 * var(--unit));height:calc(14 * var(--unit))}.settings-slider-row{display:flex;align-items:center;gap:calc(10 * var(--unit));width:100%}.settings-range{flex:1;height:calc(6 * var(--unit));cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:calc(3 * var(--unit));background:linear-gradient(to right,currentColor 0%,currentColor var(--p, 50%),rgba(43,32,20,.14) var(--p, 50%),rgba(43,32,20,.14) 100%);outline:none}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(15 * var(--unit));height:calc(15 * var(--unit));border-radius:50%;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);cursor:pointer;box-shadow:0 calc(1 * var(--unit)) calc(2 * var(--unit)) #2b201459}.settings-range::-moz-range-thumb{width:calc(15 * var(--unit));height:calc(15 * var(--unit));border-radius:50%;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);cursor:pointer;box-shadow:0 calc(1 * var(--unit)) calc(2 * var(--unit)) #2b201459}.settings-range::-moz-range-progress{background:currentColor;height:calc(6 * var(--unit));border-radius:calc(3 * var(--unit))}.settings-range::-moz-range-track{background:rgba(43,32,20,.14);height:calc(6 * var(--unit));border-radius:calc(3 * var(--unit))}.settings-range-bgm{color:#15803d}.settings-range-sfx{color:#b45309}.settings-val{font-size:calc(12.5 * var(--unit));width:calc(40 * var(--unit));text-align:right;font-weight:800;flex-shrink:0}.settings-val-bgm{color:#15803d}.settings-val-sfx{color:#b45309}.settings-account-label{font-size:calc(12.5 * var(--unit));font-weight:800;color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit));padding-left:calc(2 * var(--unit))}.settings-action-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:calc(46 * var(--unit));padding:0 calc(14 * var(--unit));border-radius:calc(10 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(14 * var(--unit));font-weight:800;cursor:pointer;text-align:left;transition:transform .15s,border-color .2s,background .2s;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201438}.settings-action-row:hover{border-color:var(--paper-accent);background:#fffdfa}.settings-action-row:active{transform:translateY(calc(1 * var(--unit)))}.set-action-left{display:flex;align-items:center;gap:calc(8 * var(--unit))}.set-action-right{display:flex;align-items:center;gap:calc(4 * var(--unit));font-size:calc(12.5 * var(--unit));color:var(--ink-soft)}.set-arrow{color:var(--ink-soft);font-size:calc(15 * var(--unit))}.settings-action-danger{border-color:#b91c1c;color:#b91c1c}.settings-action-danger:hover{border-color:#991b1b;background:#fff8f7}.settings-card .set-svg{display:block;flex-shrink:0;filter:drop-shadow(0 calc(1.5 * var(--unit)) calc(2 * var(--unit)) rgba(43,32,20,.28));width:calc(20 * var(--unit));height:calc(20 * var(--unit))}.settings-card .settings-title-icon .set-svg{width:calc(28 * var(--unit));height:calc(28 * var(--unit))}.settings-card::-webkit-scrollbar{width:0;height:0}.settings-version-footer{margin-top:calc(4 * var(--unit));display:flex;align-items:center;justify-content:space-between;padding:calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid var(--paper-line);font-size:calc(11.5 * var(--unit));color:var(--ink-soft)}.settings-version-num{color:var(--ink);font-weight:700;letter-spacing:calc(.5 * var(--unit))}.set-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:calc(38 * var(--unit));padding:calc(3 * var(--unit)) calc(10 * var(--unit));border-radius:calc(999 * var(--unit));background:#e6e2d8;border:calc(1.5 * var(--unit)) solid var(--ink-soft);color:var(--ink-soft);font-size:calc(12 * var(--unit));font-weight:800;letter-spacing:calc(.5 * var(--unit))}.set-toggle--on{background:#d8f0d4;border-color:#3f6b34;color:#2f5227}.settings-hint{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif}.cdk-redeem-overlay{position:fixed;inset:0;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;padding:calc(16 * var(--unit))}.cdk-redeem-card{width:calc(440 * var(--unit));max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:calc(14 * var(--unit));padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(12 * var(--unit));box-shadow:0 calc(16 * var(--unit)) calc(40 * var(--unit)) #2b201473;box-sizing:border-box;position:relative;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.cdk-redeem-card::-webkit-scrollbar{width:0;height:0}.cdk-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);padding-bottom:calc(10 * var(--unit));width:100%}.cdk-title-box{display:flex;align-items:center;gap:calc(10 * var(--unit))}.cdk-title-icon{width:calc(40 * var(--unit));height:calc(40 * var(--unit));border-radius:calc(10 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b20142e}.cdk-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(19 * var(--unit));font-weight:900;color:var(--ink);margin:0;letter-spacing:calc(.5 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.cdk-subtitle{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);margin-top:calc(2 * var(--unit))}.cdk-redeem-card .btn-modal-close{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:calc(18 * var(--unit));line-height:1;width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .15s;flex-shrink:0}.cdk-redeem-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.cdk-input-section{display:flex;flex-direction:column;gap:calc(6 * var(--unit));width:100%}.cdk-input-label{display:flex;justify-content:space-between;align-items:center;font-size:calc(12.5 * var(--unit));font-weight:800;color:var(--ink)}.cdk-char-counter{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);font-weight:400}.cdk-char-counter.is-short{color:#b91c1c;font-weight:800}.cdk-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.cdk-input-prefix{position:absolute;left:calc(11 * var(--unit));display:flex;align-items:center;pointer-events:none}.cdk-text-input{width:100%;height:calc(46 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));padding:0 calc(38 * var(--unit)) 0 calc(40 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(15.5 * var(--unit));font-weight:800;letter-spacing:calc(2 * var(--unit));color:var(--ink);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box;text-transform:uppercase}.cdk-text-input::placeholder{color:var(--ink-soft);font-weight:400;letter-spacing:0}.cdk-text-input:focus{border-color:var(--paper-accent);background:#fffdfa;box-shadow:0 0 0 calc(2 * var(--unit)) #d9770638}.cdk-btn-clear{position:absolute;right:calc(10 * var(--unit));background:rgba(43,32,20,.1);border:none;color:var(--ink-soft);width:calc(20 * var(--unit));height:calc(20 * var(--unit));border-radius:50%;font-size:calc(11 * var(--unit));line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cdk-btn-clear:hover{background:#b91c1c;color:#fffdfa}.cdk-rules-card{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(5 * var(--unit));width:100%;box-sizing:border-box}.cdk-rules-head{font-size:calc(12.5 * var(--unit));font-weight:800;color:var(--paper-gold);margin-bottom:calc(2 * var(--unit))}.cdk-rules-item{font-size:calc(11.5 * var(--unit));color:var(--ink-soft);line-height:1.55}.cdk-rules-item b{color:var(--ink)}.cdk-modal-actions{display:flex;gap:calc(12 * var(--unit));margin-top:calc(2 * var(--unit));width:100%}.cdk-btn-cancel{flex:1;min-width:0}.cdk-btn-submit{flex:1.4;min-width:0;letter-spacing:calc(1 * var(--unit))}.cdk-redeem-card .cdk-svg,.cdk-redeem-card .cdk-svg-prefix{display:block;flex-shrink:0;filter:drop-shadow(0 calc(1.5 * var(--unit)) calc(2 * var(--unit)) rgba(43,32,20,.28))}.campaign-modal-backdrop{position:fixed;inset:0;z-index:1000;background:var(--mask-warm);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:stageModalFadeIn .25s cubic-bezier(.18,.89,.32,1.28)}@keyframes stageModalFadeIn{0%{opacity:0;transform:translateY(calc(8 * var(--unit)))}to{opacity:1;transform:translateY(0)}}.campaign-modal-window{width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.campaign-nav-header{height:calc(64 * var(--unit));background:var(--paper);border-bottom:calc(2 * var(--unit)) solid var(--ink);padding:0 calc(24 * var(--unit));display:flex;align-items:center;gap:calc(16 * var(--unit));flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif}.campaign-main-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(22 * var(--unit)),15px);font-weight:700;color:var(--ink);letter-spacing:calc(1.5 * var(--unit));white-space:nowrap;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.stage-back-btn{font-family:ZCOOL KuaiLe,sans-serif;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);color:var(--ink);padding:calc(5 * var(--unit)) calc(14 * var(--unit));font-size:max(calc(15 * var(--unit)),12px);font-weight:700;border-radius:calc(10 * var(--unit));cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.stage-back-btn:hover{background:var(--paper-hi);border-color:var(--paper-accent)}.btn-modal-close{font-family:ZCOOL KuaiLe,sans-serif;background:none;border:none;color:var(--ink-soft);font-size:max(calc(24 * var(--unit)),16px);cursor:pointer;padding:calc(4 * var(--unit)) calc(8 * var(--unit));line-height:1;border-radius:calc(8 * var(--unit));transition:background .2s,color .2s;flex-shrink:0}.btn-modal-close:hover{color:var(--ink);background:var(--paper-dim)}.campaign-content-body{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;background:var(--paper-dim);font-family:ZCOOL KuaiLe,sans-serif}.campaign-map-wrap{position:relative;z-index:0;isolation:isolate;flex:1;overflow:hidden;background:#d9c49a;--map-zoom: 1.4;--map-base-w: 1334;--map-base-h: 574}.campaign-map-scroll{width:100%;height:100%;overflow:hidden;position:relative;cursor:grab;user-select:none;touch-action:none}.campaign-map-scroll.dragging{cursor:grabbing}.campaign-map-canvas{position:relative;width:calc(var(--map-base-w) * var(--map-zoom) * var(--unit));height:calc(var(--map-base-h) * var(--map-zoom) * var(--unit));will-change:transform;transform:translateZ(0)}.campaign-map-bg{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;pointer-events:none;-webkit-user-drag:none}.dungeon-layer{position:absolute;inset:0;pointer-events:none}.dungeon-anchor{position:absolute;width:calc(92 * var(--map-zoom) * var(--unit));height:calc(92 * var(--map-zoom) * var(--unit));transform:translate(-50%,-50%);pointer-events:none}.dungeon-plaque{--plaque-fs: max(calc(13 * var(--unit)), 11px);position:absolute;left:50%;transform:translate(-50%);font-size:var(--plaque-fs);color:#2b2014;background:#fbf6ec;border:.1538em solid #2b2014;border-radius:.7692em;padding:.2308em .9231em;box-shadow:0 .3077em .7692em #0000006b,inset 0 0 0 .1154em #e5dac6;white-space:nowrap;pointer-events:auto;cursor:pointer;z-index:3}.dungeon-anchor:not(.above) .dungeon-plaque{top:calc(50% + 38 * var(--map-zoom) * var(--unit))}.dungeon-anchor.above .dungeon-plaque{bottom:calc(50% + 38 * var(--map-zoom) * var(--unit))}.dungeon-anchor.completed .dungeon-plaque{background:#fdf6e3;border-color:#a3762a;box-shadow:0 .3077em .7692em #00000073,0 0 0 .1538em #e8c46a,inset 0 0 0 .1154em #efe3c8}.dungeon-anchor.open .dungeon-plaque{border-color:#1f7a4d;box-shadow:0 .3077em .7692em #0000006b,0 0 0 .1538em #34c77b8c,inset 0 0 0 .1154em #e5dac6}.dungeon-anchor.trial .dungeon-plaque{border-color:#6d3fa8;box-shadow:0 .3077em .7692em #0000006b,0 0 0 .1538em #a855f780,inset 0 0 0 .1154em #e5dac6}.dungeon-anchor.locked .dungeon-plaque{background:#ded7c9;color:#6b7280;border-color:#4b5563;opacity:.9;cursor:not-allowed}.dp-star-icon{width:calc(14 * var(--unit));height:calc(14 * var(--unit));object-fit:contain;vertical-align:-.15em;margin-right:.35em;display:inline-block;pointer-events:none}.dungeon-hotspot-zone{position:absolute;inset:0;border-radius:50%;pointer-events:auto;cursor:pointer}.dungeon-anchor.locked .dungeon-hotspot-zone{cursor:not-allowed}.map-node-tip{position:fixed;z-index:99999;background:#fbf6ec;border:.1538em solid #2b2014;box-shadow:0 .4em 1em #00000073,inset 0 0 0 .1154em #e5dac6;border-radius:.7692em;padding:calc(9 * var(--unit)) calc(13 * var(--unit));width:calc(220 * var(--unit));pointer-events:none;animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}.map-node-tip .tip-title{font-size:calc(13 * var(--unit));font-weight:700;color:#7a3b12;margin-bottom:calc(3 * var(--unit))}.map-node-tip .tip-desc{font-size:calc(11.5 * var(--unit));color:#4a4030;line-height:1.5}.stage-level-layer{position:absolute;inset:0;z-index:20;isolation:isolate;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;padding:calc(20 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;animation:stageLevelLayerIn .22s ease-out}@keyframes stageLevelLayerIn{0%{opacity:0}to{opacity:1}}.stage-level-modal{width:calc(1214 * var(--unit));height:calc(540 * var(--unit));max-width:100%;max-height:100%;box-shadow:none;font-family:ZCOOL KuaiLe,sans-serif;animation:stageLevelModalIn .26s cubic-bezier(.18,.89,.32,1.28)}@keyframes stageLevelModalIn{0%{opacity:0;transform:translateY(calc(10 * var(--unit))) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-level-head{display:flex;align-items:center;gap:calc(14 * var(--unit));padding-bottom:calc(12 * var(--unit));border-bottom:calc(2 * var(--unit)) solid var(--ink);flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif}.stage-level-title{flex:1;min-width:0;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(22 * var(--unit)),15px);font-weight:700;color:var(--ink);letter-spacing:calc(1.5 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-diff-tabs{display:flex;gap:calc(4 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(3 * var(--unit));flex-shrink:0}.stage-diff-tab{font-family:ZCOOL KuaiLe,sans-serif;background:transparent;border:calc(1.5 * var(--unit)) solid transparent;color:var(--ink-soft);padding:calc(5 * var(--unit)) calc(20 * var(--unit));font-size:max(calc(16 * var(--unit)),12px);font-weight:700;border-radius:calc(9 * var(--unit));cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.stage-diff-tab:hover{background:var(--paper)}.stage-diff-tab.active{background:var(--paper-hi);border-color:var(--paper-accent);color:var(--paper-gold);box-shadow:inset 0 calc(-3 * var(--unit)) 0 var(--paper-accent)}.stage-diff-tab:disabled,.stage-diff-tab.is-empty{opacity:.4;cursor:not-allowed;color:var(--ink-soft);background:transparent;border-color:transparent;box-shadow:none}.stage-horizontal-viewport{flex:1;min-height:0;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;gap:calc(18 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));margin-top:calc(14 * var(--unit));padding:calc(14 * var(--unit)) calc(26 * var(--unit));cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(43,32,20,.22) transparent;font-family:ZCOOL KuaiLe,sans-serif}.stage-horizontal-viewport:active{cursor:grabbing}.stage-heroic-card,.stage-card-header,.stage-loot-section,.stage-loot-grid,.loot-slot-cell,.loot-svg-wrapper,.stage-stars-row{touch-action:pan-x}.stage-heroic-card{flex:0 0 calc(208 * var(--unit));min-height:calc(336 * var(--unit));height:auto;background:var(--paper);border:calc(2.5 * var(--unit)) solid var(--ink);border-radius:calc(14 * var(--unit));padding:calc(13 * var(--unit));display:flex;flex-direction:column;justify-content:space-between;gap:calc(8 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(6 * var(--unit)) #2b201429;position:relative;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),box-shadow .2s,border-color .2s;font-family:ZCOOL KuaiLe,sans-serif}.stage-heroic-card:hover:not(.locked){transform:translateY(calc(-5 * var(--unit)));border-color:var(--paper-accent);box-shadow:0 calc(7 * var(--unit)) calc(14 * var(--unit)) #2b201438}.stage-heroic-card.locked{background:#e3ded3;border-color:#8a8378;box-shadow:none;cursor:not-allowed}.stage-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(6 * var(--unit))}.stage-card-heading{min-width:0}.stage-title-num{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px);font-weight:700;color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit))}.stage-title-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(17 * var(--unit)),12px);font-weight:700;color:var(--ink);margin-top:calc(2 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-heroic-card.locked .stage-title-num,.stage-heroic-card.locked .stage-title-name{color:#5c574e}.stage-element-badge-box{display:flex;align-items:center;gap:calc(2 * var(--unit));flex-shrink:0}.stage-element-badge{width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none}.stage-element-badge .stage-element-badge-icon{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.stage-element-badge-fallback{font-size:calc(20 * var(--unit));line-height:1}.stage-heroic-card.locked .stage-element-badge{filter:grayscale(1);opacity:.55}.stage-loot-section{display:flex;flex-direction:column;gap:calc(5 * var(--unit))}.stage-loot-label{text-align:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px);font-weight:700;color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit))}.stage-heroic-card.locked .stage-loot-label{color:#7a746a}.stage-loot-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,calc(42 * var(--unit)));gap:calc(5 * var(--unit));background:var(--paper-dim);padding:calc(6 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(1.5 * var(--unit)) solid var(--paper-line);box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b20141a}.loot-slot-cell{background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;user-select:none}.stage-heroic-card.locked .loot-slot-cell{background:#dcd6ca;border-color:#b3ab9c;cursor:not-allowed}.loot-slot-cell.is-active:hover{transform:translateY(calc(-2 * var(--unit)));border-color:var(--paper-accent);box-shadow:0 calc(2 * var(--unit)) calc(8 * var(--unit)) #d9770659;z-index:2}.loot-slot-cell.is-active:active{transform:translateY(0)}.loot-slot-cell.is-empty{opacity:.4;border-style:dashed;border-color:var(--paper-line);background:transparent;cursor:default}.loot-svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.loot-svg-wrapper svg,.loot-svg-wrapper img.item-png-icon{height:84%;width:auto;max-width:100%;object-fit:contain;display:block}.loot-prob-tag{position:absolute;top:calc(1 * var(--unit));right:calc(3 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(11 * var(--unit)),9px);color:var(--paper-gold);font-weight:700;pointer-events:none;z-index:1}.stage-stars-row{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit))}.stage-star-img{width:calc(24 * var(--unit));height:calc(24 * var(--unit));object-fit:contain;display:block;user-select:none;pointer-events:none;transition:transform .25s,opacity .25s}.stage-star-img.achieved{transform:scale(1.08)}.stage-star-img.unachieved{opacity:.35}.stage-heroic-card.locked .stage-star-img{opacity:.2;filter:grayscale(1)}.stage-btn-battle{width:100%}.loot-item-popover{position:fixed;z-index:99999;background:var(--paper);border:calc(2 * var(--unit)) solid var(--ink);box-shadow:0 calc(10 * var(--unit)) calc(24 * var(--unit)) #2b201461,inset 0 0 0 calc(1.5 * var(--unit)) var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(11 * var(--unit)) calc(14 * var(--unit));width:calc(248 * var(--unit));color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;pointer-events:none;animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(calc(4 * var(--unit))) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.loot-item-popover .popover-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(17 * var(--unit)),13px);font-weight:700;color:var(--paper-gold);display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--unit));margin-bottom:calc(6 * var(--unit));border-bottom:calc(1.5 * var(--unit)) solid var(--paper-line);padding-bottom:calc(6 * var(--unit))}.loot-item-popover .popover-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loot-item-popover .popover-prob{font-size:max(calc(13 * var(--unit)),10px);font-weight:700;padding:calc(2 * var(--unit)) calc(7 * var(--unit));border-radius:calc(6 * var(--unit));flex-shrink:0;white-space:nowrap}.loot-item-popover .popover-prob.is-guaranteed{color:#166534;background:rgba(22,101,52,.12);border:calc(1 * var(--unit)) solid rgba(22,101,52,.3)}.loot-item-popover .popover-prob.is-chance{color:var(--paper-gold);background:rgba(146,64,14,.12);border:calc(1 * var(--unit)) solid rgba(146,64,14,.3)}.loot-item-popover .popover-desc{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);color:var(--ink-soft);line-height:1.55;margin-top:calc(2 * var(--unit))}.stage-double-btn{flex-shrink:0;height:calc(30 * var(--unit));padding:0 calc(13 * var(--unit));display:flex;align-items:center;justify-content:center;background:#f0a020;color:#2b2014;border:calc(1.5 * var(--unit)) solid var(--ink);border-radius:calc(15 * var(--unit));font-size:calc(12.5 * var(--unit));font-weight:700;white-space:nowrap;cursor:pointer;font-family:inherit;font-variant-numeric:tabular-nums;transition:background .15s,transform .15s;box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201440}.stage-double-btn:hover{background:#ffb020;transform:translateY(calc(-1 * var(--unit)))}.stage-double-btn:active{transform:translateY(0)}@media (max-height: 719px){.stage-double-btn{height:calc(27 * var(--unit));padding:0 calc(11 * var(--unit));font-size:calc(12 * var(--unit))}}.hbs-backdrop{position:fixed;inset:0;z-index:6000;display:none;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 14 * var(--unit)) calc(var(--safe-right) + 20 * var(--unit)) calc(var(--safe-bottom) + 14 * var(--unit)) calc(var(--safe-left) + 20 * var(--unit));background:var(--mask-warm)}.hbs-panel{--well-bg: #e5d8bd;--well-line: #d0bd9a;--well-inset: inset 0 2u 7u rgba(43, 32, 20, .11);position:relative;width:calc(1060 * var(--unit));height:calc(580 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));box-sizing:border-box;overflow:hidden;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hbs-header{position:relative;flex-shrink:0;height:max(calc(38 * var(--unit)),27px);display:flex;align-items:center;justify-content:center}.hbs-btn-back{position:absolute;left:0;top:50%;transform:translateY(-50%);height:max(calc(30 * var(--unit)),24px);padding:0 max(calc(14 * var(--unit)),10px);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(7 * var(--unit));background:var(--paper-hi);color:var(--ink-soft);font-family:inherit;font-size:max(calc(12.5 * var(--unit)),11px);font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.hbs-btn-back:hover{background:var(--paper);border-color:var(--paper-accent);color:var(--ink)}.hbs-btn-back:active{transform:translateY(calc(-50% + 1 * var(--unit)))}.hbs-header-plaque{position:relative;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(8 * var(--unit));padding:max(calc(6 * var(--unit)),3px) max(calc(44 * var(--unit)),26px);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b20142e}.hbs-header-plaque:before,.hbs-header-plaque:after{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:max(calc(7 * var(--unit)),5px);height:max(calc(7 * var(--unit)),5px);background:#d8912a}.hbs-header-plaque:before{left:calc(12 * var(--unit))}.hbs-header-plaque:after{right:calc(12 * var(--unit))}.hbs-header-title{display:inline-block;white-space:nowrap;color:var(--paper-gold);font-size:max(calc(19 * var(--unit)),14px);font-weight:900;letter-spacing:calc(2.5 * var(--unit))}.hbs-main-row{flex:1;min-height:0;display:flex;align-items:center;justify-content:space-evenly;gap:calc(24 * var(--unit))}.hbs-stage-card{flex:0 0 calc(260 * var(--unit));align-self:center;height:calc(310 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(12 * var(--unit)) calc(14 * var(--unit));display:flex;flex-direction:column;box-shadow:var(--well-inset);overflow:hidden}.hbs-stage-card-title{font-size:max(calc(16 * var(--unit)),13px);font-weight:900;color:var(--ink);text-align:center}.hbs-stage-card-sub{margin-top:calc(3 * var(--unit));font-size:max(calc(11.5 * var(--unit)),10px);color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbs-loot-label{margin-top:calc(10 * var(--unit));text-align:center;font-size:max(calc(13 * var(--unit)),10.5px);font-weight:800;color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit))}.hbs-loot-grid{margin-top:calc(6 * var(--unit));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,max(calc(44 * var(--unit)),28px));gap:max(calc(6 * var(--unit)),4px);background:rgba(43,32,20,.1);padding:max(calc(6 * var(--unit)),4px);border-radius:calc(8 * var(--unit));border:calc(1 * var(--unit)) solid var(--well-line)}.hbs-loot-cell{background:var(--paper-hi);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit));display:flex;align-items:center;justify-content:center;overflow:hidden}.hbs-loot-cell.is-empty{opacity:.45;border-style:dashed;border-color:var(--paper-line);background:transparent}.hbs-loot-cell svg,.hbs-loot-cell img{height:84%;width:auto;max-width:100%;object-fit:contain;display:block}.hbs-stars-row{margin-top:auto;display:flex;justify-content:center;gap:max(calc(10 * var(--unit)),7px);padding-bottom:calc(1 * var(--unit))}.hbs-star-img{width:max(calc(24 * var(--unit)),16px);height:max(calc(24 * var(--unit)),16px);object-fit:contain;display:block}.hbs-slots-zone{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:max(calc(12 * var(--unit)),6px)}.hbs-slots-caption{font-size:max(calc(13 * var(--unit)),11px);font-weight:800;letter-spacing:calc(3.5 * var(--unit));text-indent:calc(3.5 * var(--unit));color:var(--ink-soft)}.hbs-slots-row{display:flex;gap:calc(28 * var(--unit))}.hbs-slot{position:relative;width:max(calc(170 * var(--unit)),110px);min-height:max(calc(250 * var(--unit)),136px);border-radius:calc(14 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(calc(12 * var(--unit)),8px) max(calc(10 * var(--unit)),8px);box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.hbs-slot.is-empty{background:var(--paper-dim);border:calc(1.5 * var(--unit)) dashed var(--paper-line);cursor:pointer;justify-content:center;box-shadow:var(--well-inset)}.hbs-slot-plus{font-size:max(calc(40 * var(--unit)),24px);font-weight:300;color:var(--ink-soft);opacity:.65;line-height:1}.hbs-slot-hint{margin-top:max(calc(8 * var(--unit)),5px);font-size:max(calc(12 * var(--unit)),10px);color:var(--ink-soft);opacity:.8;text-align:center}.hbs-slot.is-occupied{background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-accent);box-shadow:0 calc(4 * var(--unit)) calc(10 * var(--unit)) #2b201440}.hbs-slot-avatar{width:max(calc(88 * var(--unit)),52px);height:max(calc(88 * var(--unit)),52px);border-radius:calc(10 * var(--unit));overflow:hidden;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);flex-shrink:0}.hbs-slot-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none}.hbs-slot-name{margin-top:max(calc(6 * var(--unit)),3px);font-size:max(calc(16 * var(--unit)),12px);font-weight:800;color:var(--ink);line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbs-slot-btns{margin-top:max(calc(8 * var(--unit)),4px);display:flex;flex-direction:column;gap:max(calc(6 * var(--unit)),4px);width:100%}.hbs-slot-btn{width:100%;height:calc(34 * var(--unit));display:flex;align-items:center;justify-content:center;gap:max(calc(5 * var(--unit)),3px);font-family:inherit;font-size:max(calc(13 * var(--unit)),10.5px);font-weight:800;line-height:1;white-space:nowrap;padding:0 calc(2 * var(--unit));cursor:pointer;overflow:visible}.hbs-slot.drop-hover{border-color:#15803d;box-shadow:0 0 0 calc(2 * var(--unit)) #15803d59;transform:scale(1.04)}.hbs-team-hint{font-size:max(calc(13 * var(--unit)),11px);font-weight:700;color:#b45309}.hbs-team-hint.is-ready{color:#15803d;animation:hbsHintPulse 1.6s ease-in-out infinite}@keyframes hbsHintPulse{0%,to{opacity:1}50%{opacity:.55}}.hbs-action-col{flex:0 0 calc(170 * var(--unit));align-self:center;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:max(calc(10 * var(--unit)),5px)}.hbs-energy-pill{display:flex;align-items:center;justify-content:center;gap:max(calc(6 * var(--unit)),3px);height:max(calc(38 * var(--unit)),23px);border-radius:calc(9 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);color:var(--ink-soft);font-size:max(calc(13 * var(--unit)),11px);font-weight:700}.hbs-energy-ico{display:flex;align-items:center}.hbs-energy-pill b{color:#7c3a10;font-size:max(calc(15 * var(--unit)),12px)}.hbs-btn-fight{height:max(calc(48 * var(--unit)),34px);font-size:max(calc(22 * var(--unit)),16px);font-weight:900;letter-spacing:calc(1.5 * var(--unit));cursor:pointer;transition:transform .12s ease;white-space:nowrap;overflow:visible}.hbs-btn-fight:active:not(:disabled){transform:translateY(calc(1 * var(--unit)))}.hbs-btn-fight:disabled,.hbs-btn-fight.is-disabled{cursor:not-allowed}.hbs-btn-sub{height:max(calc(38 * var(--unit)),26px);font-size:max(calc(15 * var(--unit)),12px);font-weight:800;letter-spacing:calc(1.5 * var(--unit));cursor:pointer;transition:transform .12s}.hbs-btn-sub:active{transform:translateY(calc(1 * var(--unit)))}.hbs-btn-auto.is-active{box-shadow:0 0 0 calc(2 * var(--unit)) #d8912a8c}.hbs-btn-sweep{display:flex;align-items:center;justify-content:center;gap:max(calc(6 * var(--unit)),4px)}.hbs-sweep-label{white-space:nowrap}.hbs-sweep-ticket{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;height:max(calc(24 * var(--unit)),17px);padding:0 max(calc(8 * var(--unit)),6px);border-radius:999px;background:rgba(43,32,20,.22);border:calc(1 * var(--unit)) solid rgba(255,255,255,.4);color:#fff8ec;font-size:max(calc(13 * var(--unit)),10px);font-weight:900;letter-spacing:0}.hbs-sweep-ticket b{font-size:max(calc(13 * var(--unit)),10px);font-weight:900;letter-spacing:0}.hbs-btn-sweep.is-disabled,.hbs-btn-sweep:disabled{cursor:not-allowed;pointer-events:auto}.hbs-fight-note{text-align:center;font-size:max(calc(12 * var(--unit)),9.5px);color:var(--ink-soft);opacity:.85}.hbs-hero-strip-wrap{flex-shrink:0;display:flex;flex-direction:column;gap:max(calc(4 * var(--unit)),3px)}.hbs-strip-label{font-size:max(calc(12 * var(--unit)),10.5px);font-weight:800;color:var(--ink-soft);letter-spacing:calc(1 * var(--unit))}.hbs-strip-sub{margin-left:max(calc(8 * var(--unit)),6px);font-weight:600;font-size:max(calc(10.5 * var(--unit)),9.5px);color:var(--ink-soft);opacity:.75}.hbs-hero-strip{display:flex;gap:max(calc(10 * var(--unit)),6px);overflow-x:auto;overflow-y:hidden;padding:max(calc(7 * var(--unit)),5px) max(calc(9 * var(--unit)),6px);background:var(--well-bg);border:calc(1 * var(--unit)) solid var(--well-line);border-radius:calc(11 * var(--unit));box-shadow:var(--well-inset);cursor:grab;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#c8a05a #e8dfc9}.hbs-hero-strip::-webkit-scrollbar{height:max(calc(6 * var(--unit)),4px)}.hbs-hero-strip::-webkit-scrollbar-track{background:#e8dfc9;border-radius:3px}.hbs-hero-strip::-webkit-scrollbar-thumb{background:#c8a05a;border-radius:3px}.hbs-hero-tile{position:relative;flex:0 0 max(calc(84 * var(--unit)),60px);height:max(calc(106 * var(--unit)),64px);border-radius:calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);display:flex;flex-direction:column;align-items:center;padding:max(calc(4 * var(--unit)),3px) 3px 2px;cursor:grab;user-select:none;touch-action:pan-x;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.hbs-hero-tile:hover:not(.is-used){border-color:#d8912a;box-shadow:0 0 0 calc(2 * var(--unit)) #d8912a59;transform:translateY(calc(-2 * var(--unit)))}.hbs-hero-tile.is-used{cursor:not-allowed;border-color:#ddd2ba}.hbs-hero-tile.is-used:after{content:"";position:absolute;inset:0;border-radius:calc(9 * var(--unit));background:rgba(43,32,20,.38)}.hbs-tile-avatar{width:max(calc(60 * var(--unit)),36px);height:max(calc(60 * var(--unit)),36px);border-radius:calc(8 * var(--unit));overflow:hidden;background:var(--paper-dim);flex-shrink:0}.hbs-tile-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.hbs-tile-name{margin-top:1px;font-size:max(calc(11 * var(--unit)),9.5px);font-weight:700;color:var(--ink-soft);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbs-tile-used-tag{position:absolute;top:2px;right:2px;z-index:1;padding:1px 4px;border-radius:4px;background:#d8912a;border:calc(1 * var(--unit)) solid #8a5a12;color:#fff;font-size:max(calc(9 * var(--unit)),8px);font-weight:800;line-height:1.2}.hbs-drag-ghost{position:fixed;z-index:99999;width:max(calc(84 * var(--unit)),60px);height:max(calc(84 * var(--unit)),60px);transform:translate(-50%,-60%);border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) solid #d8912a;overflow:hidden;pointer-events:none;box-shadow:0 calc(10 * var(--unit)) calc(26 * var(--unit)) #2b201480;background:var(--paper-dim)}.hbs-drag-ghost img{width:100%;height:100%;object-fit:cover}@media (max-height: 719px){.hbs-panel{width:100%;height:100%;gap:4px;padding:0 2px 2px}.hbs-header{height:24px}.hbs-btn-back{height:22px;padding:0 9px;font-size:10.5px}.hbs-header-plaque{padding:2px 20px}.hbs-header-plaque:before,.hbs-header-plaque:after{width:5px;height:5px}.hbs-header-title{font-size:13px;letter-spacing:1px}.hbs-main-row{gap:10px;align-items:center}.hbs-stage-card{flex:0 0 160px;height:160px;align-self:center;padding:6px 8px;box-sizing:border-box}.hbs-stage-card-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.hbs-stage-card-sub{font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.hbs-loot-label{margin-top:4px;font-size:10px}.hbs-loot-grid{margin-top:3px;grid-template-rows:repeat(2,28px);gap:4px;padding:3px 4px}.hbs-stars-row{margin-top:auto;gap:6px;padding-bottom:0}.hbs-star-img{width:16px;height:16px}.hbs-slots-zone{gap:4px}.hbs-slots-caption{font-size:10.5px;letter-spacing:2px}.hbs-slots-row{gap:14px}.hbs-slot{width:110px;min-height:138px;padding:7px 6px}.hbs-slot-avatar{width:50px;height:50px}.hbs-slot-plus{font-size:24px}.hbs-slot-hint{font-size:10px;margin-top:3px}.hbs-slot-name{font-size:12px;margin-top:3px}.hbs-slot-btns{margin-top:4px;gap:4px}.hbs-slot-btn{height:21px;font-size:10.5px}.hbs-team-hint{font-size:10.5px}.hbs-action-col{flex:0 0 122px;gap:4px}.hbs-energy-pill{height:23px;font-size:10.5px;gap:3px}.hbs-energy-pill b{font-size:11.5px}.hbs-btn-fight{height:34px;font-size:15px;letter-spacing:2px;text-indent:2px}.hbs-btn-sub{height:25px;font-size:11.5px;letter-spacing:.5px}.hbs-sweep-ticket{height:17px;padding:0 5px;font-size:10px}.hbs-fight-note{font-size:9.5px}.hbs-hero-strip-wrap{gap:2px}.hbs-strip-label{font-size:10px}.hbs-strip-sub{font-size:9.5px;margin-left:5px}.hbs-hero-strip{gap:6px;padding:4px 5px}.hbs-hero-tile{flex:0 0 60px;height:64px}.hbs-tile-avatar{width:36px;height:36px}.hbs-tile-name{font-size:9.5px}.hbs-tile-used-tag{font-size:8px;padding:0 3px}.hbs-drag-ghost{width:60px;height:60px}}@media (orientation: portrait){.hbs-panel{width:100%;height:100%;overflow-y:auto}.hbs-main-row{flex-wrap:wrap}}.recruit-modal-window{--elem-color: #b3352a;--elem-rgb: 179, 53, 42;position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding:calc(20 * var(--unit));padding-left:calc(var(--safe-left) + 20 * var(--unit));padding-right:calc(var(--safe-right) + 20 * var(--unit));box-sizing:border-box;background:var(--mask-warm);overflow:hidden}.recruit-modal-window[data-elem="0"]{--elem-color: #b3352a;--elem-rgb: 179, 53, 42}.recruit-modal-window[data-elem="1"]{--elem-color: #3f7d4e;--elem-rgb: 63, 125, 78}.recruit-modal-window[data-elem="2"]{--elem-color: #2f8f86;--elem-rgb: 47, 143, 134}.recruit-modal-window[data-elem="3"]{--elem-color: #6d28d9;--elem-rgb: 109, 40, 217}.recruit-modal-window[data-elem="4"]{--elem-color: #2f7fb8;--elem-rgb: 47, 127, 184}.recruit-modal-window>.recruit-frame{position:relative;width:calc(1240 * var(--unit));height:calc(710 * var(--unit));display:flex;flex-direction:column;gap:calc(12 * var(--unit));padding:calc(2 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box;overflow:hidden;z-index:1;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.recruit-modal-window>.recruit-frame>*{position:relative;z-index:1}.recruit-header-bar{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:calc(2 * var(--unit))}.recruit-header-plaque{position:relative;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));padding:calc(7 * var(--unit)) calc(56 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201429}.recruit-header-plaque:before,.recruit-header-plaque:after{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:calc(9 * var(--unit));height:calc(9 * var(--unit));background:var(--paper-accent);border:calc(1 * var(--unit)) solid var(--ink);box-sizing:border-box}.recruit-header-plaque:before{left:calc(16 * var(--unit))}.recruit-header-plaque:after{right:calc(16 * var(--unit))}.recruit-header-title{display:inline-block;white-space:nowrap;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(28 * var(--unit)),16px);font-weight:900;letter-spacing:calc(10 * var(--unit));text-indent:calc(10 * var(--unit))}.recruit-header-close{position:absolute;right:calc(4 * var(--unit));top:50%;transform:translateY(-50%);width:calc(38 * var(--unit));height:calc(38 * var(--unit));border-radius:calc(6 * var(--unit));border:none;background:none;color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.recruit-header-close:hover{background:rgba(43,32,20,.08);color:#c0392b}.recruit-middle-cards{display:flex;flex:1 1 auto;min-height:0;gap:calc(14 * var(--unit))}.recruit-middle-cards>.recruit-hero-left-card{flex:0 0 calc(300 * var(--unit))}.recruit-middle-cards>.recruit-skill-card{flex:1 1 0;min-width:0}.recruit-hero-left-card{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(16 * var(--unit));padding:calc(14 * var(--unit));gap:calc(12 * var(--unit));overflow:hidden;box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424}.recruit-hero-left-card:before{content:"";position:absolute;inset:calc(7 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(var(--elem-rgb),.35);border-radius:calc(11 * var(--unit));pointer-events:none}.recruit-name-banner{position:relative;width:90%;background:var(--elem-color);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201433;text-align:center;padding:calc(5 * var(--unit)) 0}.recruit-name-banner:before,.recruit-name-banner:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:calc(6 * var(--unit));height:calc(26 * var(--unit));background:var(--paper-accent);border:calc(1 * var(--unit)) solid var(--ink);box-sizing:border-box}.recruit-name-banner:before{left:calc(-2 * var(--unit));border-radius:calc(3 * var(--unit)) 0 0 calc(3 * var(--unit))}.recruit-name-banner:after{right:calc(-2 * var(--unit));border-radius:0 calc(3 * var(--unit)) calc(3 * var(--unit)) 0}.recruit-name-text{color:var(--paper-hi);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(23 * var(--unit)),15px);font-weight:900;letter-spacing:calc(4 * var(--unit));margin-right:calc(-4 * var(--unit))}.recruit-avatar-box{position:relative;width:64%;aspect-ratio:1 / 1;margin:calc(2 * var(--unit)) auto 0;border-radius:calc(16 * var(--unit));overflow:hidden;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);box-sizing:border-box}.recruit-avatar-box>img{width:100%;height:100%;object-fit:contain;display:block}.recruit-avatar-corner-badge{position:absolute;top:calc(5 * var(--unit));left:calc(5 * var(--unit));width:calc(36 * var(--unit));height:calc(36 * var(--unit));border-radius:50%;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--elem-color);box-sizing:border-box;display:flex;align-items:center;justify-content:center;z-index:2}.recruit-avatar-corner-badge>img{width:100%;height:100%;object-fit:contain}.recruit-hero-attrs{width:92%;display:flex;flex-direction:column;gap:calc(8 * var(--unit));font-size:max(calc(15 * var(--unit)),12px);margin-top:calc(2 * var(--unit))}.recruit-attr-row{display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft)}.recruit-attr-val{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));font-weight:700;color:var(--ink)}.recruit-attr-val-self{color:var(--elem-color)!important}.recruit-attr-val-self>img{width:calc(16 * var(--unit));height:calc(16 * var(--unit));object-fit:contain}.recruit-attr-val-counter>img{width:calc(16 * var(--unit));height:calc(16 * var(--unit));object-fit:contain}.recruit-type-icon{display:block;pointer-events:none}.recruit-attr-val-hp{color:#3f7d4e!important;font-weight:900}.recruit-action-btn{margin-top:auto;width:100%;padding:calc(12 * var(--unit)) 0;border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));background:var(--paper-accent);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;color:var(--paper-hi);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(19 * var(--unit)),13px);font-weight:900;letter-spacing:calc(3 * var(--unit));cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit));transition:filter .12s,transform .08s}.recruit-action-btn:hover{filter:brightness(1.08)}.recruit-action-btn:active{transform:translateY(calc(2 * var(--unit)))}.recruit-action-btn .recruit-btn-coin{width:calc(24 * var(--unit));height:calc(24 * var(--unit));object-fit:contain;flex:0 0 auto}.recruit-action-btn .recruit-btn-title{margin-right:calc(-3 * var(--unit))}.recruit-action-btn .recruit-btn-price{font-size:max(calc(19 * var(--unit)),13px);font-weight:900;color:var(--paper-hi);font-family:ZCOOL KuaiLe,sans-serif}.recruit-action-btn.cant-afford{border-color:#b3352a;background:var(--paper-dim);box-shadow:none;color:#b3352a;cursor:not-allowed}.recruit-action-btn.cant-afford .recruit-btn-price{color:#b3352a}.recruit-action-btn.at-cap{border-color:var(--ink-soft);background:var(--paper-dim);box-shadow:none;color:var(--ink-soft);letter-spacing:calc(1 * var(--unit));cursor:not-allowed}.recruit-action-btn.at-cap:hover{filter:none}.recruit-action-btn.at-cap:active{transform:none}.recruit-cap-hint{margin-top:calc(6 * var(--unit));width:100%;text-align:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),12px);font-weight:700;letter-spacing:calc(1 * var(--unit));color:var(--ink-soft)}.recruit-cap-hint.is-full{color:#b3352a}.recruit-skill-card{position:relative;display:flex;flex-direction:column;background:var(--paper-dim);border:calc(2 * var(--unit)) solid rgba(var(--elem-rgb),.55);border-radius:calc(16 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424;overflow:hidden;transition:border-color .15s,box-shadow .15s}.recruit-skill-card:hover{border-color:var(--elem-color);box-shadow:0 calc(6 * var(--unit)) calc(16 * var(--unit)) #2b201433}.recruit-skill-card:before{content:"";position:absolute;inset:calc(7 * var(--unit));border:calc(1 * var(--unit)) solid rgba(var(--elem-rgb),.22);border-radius:calc(11 * var(--unit));pointer-events:none;z-index:1}.recruit-skill-card-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--unit));padding:calc(14 * var(--unit)) calc(12 * var(--unit)) calc(10 * var(--unit));background:var(--paper);border-bottom:calc(2 * var(--unit)) solid rgba(var(--elem-rgb),.45)}.recruit-skill-icon{width:calc(48 * var(--unit));height:calc(48 * var(--unit));border-radius:50%;border:calc(2 * var(--unit)) solid var(--elem-color);background:var(--paper-hi);box-sizing:border-box;display:grid;place-items:center;overflow:hidden;position:relative}.recruit-skill-icon>img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.recruit-skill-type{position:absolute;top:calc(10 * var(--unit));right:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),11px);font-weight:700;letter-spacing:calc(1 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));border-radius:999px;border:calc(1.5 * var(--unit)) solid var(--paper-line);background:var(--paper-hi)}.recruit-skill-type-trait{color:var(--paper-gold);border-color:var(--paper-accent);background:#fdf6e7}.recruit-skill-type-active{color:#b3352a;border-color:#d98a80;background:#fbeeec}.recruit-skill-type-passive{color:#6d28d9;border-color:#c3aee8;background:#f4f0fb}.recruit-skill-name{color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;letter-spacing:calc(2 * var(--unit));margin-right:calc(-2 * var(--unit))}.recruit-skill-unlock{color:var(--elem-color);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),11px);font-weight:700;letter-spacing:calc(1 * var(--unit))}.recruit-skill-body{flex:1 1 auto;margin:calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-left:calc(3 * var(--unit)) solid var(--elem-color);border-radius:calc(10 * var(--unit));padding:calc(11 * var(--unit)) calc(14 * var(--unit));color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);line-height:1.75;overflow-y:auto;word-break:break-word;position:relative;z-index:1}.recruit-skill-empty{color:var(--ink-soft);font-style:italic;font-size:max(calc(15 * var(--unit)),12px)}.recruit-skill-body .sdv{font-weight:800;font-family:ZCOOL KuaiLe,sans-serif;letter-spacing:0;padding:0 calc(1 * var(--unit))}.recruit-skill-body .sdv-pct{color:#b3352a}.recruit-skill-body .sdv-num{color:#3f7d4e}.recruit-skill-body .sdv-turn{color:var(--paper-gold)}.recruit-bottom-bar{display:flex;gap:calc(14 * var(--unit));align-items:stretch;min-height:calc(112 * var(--unit))}.recruit-wheel-box{flex:0 0 calc(112 * var(--unit));width:calc(112 * var(--unit));height:calc(112 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--unit));padding:calc(4 * var(--unit)) 0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));box-sizing:border-box}.recruit-wheel-box>img{width:auto;height:calc(86 * var(--unit));max-width:100%;display:block;object-fit:contain}.recruit-wheel-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(11 * var(--unit)),10px);font-weight:700;letter-spacing:calc(1.5 * var(--unit));line-height:1;color:var(--paper-gold);padding-top:calc(1 * var(--unit));text-align:center;text-wrap:balance}.recruit-heroes-track{flex:1 1 auto;display:flex;align-items:center;gap:calc(10 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(8 * var(--unit)) calc(14 * var(--unit));background:var(--paper-dim);border-radius:calc(16 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);box-sizing:border-box;box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424;scroll-behavior:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.recruit-locked-tip{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(18 * var(--unit));border-radius:calc(16 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-accent);box-sizing:border-box;min-height:calc(72 * var(--unit))}.recruit-locked-tip-ico{font-size:max(calc(30 * var(--unit)),18px);line-height:1}.recruit-locked-tip-text{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(18 * var(--unit)),13px);color:var(--paper-gold);letter-spacing:calc(.3 * var(--unit))}.recruit-heroes-track::-webkit-scrollbar{display:none}.recruit-hero-slot{flex:0 0 calc(72 * var(--unit));display:flex;flex-direction:column;align-items:center;padding:calc(6 * var(--unit)) calc(5 * var(--unit)) calc(4 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));cursor:pointer;background:var(--paper-hi);box-sizing:border-box;position:relative;transition:transform .12s,border-color .12s,box-shadow .12s}.recruit-hero-slot:hover{transform:translateY(calc(-4 * var(--unit)));border-color:var(--paper-accent)}.recruit-hero-slot.selected{border-color:var(--elem-color);background:var(--paper);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) rgba(var(--elem-rgb),.28)}.recruit-slot-name{color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),10px);text-align:center;margin-top:calc(2 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.recruit-hero-slot.selected .recruit-slot-name{color:var(--ink);font-weight:700}.recruit-hero-slot>img{width:82%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.recruit-modal-window ::-webkit-scrollbar{display:none}.hero-view-modal{--elem-color: #3f7d4e;--elem-rgb: 63, 125, 78;--gold: #d97706;--gold-deep: #92400e;--gold-soft: rgba(217, 119, 6, .35);position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;background:var(--mask-warm);overflow:hidden}.hero-view-modal[data-elem="0"]{--elem-color: #b3352a;--elem-rgb: 179, 53, 42}.hero-view-modal[data-elem="1"]{--elem-color: #3f7d4e;--elem-rgb: 63, 125, 78}.hero-view-modal[data-elem="2"]{--elem-color: #2f8f86;--elem-rgb: 47, 143, 134}.hero-view-modal[data-elem="3"]{--elem-color: #6d28d9;--elem-rgb: 109, 40, 217}.hero-view-modal[data-elem="4"]{--elem-color: #2f7fb8;--elem-rgb: 47, 127, 184}.hero-view-frame{position:relative;width:calc(1260 * var(--unit));height:calc(736 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(4 * var(--unit)) calc(12 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.hero-view-header{position:relative;width:100%;height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:center;margin-bottom:calc(8 * var(--unit));flex-shrink:0;box-sizing:border-box}.hero-title-scroll{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:calc(6 * var(--unit)) calc(52 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(22 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201429}.hero-title-scroll span{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;color:var(--ink);letter-spacing:calc(5 * var(--unit))}.btn-hero-close{position:absolute;right:calc(6 * var(--unit));top:50%;transform:translateY(-50%);width:calc(38 * var(--unit));height:calc(38 * var(--unit));border-radius:calc(6 * var(--unit));border:none;background:none;color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-hero-close:hover{transform:translateY(-50%);background:rgba(43,32,20,.08);color:#c0392b}.hero-cards-grid{display:flex;justify-content:center;align-items:stretch;gap:calc(18 * var(--unit));width:100%;height:calc(472 * var(--unit))}.hero-panel-card{position:relative;flex:1;max-width:calc(288 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid rgba(var(--elem-rgb),.5);border-radius:calc(18 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424;padding:calc(10 * var(--unit)) calc(12 * var(--unit)) calc(10 * var(--unit));display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hero-panel-card:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--elem-color);box-shadow:0 calc(6 * var(--unit)) calc(16 * var(--unit)) #2b201433}.hero-panel-card:after{content:"";position:absolute;top:calc(10 * var(--unit));right:calc(10 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));background:rgba(var(--elem-rgb),.28);border:calc(1.5 * var(--unit)) solid rgba(var(--elem-rgb),.6);border-radius:calc(6 * var(--unit));transform:rotate(45deg);pointer-events:none}.hero-card-left:after{content:none}.hero-card-left{background:var(--paper);border-color:rgba(var(--elem-rgb),.7);box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201429}.hero-name-ribbon{position:relative;width:calc(238 * var(--unit));height:calc(30 * var(--unit));background:var(--elem-color);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));display:flex;align-items:center;justify-content:center;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201433;margin-bottom:calc(6 * var(--unit));box-sizing:border-box}.hero-name-ribbon span{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);font-weight:900;color:var(--paper-hi);letter-spacing:calc(2 * var(--unit))}.hero-portrait-frame{position:relative;width:calc(108 * var(--unit));height:calc(108 * var(--unit));background:transparent;border:none;border-radius:calc(16 * var(--unit));overflow:hidden;margin-bottom:calc(6 * var(--unit));flex-shrink:0}.hero-portrait-img{width:100%;height:100%;object-fit:contain;background:transparent;display:block}.hero-portrait-corner-badge{position:absolute;top:calc(4 * var(--unit));left:calc(4 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.hero-portrait-corner-badge>img{width:100%;height:100%;object-fit:contain;display:block}.hero-elem-line{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(4 * var(--unit));padding:calc(4 * var(--unit)) calc(6 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid rgba(var(--elem-rgb),.4);border-radius:calc(10 * var(--unit));margin-bottom:calc(6 * var(--unit));box-sizing:border-box;overflow:hidden}.hero-elem-line span{display:inline-flex;align-items:center;gap:calc(2.5 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(12 * var(--unit));font-weight:700;color:var(--ink-soft);white-space:nowrap}.hero-elem-line .hero-elem-lbl{font-size:calc(11 * var(--unit));color:var(--ink-light, rgba(43, 32, 20, .7));font-weight:700;margin-right:calc(1 * var(--unit))}.hero-elem-line b{font-weight:900;letter-spacing:calc(.3 * var(--unit))}.hero-elem-sep{color:var(--paper-line);font-size:calc(11 * var(--unit));margin:0 calc(1 * var(--unit));opacity:.7}.hero-elem-line .hero-elem-icon-img{width:calc(15 * var(--unit));height:calc(15 * var(--unit));object-fit:contain;display:inline-block;flex-shrink:0;pointer-events:none}.hero-stat-box,.hero-stats-box{width:100%;display:flex;flex-direction:column;gap:calc(6 * var(--unit));padding:calc(6 * var(--unit)) calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));box-sizing:border-box;margin-bottom:calc(4 * var(--unit))}.hero-stat-row{display:flex;align-items:center;justify-content:space-between;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),11px);font-weight:800;color:var(--ink)}.hero-stat-row .stat-label{color:var(--ink-soft);font-size:max(calc(13 * var(--unit)),11px);letter-spacing:calc(1 * var(--unit));font-weight:900}.hero-stat-row .stat-val{color:var(--paper-gold);font-size:max(calc(14 * var(--unit)),12px);letter-spacing:calc(.5 * var(--unit));font-weight:900}.hero-stat-row .stat-val-next{color:#3f7d4e;font-weight:900}.hero-stat-row .stat-arrow{color:#3f7d4e;font-size:max(calc(12 * var(--unit)),10px);margin:0 calc(2 * var(--unit))}.stat-val-arrow{color:#3f7d4e;font-weight:900}.skill-panel-card{justify-content:flex-start}.skill-card-header{width:100%;display:flex;align-items:center;gap:calc(11 * var(--unit));margin-bottom:calc(10 * var(--unit))}.skill-icon-shield{position:relative;width:calc(58 * var(--unit));height:calc(58 * var(--unit));border-radius:50%;background:var(--paper-hi);border:calc(2.5 * var(--unit)) solid rgba(var(--elem-rgb),.85);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.skill-panel-card:nth-child(2) .skill-icon-shield{border-color:var(--paper-accent)}.skill-panel-card:nth-child(3) .skill-icon-shield{border-color:var(--elem-color)}.skill-panel-card:nth-child(4) .skill-icon-shield{border-color:#2f7fb8}.skill-icon-shield img{width:100%;height:100%;object-fit:contain;border-radius:50%}.skill-title-meta{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * var(--unit));min-width:0}.skill-type-tag{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));padding:calc(1 * var(--unit)) calc(8 * var(--unit));border-radius:calc(999 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(11 * var(--unit)),10px);font-weight:900;letter-spacing:calc(1 * var(--unit))}.skill-type-tag:before{content:"";width:calc(5 * var(--unit));height:calc(5 * var(--unit));border-radius:50%;background:currentColor}.skill-type-tag.type-trait{background:#fdf6e7;color:var(--paper-gold);border:calc(1.5 * var(--unit)) solid var(--paper-accent)}.skill-type-tag.type-active{background:rgba(var(--elem-rgb),.12);color:var(--elem-color);border:calc(1.5 * var(--unit)) solid rgba(var(--elem-rgb),.5)}.skill-type-tag.type-passive{background:#eef4fb;color:#2f7fb8;border:calc(1.5 * var(--unit)) solid #b9cfe4}.skill-name-text{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(172 * var(--unit))}.skill-lv-badge{align-self:flex-end;display:inline-flex;align-items:center;gap:calc(5 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),10px);font-weight:900;color:var(--ink);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(999 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));margin-bottom:calc(9 * var(--unit))}.skill-lv-badge:before{content:"";width:calc(7 * var(--unit));height:calc(7 * var(--unit));border-radius:50%;background:var(--paper-accent)}.skill-lock-warn{align-self:flex-end;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),11px);font-weight:900;color:#b3352a;background:#fbeeec;border:calc(1.5 * var(--unit)) solid #d98a80;border-radius:calc(999 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));margin-bottom:calc(9 * var(--unit))}.skill-effects-list{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(9 * var(--unit));padding:calc(4 * var(--unit)) calc(12 * var(--unit)) calc(8 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));box-sizing:border-box;min-height:0}.skill-effect-row{display:flex;align-items:flex-start;justify-content:flex-start;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px);font-weight:700;line-height:1.45;color:var(--ink);word-break:break-word}.skill-effect-row:before{content:"";flex-shrink:0;width:calc(3 * var(--unit));height:1em;align-self:center;border-radius:calc(2 * var(--unit));background:rgba(var(--elem-rgb),.8);margin-right:calc(7 * var(--unit));margin-top:calc(2 * var(--unit))}.skill-effect-row .sdv{font-weight:800;font-family:ZCOOL KuaiLe,sans-serif;letter-spacing:0;padding:0 calc(1 * var(--unit));white-space:nowrap}.skill-effect-row .sdv-pct{color:#b3352a}.skill-effect-row .sdv-num{color:#3f7d4e}.skill-effect-row .sdv-turn{color:var(--paper-gold)}.skill-effect-row .sdv-arrow{font-style:normal;font-weight:900;color:var(--paper-accent)}.btn-panel-action{width:100%;min-height:calc(48 * var(--unit));border-radius:calc(10 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--unit));cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s;border:calc(2 * var(--unit)) solid transparent;box-sizing:border-box;margin-top:calc(4 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit));flex-shrink:0;position:relative;overflow:hidden}.skill-bottom-actions{width:100%;display:flex;flex-direction:column;margin-top:auto;padding-top:calc(4 * var(--unit))}.skill-bottom-actions .btn-panel-action{min-height:calc(54 * var(--unit))}.hero-card-bottom-actions{width:100%;display:flex;flex-direction:column;gap:calc(4 * var(--unit));margin-top:auto}.hero-card-bottom-actions .btn-panel-action.btn-green-up,.hero-card-bottom-actions .btn-panel-action.btn-gold-up{min-height:calc(48 * var(--unit))}.btn-panel-action.btn-green-up,.btn-panel-action.btn-gold-up{background:var(--paper-accent);border-color:var(--ink);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;color:var(--paper-hi)}.btn-panel-action.btn-green-up:hover,.btn-panel-action.btn-gold-up:hover{transform:translateY(calc(-2 * var(--unit)));filter:brightness(1.08)}.btn-panel-action.btn-green-up:active,.btn-panel-action.btn-gold-up:active{transform:translateY(calc(1 * var(--unit)));filter:brightness(.96)}.btn-action-main-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),13px);letter-spacing:calc(1 * var(--unit));font-weight:900;line-height:1.1}.btn-cost-row{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),11px);color:#fffdfaf2;font-weight:900;margin-top:calc(1 * var(--unit))}.btn-cost-item{display:flex;align-items:center;gap:calc(4 * var(--unit))}.btn-cost-item .cost-icon,.btn-cost-item .cost-item-icon-holder{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-cost-item .cost-icon img,.btn-cost-item .cost-item-icon-holder img,.btn-cost-item img.item-png-icon{width:calc(16 * var(--unit));height:calc(16 * var(--unit));object-fit:contain;vertical-align:middle;display:block}.btn-cost-item.cost-ok{color:#14612f!important;background:#d6f0dc;border:calc(1 * var(--unit)) solid #7fb98d;border-radius:calc(999 * var(--unit));padding:calc(1.5 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box}.btn-cost-item.cost-lack{color:#8a1f16!important;background:#fbdcd8;border:calc(1 * var(--unit)) solid #d98a80;border-radius:calc(999 * var(--unit));padding:calc(1.5 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box}.btn-panel-action.btn-gray-lock{background:#e3dfd7;border-color:#b6b0a5;box-shadow:none;color:#837d73;cursor:not-allowed}.btn-panel-action.btn-gray-lock .btn-action-main-title,.btn-panel-action.btn-gray-lock .btn-cost-row{color:#837d73}.btn-panel-action.btn-gray-lock .btn-cost-item{background:#f1ede5!important;border-color:#c6c0b5!important;color:#837d73!important}.btn-panel-action.btn-deck-view{min-height:calc(36 * var(--unit));background:var(--paper-hi);border-color:var(--ink);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b20141f;color:var(--ink);margin-top:0}.btn-panel-action.btn-deck-view .btn-deck-view-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);letter-spacing:calc(1 * var(--unit));font-weight:900}.btn-panel-action.btn-deck-view:hover{transform:translateY(calc(-2 * var(--unit)));background:var(--paper);border-color:var(--elem-color)}.btn-panel-action.btn-deck-view:active{transform:translateY(calc(1 * var(--unit)))}.hero-tray-bar{width:100%;height:calc(118 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(16 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424;display:flex;align-items:center;padding:calc(8 * var(--unit)) calc(18 * var(--unit));gap:calc(14 * var(--unit));overflow-x:auto;box-sizing:border-box}.hero-tray-bar::-webkit-scrollbar{height:calc(5 * var(--unit))}.hero-tray-bar::-webkit-scrollbar-track{background:rgba(43,32,20,.12);border-radius:calc(3 * var(--unit))}.hero-tray-bar::-webkit-scrollbar-thumb{background:var(--paper-accent);border-radius:calc(3 * var(--unit))}.tray-hero-item{position:relative;width:calc(80 * var(--unit));height:calc(94 * var(--unit));flex-shrink:0;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(4 * var(--unit));cursor:pointer;box-sizing:border-box;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden}.tray-hero-item:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:calc(2 * var(--unit));border-radius:calc(1 * var(--unit));background:rgba(var(--elem-rgb),.55);pointer-events:none}.tray-hero-item:hover{transform:translateY(calc(-4 * var(--unit)));border-color:var(--elem-color)}.tray-hero-item.selected{border-color:var(--paper-accent);background:var(--paper);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201438;transform:translateY(calc(-4 * var(--unit)))}.tray-hero-item.selected:after{background:var(--paper-accent);height:calc(3 * var(--unit))}.tray-hero-avatar{width:100%;height:calc(66 * var(--unit));border-radius:calc(8 * var(--unit));object-fit:contain;background:transparent;display:block}.tray-lv-bar{width:100%;height:calc(15 * var(--unit));background:var(--paper);border-radius:calc(5 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(10 * var(--unit)),9px);font-weight:900;color:var(--paper-gold);border:calc(1 * var(--unit)) solid var(--paper-line);letter-spacing:calc(.4 * var(--unit));flex-shrink:0;box-sizing:border-box}.hero-deck-modal{--elem-color: #3f7d4e;--elem-rgb: 63, 125, 78;position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--mask-warm);overflow:hidden;user-select:none}.hero-deck-modal[data-elem="0"]{--elem-color: #b3352a;--elem-rgb: 179, 53, 42}.hero-deck-modal[data-elem="1"]{--elem-color: #3f7d4e;--elem-rgb: 63, 125, 78}.hero-deck-modal[data-elem="2"]{--elem-color: #2f8f86;--elem-rgb: 47, 143, 134}.hero-deck-modal[data-elem="3"]{--elem-color: #6d28d9;--elem-rgb: 109, 40, 217}.hero-deck-modal[data-elem="4"]{--elem-color: #2f7fb8;--elem-rgb: 47, 127, 184}.hero-deck-modal .hd-stage{position:relative;width:calc(1260 * var(--unit));height:calc(748 * var(--unit));border-width:calc(20 * var(--unit));border-image-width:calc(20 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.hd-header{position:relative;width:100%;height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:space-between;padding:0 calc(20 * var(--unit));box-sizing:border-box;flex-shrink:0;z-index:20}.hd-nav-left{display:flex;align-items:center;gap:calc(10 * var(--unit))}.hd-btn-wood{height:calc(42 * var(--unit));display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));padding:0 calc(16 * var(--unit));color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);cursor:pointer;box-sizing:border-box}.hd-btn-wood:active{transform:translateY(calc(2 * var(--unit)))}.hd-btn-back{width:auto;padding:0 calc(18 * var(--unit));gap:calc(5 * var(--unit));font-size:max(calc(17 * var(--unit)),13px)}.hd-btn-back .hd-btn-icon{font-size:max(calc(15 * var(--unit)),12px);line-height:1}.hd-btn-back .hd-btn-back-text{font-weight:900;letter-spacing:calc(1 * var(--unit))}.hd-btn-shop{background:var(--paper-accent);border-color:var(--ink);color:var(--paper-hi)}.hd-shop-icon{font-size:max(calc(18 * var(--unit)),13px)}.hd-shop-text{font-weight:900}.hd-title-banner{position:absolute;left:50%;top:0;transform:translate(-50%);height:calc(42 * var(--unit));display:inline-flex;align-items:center;justify-content:center;padding:0 calc(42 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(24 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201429;box-sizing:border-box}.hd-title-text{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(22 * var(--unit)),15px);font-weight:900;color:var(--ink);letter-spacing:calc(4 * var(--unit))}.hd-res-hud{display:flex;align-items:center;gap:calc(12 * var(--unit))}.hd-hud-pill{height:calc(34 * var(--unit));display:inline-flex;align-items:center;gap:calc(6 * var(--unit));padding:0 calc(14 * var(--unit)) 0 calc(6 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(18 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b201424;box-sizing:border-box}.hd-hud-icon-img{width:calc(24 * var(--unit));height:calc(24 * var(--unit));object-fit:contain;display:block}.hd-hud-val{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px);font-weight:900;white-space:nowrap;letter-spacing:calc(.5 * var(--unit))}.hd-val-gold{color:var(--paper-gold)}.hd-val-gem{color:#2f7fb8}.hd-main{flex:1;display:flex;gap:calc(20 * var(--unit));padding:0 calc(24 * var(--unit));box-sizing:border-box;overflow:hidden}.hd-hero-col{width:calc(190 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.hd-hero-panel-card{width:100%;display:flex;flex-direction:column;align-items:center;padding:calc(12 * var(--unit)) calc(10 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201424;box-sizing:border-box}.hd-hero-box{display:flex;flex-direction:column;align-items:center;width:100%}.hd-hero-avatar-wrap{position:relative;width:calc(120 * var(--unit));height:calc(120 * var(--unit));border-radius:calc(8 * var(--unit));overflow:hidden;border:calc(2 * var(--unit)) solid var(--ink);box-sizing:border-box}.hd-hero-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hd-hero-elem-badge{position:absolute;top:calc(3 * var(--unit));left:calc(3 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.hd-hero-elem-badge img{width:100%;height:100%;object-fit:contain;display:block}.hd-hero-name-bar{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));margin-top:calc(8 * var(--unit))}.hd-hero-name-txt{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(17 * var(--unit)),12px);font-weight:900;color:var(--ink)}.hd-hero-lv-txt{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),10px);font-weight:800;color:var(--paper-gold);background:var(--paper-hi);padding:calc(1 * var(--unit)) calc(8 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1 * var(--unit)) solid var(--paper-line);box-sizing:border-box}.hd-hero-actions{width:100%;display:flex;flex-direction:column;gap:calc(8 * var(--unit));margin-top:calc(10 * var(--unit))}.hd-act-btn{width:100%;height:calc(42 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;box-sizing:border-box;padding:0 calc(6 * var(--unit))}.hd-act-btn:active{transform:translateY(calc(2 * var(--unit)))}.hd-act-btn .hd-act-title{font-size:calc(14 * var(--unit));font-weight:900;line-height:1.1;white-space:nowrap}.hd-act-btn .hd-act-sub{font-size:calc(11 * var(--unit));line-height:1}.hd-hero-edit-hints{width:100%;margin-top:calc(8 * var(--unit));display:flex;flex-direction:column;gap:calc(4 * var(--unit));text-align:center}.hd-hint-line{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(11 * var(--unit));font-weight:800;color:var(--paper-gold);line-height:1.25;white-space:nowrap}.hd-hint-badge{margin-top:calc(4 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(12 * var(--unit));font-weight:900;color:#3f7d4e;background:#e6f2e9;padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1 * var(--unit)) solid #7fb98d;box-sizing:border-box;white-space:nowrap}.hd-deck-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0 calc(20 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-sizing:border-box;min-height:0;overflow:visible}.hd-deck-grid{display:grid;grid-template-columns:repeat(4,calc(185 * var(--unit)));grid-template-rows:repeat(2,calc(222 * var(--unit)));gap:calc(14 * var(--unit)) calc(20 * var(--unit));justify-content:center;align-items:center}.hd-card-slot{width:calc(185 * var(--unit));height:calc(222 * var(--unit));display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.hd-slot-empty{border-radius:calc(8 * var(--unit))}.hd-slot-empty-frame{width:calc(157 * var(--unit));height:calc(223.7 * var(--unit));border:calc(2 * var(--unit)) dashed var(--paper-accent);border-radius:calc(10 * var(--unit));background:var(--paper-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.hd-empty-plus{font-size:max(calc(36 * var(--unit)),22px);font-weight:900;color:var(--paper-accent);line-height:1}.hd-empty-label{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px);color:var(--paper-gold);margin-top:calc(4 * var(--unit))}.hd-shelf{position:relative;width:auto;height:calc(160 * var(--unit));display:flex;flex-direction:column;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));margin:calc(6 * var(--unit)) calc(20 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;flex-shrink:0;overflow:hidden;z-index:15}.hd-shelf-track{flex:1;display:flex;align-items:center;gap:calc(18 * var(--unit));padding:0 calc(24 * var(--unit));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab}.hd-shelf-track::-webkit-scrollbar{display:none}.hd-shelf-track:active{cursor:grabbing}.hd-shelf-hero{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--unit));padding:calc(6 * var(--unit)) calc(12 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(1.5 * var(--unit)) solid transparent;cursor:pointer;flex-shrink:0;transition:transform .15s ease,background .15s ease,border-color .15s ease;box-sizing:border-box}.hd-shelf-hero:hover{background:var(--paper-hi);transform:translateY(calc(-4 * var(--unit)))}.hd-shelf-hero.selected{background:var(--paper);border-color:var(--paper-accent);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201433}.hd-shelf-hero-avatar-frame{position:relative;width:calc(88 * var(--unit));height:calc(88 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);overflow:hidden;box-sizing:border-box}.hd-shelf-hero-avatar{width:100%;height:100%;border-radius:calc(8 * var(--unit));object-fit:cover;display:block}.hd-shelf-hero-info{display:flex;flex-direction:column;align-items:center}.hd-shelf-hero-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px);font-weight:900;color:var(--ink)}.hd-shelf-hero-lv{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),10px);color:var(--paper-gold)}.hd-shelf-cand-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%}.hd-shelf-empty-msg{width:100%;text-align:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);color:var(--ink-soft)}.hd-cand.locked,.hd-cand.name-locked{cursor:not-allowed}.hd-cand-veil{position:absolute;inset:0;background:rgba(28,24,18,.55);border-radius:calc(6 * var(--unit));pointer-events:none;z-index:25}.hd-card-lock{position:absolute;top:calc(8 * var(--unit));right:calc(8 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit));background:#b3352a;border:calc(1 * var(--unit)) solid var(--ink);border-radius:calc(6 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),10px);color:var(--paper-hi);z-index:30;pointer-events:none;box-sizing:border-box}.hd-name-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:calc(2 * var(--unit)) calc(6 * var(--unit));border:calc(2 * var(--unit)) solid #b3352a;border-radius:calc(6 * var(--unit));background:rgba(251,246,236,.9);color:#b3352a;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(13 * var(--unit));font-weight:900;letter-spacing:calc(.5 * var(--unit));white-space:nowrap;max-width:90%;z-index:30;pointer-events:none;box-sizing:border-box}.team-tabs-bar{display:inline-flex;align-items:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(22 * var(--unit));padding:calc(3 * var(--unit));gap:calc(6 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201429;user-select:none;z-index:10}.team-tab-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));padding:calc(6 * var(--unit)) calc(22 * var(--unit));border-radius:calc(18 * var(--unit));border:calc(1.5 * var(--unit)) solid transparent;background:transparent;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),13px);font-weight:900;color:var(--ink-soft);cursor:pointer;transition:all .2s cubic-bezier(.18,.89,.32,1.28)}.team-tab-btn:hover{color:var(--ink);background:rgba(43,32,20,.06)}.team-tab-btn.active{background:var(--paper);color:var(--paper-gold);border-color:var(--ink);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b201433}.team-tab-badge,.team-tabs-badge{background:#22c55e;color:#fff;font-size:max(calc(11 * var(--unit)),9px);font-weight:900;padding:calc(1 * var(--unit)) calc(6 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(1 * var(--unit)) solid var(--ink);line-height:1}.team-hub-header{position:relative;width:100%;height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:center;margin-bottom:calc(8 * var(--unit));flex-shrink:0;box-sizing:border-box}.team-hub-close{position:absolute;right:calc(12 * var(--unit));top:calc(12 * var(--unit));width:calc(38 * var(--unit));height:calc(38 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;line-height:1;color:var(--ink-soft);background:none;border:none;border-radius:calc(6 * var(--unit));cursor:pointer;z-index:50;transition:color .15s,background .15s}.team-hub-close:hover{color:var(--ink);background:rgba(43,32,20,.08)}.team-hub-body{position:relative;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}#battleContainer{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 8%,rgba(16,13,34,.2) 0%,rgba(10,8,20,.55) 100%),var(--battle-bg, url(../map/battle/10.jpg)) center / cover no-repeat;overflow:hidden;z-index:10;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;--well-bg: #e5d8bd;--well-line: #d0bd9a}.battle-header{position:absolute;top:0;left:0;right:0;height:calc(58 * var(--unit));background:var(--paper);border-bottom:calc(2 * var(--unit)) solid var(--ink);padding:0 calc(var(--safe-right, 0px) + 20 * var(--unit)) 0 calc(var(--safe-left, 0px) + 20 * var(--unit));display:flex;align-items:center;justify-content:space-between;z-index:10;box-sizing:border-box}.hud-left{display:flex;align-items:center;gap:calc(12 * var(--unit))}.stage-badge{background:var(--paper-dim, #efe7d8);padding:calc(5 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.45);font-weight:700;color:var(--ink, #2b2014);font-size:calc(13.5 * var(--unit));box-shadow:none}.round-badge{background:var(--paper-dim, #efe7d8);padding:calc(5 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.3);color:var(--ink-soft, #6b5a44);font-size:calc(13 * var(--unit));transition:all .3s ease}.round-badge.pulse{animation:roundBadgeGlow .8s ease-out}@keyframes roundBadgeGlow{0%{transform:scale(1);border-color:#2b20144d;box-shadow:none}30%{transform:scale(1.12);border-color:#d97706;box-shadow:0 0 calc(10 * var(--unit)) #d9770673;color:var(--paper-gold, #92400e)}to{transform:scale(1);border-color:#2b20144d;box-shadow:none;color:var(--ink-soft, #6b5a44)}}.turn-pulse-container{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:120;width:calc(220 * var(--unit));height:calc(220 * var(--unit));animation:turnPulseIn .52s cubic-bezier(.16,1,.3,1) forwards}.turn-pulse-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.turn-pulse-ring-bg{fill:none;stroke:#f1c40f26;stroke-width:calc(3 * var(--unit))}.turn-pulse-ring-fg{fill:none;stroke:gold;stroke-width:calc(4 * var(--unit));stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:280;animation:turnRingSpin .48s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 0 calc(6 * var(--unit)) rgba(255,215,0,.9))}.turn-pulse-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(15,10,30,.85) 0%,rgba(15,10,30,.3) 70%,transparent 100%);width:calc(140 * var(--unit));height:calc(140 * var(--unit));border-radius:50%}.turn-pulse-title{font-size:calc(22 * var(--unit));font-weight:900;color:#fff;text-shadow:0 0 calc(10 * var(--unit)) rgba(255,215,0,.8),0 calc(2 * var(--unit)) calc(4 * var(--unit)) #000;letter-spacing:calc(1 * var(--unit));white-space:nowrap}.turn-pulse-sub{font-size:calc(11 * var(--unit));font-weight:800;color:#f39c12;text-transform:uppercase;letter-spacing:calc(2.5 * var(--unit));margin-top:calc(2 * var(--unit));text-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #000}@keyframes turnPulseIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-55%) scale(1.15)}}@keyframes turnRingSpin{0%{stroke-dashoffset:280;transform:rotate(-90deg);transform-origin:50% 50%}to{stroke-dashoffset:0;transform:rotate(270deg);transform-origin:50% 50%}}.charge-bout-badge{display:inline-block;color:#f1c40f;font-weight:700;margin-right:calc(3 * var(--unit));transition:transform .2s ease}.charge-bout-badge.bout-tick{animation:boutBadgeBounce .4s cubic-bezier(.18,.89,.32,1.28)}.charge-tag .charge-bout-badge{color:#ffd977;background:rgba(43,32,20,.88);padding:calc(1 * var(--unit)) calc(4 * var(--unit));border-radius:calc(4 * var(--unit));text-shadow:none}@keyframes boutBadgeBounce{0%{transform:scale(1)}40%{transform:scale(1.35);color:#fff;text-shadow:0 0 calc(8 * var(--unit)) #f1c40f}to{transform:scale(1)}}.hud-controls{display:flex;align-items:center;gap:calc(10 * var(--unit))}.btn-primary{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;border:none;padding:calc(7 * var(--unit)) calc(16 * var(--unit));border-radius:calc(6 * var(--unit));font-weight:700;font-size:calc(13 * var(--unit));cursor:pointer;box-shadow:0 calc(4 * var(--unit)) calc(10 * var(--unit)) #e67e224d;transition:transform .1s}.btn-primary:active{transform:scale(.96)}.btn-auto{background:linear-gradient(0deg,#ff9800,#fff176);color:#1a0c00;border:calc(2 * var(--unit)) solid rgba(43,32,20,.7);padding:calc(6 * var(--unit)) calc(14 * var(--unit));border-radius:calc(8 * var(--unit));font-weight:700;font-size:calc(12.5 * var(--unit));cursor:pointer;box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #3c28144d}.btn-auto.active{background:linear-gradient(135deg,#d95b4a,#b04a3a);color:#fff;animation:pulse 1.2s infinite}.btn-help{background:var(--paper-dim, #efe7d8);color:var(--ink-soft, #6b5a44);border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.45);padding:calc(6 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));font-size:calc(12.5 * var(--unit));font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s}.btn-help:hover{border-color:var(--paper-accent, #d97706);color:var(--paper-gold, #92400e)}.btn-secondary{background:rgba(255,255,255,.08);border:calc(1 * var(--unit)) solid var(--panel-border);color:var(--text-dim);padding:calc(7 * var(--unit)) calc(12 * var(--unit));border-radius:calc(6 * var(--unit));font-size:calc(13 * var(--unit));cursor:pointer}.btn-back-city{background:var(--paper, #fbf6ec);border:calc(2 * var(--unit)) solid var(--ink, #2b2014);color:var(--ink, #2b2014);padding:calc(6 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));font-size:calc(12.5 * var(--unit));font-weight:700;cursor:pointer;transition:all .2s}.btn-back-city:hover{background:var(--paper-hi, #fffdfa);border-color:var(--paper-accent, #d97706);color:var(--paper-gold, #92400e);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #3c28144d}.battle-main{position:absolute;top:calc(58 * var(--unit));bottom:calc(200 * var(--unit));left:var(--safe-left, 0px);right:calc(var(--safe-right, 0px) + calc(280 * var(--unit)));display:flex;overflow:hidden}.battlefield{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}#dragCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}#popupGlobalLayer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60}.arena{position:absolute;top:calc(8 * var(--unit));bottom:calc(8 * var(--unit));left:calc(8 * var(--unit));right:calc(8 * var(--unit));display:flex;justify-content:space-between;align-items:center;gap:calc(20 * var(--unit));box-sizing:border-box;pointer-events:none}.arena>*{pointer-events:auto}.player-zone,.monster-battlefield{--bubble-lane: calc(48 * var(--unit))}.player-zone{display:flex;flex-direction:column;gap:calc(54 * var(--unit));padding-top:var(--bubble-lane);align-items:center;justify-content:center;box-sizing:border-box;position:relative;left:calc(60 * var(--unit))}.combatant-card{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--paper, #fbf6ec);border:calc(2.5 * var(--unit)) solid var(--ink, #2b2014);border-radius:calc(12 * var(--unit));padding:calc(16 * var(--unit)) calc(8 * var(--unit)) calc(10 * var(--unit));box-shadow:0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466;transition:transform .2s,border-color .2s,box-shadow .2s;box-sizing:border-box;flex-shrink:0}.combatant-card:after{display:none}.combatant-card.hero-card{width:calc(128 * var(--unit));height:calc(184 * var(--unit))}.combatant-card.monster-card{width:calc(132 * var(--unit));height:var(--mcard-h, calc(178 * var(--unit)));--mavatar: calc(48 * var(--unit));--mchip: calc(22 * var(--unit));--mbuff: calc(52 * var(--unit))}.combatant-card[data-elem=fire]{--elem: #d95b4a}.combatant-card[data-elem=earth]{--elem: #5da05a}.combatant-card[data-elem=air]{--elem: #5b87c5}.combatant-card[data-elem=spirit]{--elem: #9a6fc0}.combatant-card[data-elem=water]{--elem: #4fa8a8}.combatant-card[data-elem]{box-shadow:inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57),0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466}.combatant-card.target-candidate-enemy{--cand: #d95b4a;border-color:var(--cand);transform:scale(1.04);z-index:3;animation:cardBreathEnemy 1.1s infinite alternate ease-in-out}.combatant-card.target-candidate-enemy:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cand);opacity:.14;animation:candidateWash .9s infinite alternate ease-in-out;pointer-events:none;z-index:0}.combatant-card.target-candidate-weak{--cand: #e8a33d;border-color:var(--cand);transform:scale(1.06);z-index:4;animation:cardBreathWeak 1s infinite alternate ease-in-out}.combatant-card.target-candidate-weak:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cand);opacity:.2;animation:candidateWash .9s infinite alternate ease-in-out;pointer-events:none;z-index:0}.combatant-card.target-candidate-ally{--cand: #5da05a;border-color:var(--cand);transform:scale(1.04);z-index:3;animation:cardBreathAlly 1.1s infinite alternate ease-in-out}.combatant-card.target-candidate-ally:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cand);opacity:.14;animation:candidateWash .9s infinite alternate ease-in-out;pointer-events:none;z-index:0}@keyframes candidateWash{0%{opacity:.08}to{opacity:.28}}@keyframes cardBreathEnemy{0%{border-color:#d95b4a99;box-shadow:0 0 0 calc(2 * var(--unit)) #d95b4a80,0 0 calc(12 * var(--unit)) calc(2 * var(--unit)) #d95b4a4d,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}to{border-color:#d95b4a;box-shadow:0 0 0 calc(5 * var(--unit)) #d95b4a,0 0 calc(26 * var(--unit)) calc(7 * var(--unit)) #d95b4a99,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}}@keyframes cardBreathWeak{0%{border-color:#e8a33da6;box-shadow:0 0 0 calc(2.5 * var(--unit)) #e8a33d8c,0 0 calc(14 * var(--unit)) calc(2 * var(--unit)) #e8a33d59,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}to{border-color:#e8a33d;box-shadow:0 0 0 calc(6 * var(--unit)) #e8a33d,0 0 calc(30 * var(--unit)) calc(8 * var(--unit)) #e8a33db3,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}}@keyframes cardBreathAlly{0%{border-color:#5b87c599;box-shadow:0 0 0 calc(2 * var(--unit)) #5b87c580,0 0 calc(12 * var(--unit)) calc(2 * var(--unit)) #5b87c54d,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}to{border-color:#5b87c5;box-shadow:0 0 0 calc(5 * var(--unit)) #5b87c5,0 0 calc(26 * var(--unit)) calc(7 * var(--unit)) #5b87c599,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466,inset 0 calc(-4 * var(--unit)) 0 var(--elem, #b08d57)}}.combatant-card.target-candidate-dim{opacity:.3!important;filter:grayscale(.65)!important;transition:opacity .25s ease,filter .25s ease}.combatant-card.target-hover{border-color:var(--paper-accent, #d97706);box-shadow:0 0 calc(12 * var(--unit)) #d977068c;transform:scale(1.05)}.combatant-card.splash-target-hover{border-color:var(--paper-accent, #d97706);box-shadow:0 0 calc(10 * var(--unit)) #d9770673;transform:scale(1.02)}.charge-tag{position:absolute;bottom:calc(100% + calc(6 * var(--unit)));top:auto;left:50%;transform:translate(-50%);color:var(--ink, #2b2014);padding:calc(3 * var(--unit)) calc(8 * var(--unit));border-radius:calc(9 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #3c281459;z-index:15;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:calc(134 * var(--unit));min-width:calc(74 * var(--unit));max-height:calc(52 * var(--unit));overflow:hidden;box-sizing:border-box;line-height:1.3;text-align:center}.charge-skill-line{font-size:calc(9.5 * var(--unit));font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.charge-target-line{font-size:calc(8.5 * var(--unit));font-weight:900;color:var(--paper-gold, #92400e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:none}.charge-tag.casting-pulse{background:linear-gradient(0deg,#ff9800,#fff176);color:#1a0c00;border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.7);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #3c281466;animation:chargePulse 1s infinite alternate ease-in-out}.charge-tag.idle-tag{background:var(--paper, #fbf6ec);border:calc(1.5 * var(--unit)) dashed rgba(43,32,20,.55);color:var(--ink-soft, #6b5a44)}.targeted-threat-badge{position:absolute;top:calc(5 * var(--unit));right:calc(5 * var(--unit));background:linear-gradient(135deg,#d95b4a,#b04a3a);border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.7);color:#fff;font-size:calc(10 * var(--unit));font-weight:900;line-height:1;padding:calc(3 * var(--unit)) calc(6 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1 * var(--unit)) solid rgba(255,255,255,.55);box-shadow:0 0 calc(8 * var(--unit)) #e74c3cd9;white-space:nowrap;z-index:16;pointer-events:none;display:none;animation:threatBadgePulse 1.2s infinite alternate ease-in-out}.tier-badge{position:absolute;top:calc(4 * var(--unit));right:calc(4 * var(--unit));z-index:9;font-size:calc(10 * var(--unit));font-weight:900;line-height:1;padding:calc(3 * var(--unit)) calc(6 * var(--unit));border-radius:calc(6 * var(--unit));color:#fff;border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.7);letter-spacing:calc(.5 * var(--unit));pointer-events:none;text-shadow:0 calc(1 * var(--unit)) 0 rgba(0,0,0,.35)}.tier-badge.elite{background:linear-gradient(135deg,#9a6fc0,#7d4fb0)}.tier-badge.boss{background:linear-gradient(135deg,#d95b4a,#a83226);color:#ffe9b0}.targeted-threat-badge.visible{display:block}@keyframes threatBadgePulse{0%{transform:scale(.94);box-shadow:0 0 calc(5 * var(--unit)) #e74c3c99}to{transform:scale(1.06);box-shadow:0 0 calc(12 * var(--unit)) #ff4757f2}}.combatant-card.hero-card.is-targeted{border-color:#d95b4a;box-shadow:0 0 calc(10 * var(--unit)) #d95b4a73,0 calc(5 * var(--unit)) calc(12 * var(--unit)) #3c281466}.combatant-elem-badge{position:absolute;top:calc(4 * var(--unit));left:calc(4 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;box-sizing:border-box}.combatant-elem-badge img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 calc(2 * var(--unit)) calc(4 * var(--unit)) rgba(0,0,0,.45))}.elem-weak-badge{position:absolute;top:calc(28 * var(--unit));left:calc(4 * var(--unit));padding:calc(1 * var(--unit)) calc(5 * var(--unit));background:#f2b233;color:#3a2a10;border:calc(1.5 * var(--unit)) solid var(--ink, #2b2014);border-radius:calc(6 * var(--unit));font-size:max(calc(11 * var(--unit)),var(--battle-card-font-min, 9.5px));font-weight:900;line-height:1.15;white-space:nowrap;z-index:11;pointer-events:none;box-sizing:border-box}@keyframes chargePulse{0%{transform:translate(-50%) scale(.96);box-shadow:0 0 calc(6 * var(--unit)) #f39c1299}to{transform:translate(-50%) scale(1.04);box-shadow:0 0 calc(14 * var(--unit)) #f39c12}}.unit-avatar{width:calc(54 * var(--unit));height:calc(54 * var(--unit));border-radius:50%;background:#dccfb2;display:flex;align-items:center;justify-content:center;margin-bottom:calc(4 * var(--unit));border:calc(2 * var(--unit)) solid rgba(43,32,20,.5);position:relative;box-shadow:inset 0 calc(2 * var(--unit)) calc(4 * var(--unit)) #5a3e2359}.combatant-card .unit-avatar,.combatant-card .unit-name{flex-shrink:0}@media (max-height: 720px){.combatant-card .buff-list{min-height:0;overflow:hidden}}.combatant-card.hero-card .unit-avatar{width:calc(52 * var(--unit));height:calc(52 * var(--unit));border-radius:calc(10 * var(--unit));border-color:#2b201480;overflow:hidden}.combatant-card.monster-card .unit-avatar{width:var(--mavatar, calc(48 * var(--unit)));height:var(--mavatar, calc(48 * var(--unit)))}.avatar-emoji{font-size:calc(28 * var(--unit));line-height:1}.unit-portrait{position:absolute;inset:0;width:100%;height:100%;border-radius:calc(10 * var(--unit));object-fit:contain;object-position:center;display:block;background:transparent}.combatant-card.monster-card .unit-portrait{border-radius:50%}.hero-mini .portrait{overflow:hidden}.hero-mini-portrait{width:100%;height:100%;border-radius:calc(8 * var(--unit));object-fit:contain;object-position:center;display:block;background:transparent}.combatant-card.monster-card .avatar-emoji{font-size:calc(25 * var(--unit))}.unit-name{font-size:calc(12.5 * var(--unit));font-weight:700;color:var(--ink, #2b2014);margin-bottom:calc(4 * var(--unit));text-align:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.unit-lv{color:var(--paper-gold, #92400e);font-size:calc(11 * var(--unit));margin-left:calc(4 * var(--unit))}.unit-bars{width:100%;display:flex;flex-direction:column;gap:calc(3 * var(--unit))}.bar-wrap{width:100%;height:calc(11 * var(--unit));background:#3a2c1a;border-radius:calc(6 * var(--unit));border:calc(1 * var(--unit)) solid rgba(43,32,20,.55);box-shadow:inset 0 calc(1 * var(--unit)) calc(3 * var(--unit)) #00000080;overflow:hidden;position:relative}.hp-bar-fill{height:100%;transition:width .45s cubic-bezier(.2,.7,.2,1)}.hp-bar-fill.hero-hp{background:#5da05a}.hp-bar-fill.monster-hp{background:#d95b4a}.shield-overlay-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#aef3ff,#79e6ff);box-shadow:0 0 calc(10 * var(--unit)) #79e6ffcc;mix-blend-mode:screen;transition:width .35s cubic-bezier(.2,.7,.2,1)}.bar-label{text-align:center;color:var(--ink-soft, #6b5a44);font-weight:700;margin-top:calc(2 * var(--unit));margin-left:calc(-8 * var(--unit));margin-right:calc(-8 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;letter-spacing:0;font-variant-numeric:tabular-nums;flex-shrink:0}.bar-label .hp-line{font-size:min(max(calc(9 * var(--unit)),var(--battle-card-font-min, 9.5px)),calc(var(--fit-u, 26) * var(--unit)))}.bar-label .shield-text{display:inline-block;font-size:.9em;color:#79e6ff;margin-right:.35em}.bar-label .shield-text .sh-badge{width:.72em;height:.92em;vertical-align:-.08em}.buff-list{display:flex;flex-wrap:wrap;gap:calc(4 * var(--unit));justify-content:center;align-content:flex-start;margin-top:calc(6 * var(--unit));min-height:calc(22 * var(--unit));max-height:var(--mbuff, calc(52 * var(--unit)));padding-bottom:calc(4 * var(--unit));overflow:hidden;width:100%;flex-shrink:0}.combatant-card .buff-chip{width:var(--mchip, calc(22 * var(--unit)));height:var(--mchip, calc(22 * var(--unit)))}.combatant-card .buff-chip img{width:calc(var(--mchip, calc(22 * var(--unit))) - calc(5 * var(--unit)));height:calc(var(--mchip, calc(22 * var(--unit))) - calc(5 * var(--unit)))}.monster-battlefield{flex:1;display:flex;flex-direction:column;gap:calc(56 * var(--unit));padding-top:var(--bubble-lane);align-items:center;justify-content:center;margin-left:calc(90 * var(--unit));box-sizing:border-box;--mcard-h: calc(178 * var(--unit));position:relative;left:calc(48 * var(--unit))}.monster-battlefield.rows-2{--mcard-h: calc(164 * var(--unit))}.monster-battlefield.rows-2 .combatant-card.monster-card{--mavatar: calc(42 * var(--unit));--mchip: calc(18 * var(--unit));--mbuff: calc(43 * var(--unit))}.monster-row{display:flex;gap:calc(28 * var(--unit));justify-content:center}.bottom-dock{position:absolute;bottom:0;left:var(--safe-left, 0px);right:calc(var(--safe-right, 0px) + calc(280 * var(--unit)));height:calc(200 * var(--unit));display:flex;align-items:center;justify-content:space-between;padding:0 calc(24 * var(--unit)) 0 calc(24 * var(--unit));z-index:20;box-sizing:border-box}.hero-dock-left{display:flex;align-items:center;gap:calc(12 * var(--unit));width:calc(210 * var(--unit));height:calc(190 * var(--unit));padding-left:calc(10 * var(--unit));background:url(../ui/battle_dock_heroes.png) center / 100% 100% no-repeat;position:relative}.hero-reserve-strip{position:absolute;left:0;bottom:calc(100% + calc(6 * var(--unit)));display:flex;align-items:center;gap:calc(6 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit));background:rgba(12,9,26,.72);border:calc(1.5 * var(--unit)) dashed rgba(255,255,255,.28);border-radius:calc(8 * var(--unit));white-space:nowrap;pointer-events:none;z-index:21}.hero-reserve-sep{font-size:calc(12 * var(--unit));color:#ffffffb8;letter-spacing:calc(1 * var(--unit))}.hero-mini.reserve{padding:0;gap:0;cursor:default;opacity:.9;background:transparent;border-color:transparent;border-radius:0;box-shadow:none}.hero-mini.reserve .portrait{width:calc(26 * var(--unit));height:calc(26 * var(--unit));border-width:calc(1.5 * var(--unit));border-style:dashed;font-size:calc(13 * var(--unit));box-shadow:none}.hero-mini.reserve:not(.active){opacity:.9}.hero-mini.reserve:not(.active) .portrait{opacity:1;filter:none}.hero-mini{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--unit));cursor:pointer;padding:calc(8 * var(--unit)) calc(10 * var(--unit)) calc(7 * var(--unit));border:calc(2 * var(--unit)) solid var(--well-line, #d0bd9a);border-radius:calc(10 * var(--unit));background:var(--well-bg, #e5d8bd);box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #5a3e2340;transition:all .2s ease;user-select:none;--elem: #b08d57}.hero-mini.active{background:var(--paper, #fbf6ec);border-color:var(--ink, #2b2014);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #3c281461;transform:scale(1.05);z-index:2}.hero-mini.active:after{content:"";position:absolute;left:14%;right:14%;bottom:calc(2 * var(--unit));height:calc(3 * var(--unit));border-radius:calc(2 * var(--unit));background:var(--elem, #b08d57)}.hero-mini:not(.active){opacity:.62}.hero-mini:not(.active) .portrait{opacity:.55;filter:grayscale(.85)}.hero-mini:not(.active) .name{opacity:.85}.hero-mini.dead{opacity:.35;cursor:not-allowed}.hero-mini.dead:not(.active){opacity:.3}.hero-mini.dead .portrait{opacity:.45;filter:grayscale(1)}.hero-mini .portrait{width:calc(60 * var(--unit));height:calc(60 * var(--unit));background:#dccfb2;border:calc(2 * var(--unit)) solid rgba(43,32,20,.5);border-radius:calc(8 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(30 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) calc(4 * var(--unit)) #5a3e2359}.hero-mini[data-elem=fire]{--elem: #d95b4a}.hero-mini[data-elem=earth]{--elem: #5da05a}.hero-mini[data-elem=air]{--elem: #5b87c5}.hero-mini[data-elem=spirit]{--elem: #9a6fc0}.hero-mini[data-elem=water]{--elem: #4fa8a8}.hero-mini .name{font-size:calc(11 * var(--unit));line-height:1.2;color:#f3ead6;font-weight:700;background:rgba(43,32,20,.88);border:calc(1 * var(--unit)) solid rgba(255,217,119,.25);padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(4 * var(--unit));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-mini.active .name{color:#ffd977;border-color:#ffd9778c;background:rgba(43,32,20,.95);text-shadow:none}.order-tag{position:absolute;top:calc(3 * var(--unit));left:calc(3 * var(--unit));font-size:calc(9 * var(--unit));min-width:calc(15 * var(--unit));height:calc(15 * var(--unit));line-height:calc(15 * var(--unit));text-align:center;background:#2b2014;color:#ffd977;border:calc(1 * var(--unit)) solid rgba(255,217,119,.5);border-radius:50%;padding:0 calc(2 * var(--unit));box-sizing:border-box;font-weight:800}.hand-cards{flex:1;display:flex;justify-content:center;gap:calc(2 * var(--unit));align-items:flex-end;height:100%;padding-bottom:calc(12 * var(--unit));background:url(../ui/battle_dock_tray.png) center bottom / auto calc(180 * var(--unit)) no-repeat}.card-item{width:calc(116 * var(--unit));height:calc(169 * var(--unit));background:transparent;border:none;position:relative;cursor:pointer;transition:transform .2s cubic-bezier(.18,.89,.32,1.28),box-shadow .2s;box-shadow:none;user-select:none;box-sizing:border-box}.card-item:before{display:none}.card-gem{position:absolute;top:0;left:50%;transform:translate(-50%);width:calc(16 * var(--unit));height:calc(13 * var(--unit));z-index:3;pointer-events:none}.card-gem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.6))}.card-name-bar{position:absolute;top:calc(12 * var(--unit));left:50%;transform:translate(-50%);width:calc(100 * var(--unit));height:calc(11 * var(--unit));display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.card-name-text{font-size:calc(9.5 * var(--unit));font-weight:800;color:#f8f0d5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 calc(2 * var(--unit));text-shadow:0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.85)}.card-bout-wrap{position:absolute;top:calc(5 * var(--unit));left:calc(4 * var(--unit));width:calc(13 * var(--unit));height:calc(13 * var(--unit));z-index:5;pointer-events:none}.card-bout-wrap .card-bout{width:100%;height:100%;font-size:calc(9 * var(--unit));border-width:calc(.8 * var(--unit))}.card-art-frame{position:absolute;top:calc(21 * var(--unit));left:50%;transform:translate(-50%);width:calc(96 * var(--unit));height:calc(82 * var(--unit));border-radius:calc(30 * var(--unit)) calc(30 * var(--unit)) calc(26 * var(--unit)) calc(26 * var(--unit));background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;pointer-events:none;box-shadow:none}.card-art-frame svg{width:90%;height:90%;max-width:calc(82 * var(--unit));max-height:calc(70 * var(--unit))}.card-value-bar{position:absolute;top:calc(103 * var(--unit));left:50%;transform:translate(-50%);width:calc(88 * var(--unit));height:calc(12 * var(--unit));display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--unit));z-index:5;pointer-events:none}.card-value-icon{font-size:calc(11 * var(--unit));line-height:1}.card-value-num{font-size:calc(12 * var(--unit));font-weight:900;line-height:1;color:gold}.card-value-bar.harm .card-value-num{color:gold}.card-value-bar.harm.harm-buffed .card-value-num{color:#ffd32a;text-shadow:0 0 calc(6 * var(--unit)) rgba(255,211,42,.85)}.card-value-bar.shield .card-value-num{color:gold}.card-value-bar.shield.shield-buffed .card-value-num{color:#00d2d3;text-shadow:0 0 calc(6 * var(--unit)) rgba(0,210,211,.85)}.card-value-bar.hp .card-value-num,.card-value-bar.regen .card-value-num{color:gold}.val-bonus{font-size:calc(8 * var(--unit));color:#2ed573;font-weight:700;margin-left:calc(1.5 * var(--unit))}.card-item .card-stars-row{position:absolute;top:calc(117 * var(--unit));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:calc(3 * var(--unit));height:calc(12 * var(--unit));line-height:calc(12 * var(--unit));width:auto;margin:0;z-index:6;pointer-events:none}.card-item .card-stars-row .star-icon{font-size:calc(12 * var(--unit));line-height:1}.card-item .card-stars-row .star-icon.lit{color:#f1c40f;text-shadow:0 0 calc(4 * var(--unit)) rgba(241,196,15,.95)}.card-item .card-stars-row .star-icon.unlit{color:#4a4563;opacity:.65}.card-effect-icons{position:absolute;bottom:calc(25 * var(--unit));left:50%;transform:translate(-50%);display:flex;gap:calc(4 * var(--unit));z-index:7;pointer-events:none}.card-effect-icon{width:calc(15 * var(--unit));height:calc(15 * var(--unit));border-radius:50%;background:rgba(0,0,0,.35);background-size:contain;background-repeat:no-repeat;background-position:center;border:calc(.6 * var(--unit)) solid rgba(255,255,255,.18)}.card-effect-icon.no-icon{background-image:none!important}.card-brag-icon{position:absolute;top:calc(23 * var(--unit));right:calc(5 * var(--unit));width:calc(15 * var(--unit));height:calc(20 * var(--unit));overflow:hidden;z-index:3;pointer-events:none}.card-brag-icon img{width:100%;height:100%;object-fit:cover;object-position:top;filter:drop-shadow(0 0 calc(2 * var(--unit)) rgba(0,0,0,.5))}.card-top,.card-art,.card-info-bottom,.card-name,.card-value{display:none}.card-bout{background:#27ae60;color:#fff;border-radius:50%;width:calc(22 * var(--unit));height:calc(22 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(11.5 * var(--unit));font-weight:900;border:calc(1 * var(--unit)) solid #fff;box-shadow:0 calc(1 * var(--unit)) calc(4 * var(--unit)) #00000080;position:relative;transition:all .25s ease;box-sizing:border-box}.card-bout.bout-slow{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#ff7675;box-shadow:0 0 calc(8 * var(--unit)) #e74c3cd9;animation:pulseSlow 1.5s infinite alternate}.card-bout.bout-speed{background:linear-gradient(135deg,#00cec9,#0984e3);border-color:#55efc4;box-shadow:0 0 calc(8 * var(--unit)) #00cec9d9;animation:pulseSpeed 1.5s infinite alternate}.bout-mod{position:absolute;top:calc(-5 * var(--unit));right:calc(-6 * var(--unit));font-size:calc(7 * var(--unit));font-weight:900;padding:calc(1 * var(--unit)) calc(2.5 * var(--unit));border-radius:calc(5 * var(--unit));line-height:1;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #00000080}.bout-mod.bout-up{background:#ff4757;color:#fff;border:calc(1 * var(--unit)) solid #ff6b81}.bout-mod.bout-down{background:#2ed573;color:#fff;border:calc(1 * var(--unit)) solid #7bed9f}@keyframes pulseSlow{0%{box-shadow:0 0 calc(4 * var(--unit)) #e74c3c99}to{box-shadow:0 0 calc(10 * var(--unit)) #e74c3cf2}}@keyframes pulseSpeed{0%{box-shadow:0 0 calc(4 * var(--unit)) #00cec999}to{box-shadow:0 0 calc(10 * var(--unit)) #00cec9f2}}.card-item:hover,.card-item.dragging{transform:translateY(calc(-20 * var(--unit))) scale(1.06);border-color:var(--accent-gold);box-shadow:none;z-index:30}.card-item.crit-card{border-color:gold;box-shadow:none;animation:critFlameBorder 1.2s infinite alternate ease-in-out}@keyframes critFlameBorder{0%{border-color:#ff4500}50%{border-color:gold}to{border-color:#ff8c00}}.crit-flame-wrapper{position:absolute;inset:calc(-6 * var(--unit));border-radius:calc(14 * var(--unit));pointer-events:none;overflow:visible;z-index:5}.crit-flame-aura{display:none}.crit-badge{position:absolute;top:calc(-12 * var(--unit));right:calc(-8 * var(--unit));background:linear-gradient(135deg,#e74c3c,#f39c12);border:calc(1.5 * var(--unit)) solid #fff;color:#fff;font-size:calc(10 * var(--unit));font-weight:900;padding:calc(2 * var(--unit)) calc(7 * var(--unit));border-radius:calc(10 * var(--unit));letter-spacing:calc(.5 * var(--unit));text-shadow:0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.8);box-shadow:0 calc(3 * var(--unit)) calc(10 * var(--unit)) #e74c3ccc,0 0 calc(8 * var(--unit)) gold;animation:critBadgePulse .9s infinite alternate cubic-bezier(.18,.89,.32,1.28);z-index:10}@keyframes critBadgePulse{0%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1.08) rotate(3deg)}}.crit-text{color:gold!important;text-shadow:0 0 calc(6 * var(--unit)) rgba(255,215,0,.6)}.crit-value-glow{color:#fff!important;font-size:calc(13 * var(--unit))!important;font-weight:900!important;background:linear-gradient(135deg,#ff4500,#ff8c00);padding:calc(2 * var(--unit)) calc(6 * var(--unit));border-radius:calc(6 * var(--unit));border:calc(1 * var(--unit)) solid #ffd700;text-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) rgba(0,0,0,.8);box-shadow:0 0 calc(10 * var(--unit)) #ff4500cc;animation:valueCritGlow 1s infinite alternate}@keyframes valueCritGlow{0%{transform:scale(.98);box-shadow:0 0 calc(6 * var(--unit)) #ff450099}to{transform:scale(1.04);box-shadow:0 0 calc(14 * var(--unit)) #ffd700e6}}.card-item.drawn-anim{animation:drawInPlace .45s cubic-bezier(.18,.89,.32,1.28) backwards}@keyframes drawInPlace{0%{opacity:0;transform:translateY(calc(90 * var(--unit))) scale(.45,.75)}65%{transform:translateY(calc(-8 * var(--unit))) scale(1.06,1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.rage-dock{width:calc(150 * var(--unit));height:calc(190 * var(--unit));background:url(../ui/battle_dock_ultimate.png) center / 100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--unit));user-select:none;cursor:default;transition:transform .2s ease}.rage-dock.full{cursor:pointer;animation:rageDockFloat 1.2s infinite alternate ease-in-out}.rage-dock.full:hover{transform:scale(1.08)}.rage-dock.full:active{transform:scale(.96)}@keyframes rageDockFloat{0%{transform:translateY(0)}to{transform:translateY(calc(-4 * var(--unit)))}}.rage-circle{width:calc(84 * var(--unit));height:calc(84 * var(--unit));border-radius:50%;background:conic-gradient(#e74c3c calc(var(--rage-deg, 0deg)),#2c2c54 0deg);border:calc(3 * var(--unit)) solid #3a2c1a;display:flex;align-items:center;justify-content:center;box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #3c281459,inset 0 0 calc(6 * var(--unit)) #00000080;position:relative;transition:box-shadow .3s ease,transform .2s ease}.rage-circle.full{background:conic-gradient(#f39c12 360deg,#f39c12 360deg);box-shadow:0 0 calc(25 * var(--unit)) gold,0 0 calc(50 * var(--unit)) #ff7800d9;animation:ragePulse 1s infinite alternate ease-in-out}.rage-circle.full:before{content:"";position:absolute;inset:calc(-8 * var(--unit));border-radius:50%;background:radial-gradient(circle,rgba(255,235,59,.6) 0%,rgba(255,152,0,.35) 60%,transparent 80%);animation:rageAuraPulse 1s infinite alternate ease-in-out;pointer-events:none;z-index:0}@keyframes ragePulse{0%{box-shadow:0 0 calc(18 * var(--unit)) #ffc832cc,0 0 calc(35 * var(--unit)) #ff5a008c;transform:scale(1)}to{box-shadow:0 0 calc(36 * var(--unit)) #fff064,0 0 calc(70 * var(--unit)) #ff5000f2;transform:scale(1.12)}}@keyframes rageAuraPulse{0%{transform:scale(.95);opacity:.5}to{transform:scale(1.35);opacity:1}}.rage-circle:after{content:"";position:absolute;inset:calc(5 * var(--unit));border-radius:50%;background:#150f28}.rage-circle.full:after{background:radial-gradient(circle,#2a1800 0%,#110d22 100%)}.rage-skill-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(72 * var(--unit));height:calc(72 * var(--unit));border-radius:50%;object-fit:cover;box-shadow:0 0 calc(6 * var(--unit)) #00000073;z-index:1;user-select:none;-webkit-user-drag:none}.rage-circle.full .rage-skill-img{filter:brightness(1.12) drop-shadow(0 0 calc(6 * var(--unit)) rgba(255,215,0,.8))}.rage-percent{display:inline-block;min-width:calc(54 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));border-radius:calc(999 * var(--unit));font-size:calc(13 * var(--unit));font-weight:900;letter-spacing:calc(.4 * var(--unit));text-align:center;line-height:1.3;color:#f6eedd;background:rgba(43,32,20,.92);border:calc(1 * var(--unit)) solid rgba(255,217,119,.35);box-shadow:inset 0 calc(1 * var(--unit)) calc(3 * var(--unit)) #0009;text-shadow:0 calc(1 * var(--unit)) 0 rgba(0,0,0,.8);transition:color .3s ease,background .3s ease,box-shadow .3s ease}.rage-dock.full .rage-percent{color:#1a0c00;background:linear-gradient(0deg,#ff9800,#fff176);border-color:#fff;box-shadow:0 0 calc(16 * var(--unit)) gold,0 0 calc(30 * var(--unit)) #ff6e00cc;animation:ragePercentGlow 1s infinite alternate ease-in-out}@keyframes ragePercentGlow{0%{transform:scale(1)}to{transform:scale(1.08)}}.trait-name{font-size:calc(11 * var(--unit));color:#f3ead6;font-weight:800;text-align:center;background:rgba(43,32,20,.88);border:calc(1 * var(--unit)) solid rgba(255,217,119,.25);padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(4 * var(--unit));max-width:calc(140 * var(--unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease,background .3s ease,box-shadow .3s ease}.rage-dock.full .trait-name{color:#1a0c00;background:linear-gradient(0deg,#ff9800,#fff176);border-color:#fff;text-shadow:none}.side-panel{position:absolute;top:calc(58 * var(--unit));bottom:0;right:var(--safe-right, 0px);width:calc(280 * var(--unit));background:rgba(20,14,40,.55);border-left:calc(2 * var(--unit)) solid rgba(255,255,255,.12);display:flex;flex-direction:column;padding:calc(12 * var(--unit)) calc(14 * var(--unit));box-sizing:border-box;z-index:25}.panel-title{font-size:calc(13 * var(--unit));font-weight:800;color:var(--accent-gold);margin-bottom:calc(8 * var(--unit));display:flex;justify-content:space-between;align-items:center}.log-container{flex:1;overflow-y:auto;font-family:Cascadia Code,Consolas,Courier,monospace;font-size:calc(11.5 * var(--unit));line-height:1.45;color:#c8c4de}.log-line{margin-bottom:calc(3 * var(--unit))}.log-round{color:var(--accent-gold);font-weight:700;margin-top:calc(6 * var(--unit));border-top:calc(1 * var(--unit)) dashed #403661;padding-top:calc(4 * var(--unit))}.log-dmg{color:#ff7675}.log-heal{color:#55efc4}.log-shield{color:#74b9ff}.log-buff{color:#ffeaa7}.log-warn{color:#ffa94d}.log-win{color:#fdcb6e;font-weight:700;font-size:calc(13 * var(--unit))}.log-lose{color:#d63031;font-weight:700;font-size:calc(13 * var(--unit))}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:100}.modal-card{width:calc(440 * var(--unit));background:#231b3d;border:calc(2 * var(--unit)) solid var(--accent-gold);border-radius:calc(14 * var(--unit));padding:calc(24 * var(--unit));text-align:center;box-shadow:0 calc(20 * var(--unit)) calc(50 * var(--unit)) #000000e6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;flex-shrink:0}.modal-stars{font-size:calc(34 * var(--unit));color:#f1c40f;margin:calc(10 * var(--unit)) 0;text-shadow:0 0 15px rgba(241,196,15,.6)}.modal-stat{background:#140f24;border-radius:calc(8 * var(--unit));padding:calc(10 * var(--unit));margin:calc(14 * var(--unit)) 0;font-size:calc(12 * var(--unit));text-align:left;line-height:1.8}.shake-hit{animation:shakeHitAnim .35s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeHitAnim{10%,90%{transform:translate3d(-2px,0,0);filter:drop-shadow(0 0 12px #e74c3c)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.lunge-forward{animation:lungeAnim .35s ease forwards}@keyframes lungeAnim{0%{transform:translate(0)}40%{transform:translate(25px) scale(1.08)}to{transform:translate(0)}}.combatant-card.hit-shake{z-index:30;animation:bhHitShake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes bhHitShake{0%{transform:translate(0) rotate(0);filter:none}12%{transform:translate(-8px) rotate(-2deg);filter:brightness(1.6) drop-shadow(0 0 14px #ff5147)}28%{transform:translate(9px) rotate(2deg)}44%{transform:translate(-7px) rotate(-1.5deg);filter:brightness(1.3) drop-shadow(0 0 10px #ff7a3c)}60%{transform:translate(7px) rotate(1.5deg)}76%{transform:translate(-4px) rotate(-.8deg)}to{transform:translate(0) rotate(0);filter:none}}.hit-flash{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle at 50% 45%,rgba(255,80,70,.85),rgba(255,80,70,0) 65%)}.hit-flash.go{animation:bhHitFlash .4s ease-out}@keyframes bhHitFlash{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.15)}}.combatant-card.attack-lunge{z-index:25;animation:bhLunge .35s ease forwards}@keyframes bhLunge{0%{transform:translate(0)}40%{transform:translate(22px) scale(1.06);filter:brightness(1.15)}to{transform:translate(0)}}.floating-popup{position:absolute;transform:translate(-50%);font-family:Lilita One,ZCOOL KuaiLe,Segoe UI,sans-serif;font-weight:900;font-style:normal;letter-spacing:calc(.5 * var(--unit));pointer-events:none;white-space:nowrap;will-change:transform,opacity;animation:bhPopBounce 1.05s cubic-bezier(.18,.9,.28,1) forwards;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;align-items:center;z-index:100}.floating-popup .pop-main{display:inline-block;line-height:1.1;paint-order:stroke fill;-webkit-text-stroke:calc(.9 * var(--unit) * var(--popup-boost, 1)) #241a12;filter:drop-shadow(0 calc(2 * var(--unit)) calc(5 * var(--unit)) rgba(0,0,0,.5))}.floating-popup .pop-tag{display:inline-block;text-align:center;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(11 * var(--unit) * var(--popup-boost, 1));font-weight:800;letter-spacing:calc(.8 * var(--unit));line-height:1.2;margin-top:calc(2 * var(--unit));padding:calc(2 * var(--unit)) calc(7 * var(--unit));color:#fff8e8;background:rgba(24,15,10,.88);border:calc(1 * var(--unit)) solid rgba(255,230,160,.4);border-radius:calc(6 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #000000b3;text-shadow:0 1px 2px rgba(0,0,0,.95);-webkit-text-stroke:0}.popup-harm,.popup-damage{font-size:calc(26 * var(--unit) * var(--popup-boost, 1));color:#ff334b;text-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) rgba(255,30,30,.6)}.popup-crit{font-size:calc(36 * var(--unit) * var(--popup-boost, 1));color:#ffe600;text-shadow:0 0 calc(14 * var(--unit)) rgba(255,220,0,.9),0 calc(3 * var(--unit)) calc(8 * var(--unit)) rgba(0,0,0,.5);animation-duration:1.25s}.popup-crit .pop-tag{background:linear-gradient(135deg,rgba(160,60,0,.92),rgba(80,25,0,.92));border-color:#ffd23f;color:#fffbdf;box-shadow:0 0 calc(6 * var(--unit)) #ffd23f80,0 calc(2 * var(--unit)) calc(4 * var(--unit)) #000000b3}.popup-shield{font-size:calc(23 * var(--unit) * var(--popup-boost, 1));color:#00f0ff;text-shadow:0 0 calc(10 * var(--unit)) rgba(0,240,255,.7)}.popup-shield .pop-tag{background:rgba(3,34,42,.92);border-color:#00f0ff;color:#e0fbff;box-shadow:0 0 calc(6 * var(--unit)) #00f0ff80,0 calc(2 * var(--unit)) calc(4 * var(--unit)) #000000b3}.popup-heal{font-size:calc(25 * var(--unit) * var(--popup-boost, 1));color:#2ecc71;text-shadow:0 0 calc(10 * var(--unit)) rgba(46,204,113,.7)}.popup-heal .pop-tag{background:rgba(6,40,18,.92);border-color:#2ecc71;color:#e6fff0;box-shadow:0 0 calc(6 * var(--unit)) #2ecc7180,0 calc(2 * var(--unit)) calc(4 * var(--unit)) #000000b3}.popup-burn{font-size:calc(23 * var(--unit) * var(--popup-boost, 1));color:#ff9224;text-shadow:0 0 calc(10 * var(--unit)) rgba(255,146,36,.8)}.popup-poison{font-size:calc(23 * var(--unit) * var(--popup-boost, 1));color:#c77dff;text-shadow:0 0 calc(10 * var(--unit)) rgba(199,125,255,.8)}.popup-bleed{font-size:calc(23 * var(--unit) * var(--popup-boost, 1));color:#ff4757;text-shadow:0 0 calc(10 * var(--unit)) rgba(255,71,87,.8)}.popup-miss{font-size:calc(26 * var(--unit) * var(--popup-boost, 1));color:#e4ebf5;text-shadow:0 0 calc(10 * var(--unit)) rgba(228,235,245,.7);letter-spacing:calc(1.5 * var(--unit))}.popup-buff{font-size:calc(21 * var(--unit) * var(--popup-boost, 1));color:#ffd166;text-shadow:0 0 calc(10 * var(--unit)) rgba(255,209,102,.7)}.popup-debuff{font-size:calc(21 * var(--unit) * var(--popup-boost, 1));color:#df90ff;text-shadow:0 0 calc(10 * var(--unit)) rgba(223,144,255,.7)}@keyframes bhPopBounce{0%{transform:translate(-50%,calc(10 * var(--unit))) scale(.35);opacity:0}12%{transform:translate(-50%,calc(-16 * var(--unit))) scale(1.32);opacity:1}22%{transform:translate(-50%,calc(-10 * var(--unit))) scale(1);opacity:1}60%{transform:translate(calc(-50% + var(--dx, 0px) * .35),calc(-14 * var(--unit))) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx, 0px)),calc(-56 * var(--unit))) scale(.92);opacity:0}}.shield-break-fx{position:absolute;width:calc(58 * var(--unit));height:calc(58 * var(--unit));border-radius:50%;pointer-events:none;border:calc(2 * var(--unit)) solid #aef3ff;background:radial-gradient(circle,rgba(121,230,255,0) 34%,rgba(121,230,255,.85) 50%,rgba(174,243,255,0) 72%);mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.4);animation:bhShieldBreak .5s ease-out forwards;will-change:transform,opacity}@keyframes bhShieldBreak{0%{transform:translate(-50%,-50%) scale(.4);opacity:.95}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.card-item,.combatant-card{position:relative}.card-item:after,.combatant-card:after{content:"";position:absolute;top:0;left:0;right:0;height:46%;border-radius:calc(10 * var(--unit)) calc(10 * var(--unit)) 50% 50% / calc(20 * var(--unit)) calc(20 * var(--unit)) 60% 60%;opacity:.24;filter:blur(10px);pointer-events:none;z-index:0}.card-item:after{display:none}.card-item>.card-top,.card-item>.card-art,.card-item>.card-info-bottom,.combatant-card>.unit-avatar,.combatant-card>.unit-name,.combatant-card>.unit-bars,.combatant-card>.buff-list{position:relative;z-index:1}.combatant-card[data-elem=fire],.combatant-card[data-elem=earth],.combatant-card[data-elem=air],.combatant-card[data-elem=spirit],.combatant-card[data-elem=water],.combatant-card[data-elem=neutral]{border-color:var(--ink, #2b2014)}.card-item[data-elem=fire]:after,.combatant-card[data-elem=fire]:after{background:radial-gradient(ellipse at 50% 0%,#ff4757,#ff7f50 55%,transparent 80%)}.card-item[data-elem=earth]:after,.combatant-card[data-elem=earth]:after{background:radial-gradient(ellipse at 50% 0%,#2ed573,#1dd1a1 55%,transparent 80%)}.card-item[data-elem=air]:after,.combatant-card[data-elem=air]:after{background:radial-gradient(ellipse at 50% 0%,#70a1ff,#1e90ff 55%,transparent 80%)}.card-item[data-elem=spirit]:after,.combatant-card[data-elem=spirit]:after{background:radial-gradient(ellipse at 50% 0%,#a55eea,#c6a0ff 55%,transparent 80%)}.card-item[data-elem=water]:after,.combatant-card[data-elem=water]:after{background:radial-gradient(ellipse at 50% 0%,#00d2d3,#54a0ff 55%,transparent 80%)}.card-item[data-elem=neutral]:after,.combatant-card[data-elem=neutral]:after{background:radial-gradient(ellipse at 50% 0%,#c4ccd8,#8a93a5 55%,transparent 80%)}.card-item[data-elem=fire]:hover{box-shadow:0 0 24px #ff47578c,0 12px 28px #00000080}.card-item[data-elem=earth]:hover{box-shadow:0 0 24px #2ed57380,0 12px 28px #00000080}.card-item[data-elem=air]:hover{box-shadow:0 0 24px #70a1ff80,0 12px 28px #00000080}.card-item[data-elem=spirit]:hover{box-shadow:0 0 24px #a55eea8c,0 12px 28px #00000080}.card-item[data-elem=water]:hover{box-shadow:0 0 24px #00d2d380,0 12px 28px #00000080}.card-item[data-elem=neutral]:hover{box-shadow:0 0 24px #9aa3b280,0 12px 28px #00000080}.combatant-card[data-elem].target-hover{border-color:var(--paper-accent, #d97706)!important;box-shadow:0 0 calc(12 * var(--unit)) #d977068c!important}.combatant-card[data-elem].splash-target-hover{border-color:var(--paper-accent, #d97706)!important;box-shadow:0 0 calc(10 * var(--unit)) #d9770673!important}.buff-chip{position:relative;width:calc(22 * var(--unit));height:calc(22 * var(--unit));border-radius:calc(6 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-hi, #fffdfa);border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.65);box-shadow:0 calc(1 * var(--unit)) calc(2 * var(--unit)) #3c281440;cursor:pointer;transition:background .15s ease}.buff-chip:hover{background:var(--paper-hi, #fffdfa);border-color:var(--ink, #2b2014)}.buff-chip img{width:calc(17 * var(--unit));height:calc(17 * var(--unit));display:block;object-fit:contain;image-rendering:auto;filter:none}.buff-chip .buff-emoji{font-size:calc(14 * var(--unit));line-height:1}.buff-chip.buff{color:#3f7d3d}.buff-chip.debuff{color:#b04a3a}.buff-chip .buff-dur{position:absolute;bottom:calc(-4 * var(--unit));right:calc(-4 * var(--unit));background:#2b2014;border:calc(1 * var(--unit)) solid rgba(255,217,119,.55);color:#ffd977;font-size:calc(8 * var(--unit));min-width:calc(12 * var(--unit));height:calc(12 * var(--unit));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;padding:0 calc(2 * var(--unit))}.buff-tip-pop{position:fixed;z-index:99998;background:linear-gradient(180deg,#241c42 0%,#150f28 100%);border:calc(2 * var(--unit)) solid var(--accent-gold);border-radius:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(14 * var(--unit));min-width:calc(150 * var(--unit));box-shadow:0 calc(10 * var(--unit)) calc(30 * var(--unit)) #000000d9;pointer-events:none}.buff-tip-head{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));margin-bottom:calc(6 * var(--unit))}.buff-tip-name{font-weight:800;color:#f1f2f6;font-size:calc(13 * var(--unit))}.buff-tip-type{font-size:calc(11 * var(--unit));font-weight:800}.buff-tip-body{font-size:calc(11.5 * var(--unit));color:#c8c4de}.buff-tip-body b{color:#fff}.combatant-card.dead{opacity:.22;filter:grayscale(1) brightness(.75);transform:scale(.86);pointer-events:none;transition:opacity .5s ease,filter .5s ease,transform .5s ease}.modal-overlay.card-tips-overlay{position:fixed;inset:0;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;z-index:999999;box-sizing:border-box;padding:calc(10 * var(--unit)) calc(var(--safe-right, 0px) + 20 * var(--unit)) calc(10 * var(--unit)) calc(var(--safe-left, 0px) + 20 * var(--unit))}.card-tips-card{width:calc(450 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(8 * var(--unit));display:flex;flex-direction:column;gap:calc(10 * var(--unit));box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.card-tips-card.crit-glow{box-shadow:inset 0 0 0 calc(2 * var(--unit)) #b91c1c}.card-tips-card .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(10 * var(--unit));padding:calc(2 * var(--unit)) calc(34 * var(--unit)) calc(8 * var(--unit)) 0;margin-bottom:calc(2 * var(--unit));border-bottom:calc(1.5 * var(--unit)) solid var(--paper-line);box-sizing:border-box;position:relative}.card-tips-card .modal-title-box{display:flex;flex-direction:column;align-items:flex-start;gap:calc(4 * var(--unit));flex:1;min-width:0;padding-left:calc(2 * var(--unit))}.card-tips-card .tip-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8 * var(--unit))}.card-tips-card .modal-title{font-size:calc(19 * var(--unit));font-weight:900;line-height:1.2;color:var(--ink);margin:0;letter-spacing:calc(1 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.card-tips-card .card-rarity-seal{font-size:calc(13 * var(--unit));font-weight:900;margin-left:0;padding:calc(1.5 * var(--unit)) calc(8 * var(--unit));border:calc(2 * var(--unit)) solid var(--seal-color, #bdc3c7);border-radius:calc(6 * var(--unit));background:var(--seal-bg, rgba(189, 195, 199, .12));color:var(--ink);box-shadow:none;text-shadow:none;white-space:nowrap;flex-shrink:0;letter-spacing:calc(.5 * var(--unit))}.card-tips-card .card-rarity-seal:before{border-color:var(--seal-color, #bdc3c7);opacity:.5}.card-tips-card .card-stars-row{display:flex;align-items:center;gap:calc(3 * var(--unit));width:auto;margin-top:calc(1 * var(--unit))}.card-tips-card .card-stars-row .star-icon{width:calc(22 * var(--unit));height:calc(22 * var(--unit));object-fit:contain;display:block}.card-tips-card .btn-modal-close{position:absolute;top:calc(0 * var(--unit));right:calc(0 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:calc(8 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(24 * var(--unit));font-weight:900;line-height:1;color:var(--ink-soft);cursor:pointer;transition:color .15s,background .15s;z-index:10}.card-tips-card .btn-modal-close:hover{color:#b91c1c;background:rgba(43,32,20,.08)}.card-tips-body{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.card-tips-badge-row{display:flex;gap:calc(8 * var(--unit));flex-wrap:wrap}.card-tips-badge-row .tip-badge{display:inline-flex;align-items:center;gap:calc(5 * var(--unit));padding:calc(3 * var(--unit)) calc(10 * var(--unit));border-radius:calc(8 * var(--unit));font-size:calc(13 * var(--unit));font-weight:800;box-sizing:border-box;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);color:var(--ink)}.card-tips-badge-row .tip-badge.elem,.card-tips-badge-row .tip-badge.bout{border-color:var(--paper-accent);color:var(--paper-gold)}.card-tips-badge-row .tip-badge.crit,.card-tips-badge-row .tip-badge.miss{border-color:#b91c1c;color:#b91c1c}.tip-elem-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit));object-fit:contain;display:inline-block;vertical-align:middle}.tip-scope-icon{width:calc(20 * var(--unit));height:calc(20 * var(--unit));object-fit:contain;display:inline-block;vertical-align:middle;margin-right:calc(4 * var(--unit))}.tip-target-val{display:inline-flex;align-items:center}.card-tips-stat-box{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit))}.card-tips-stat-box .stat-row{display:flex;justify-content:space-between;align-items:center;gap:calc(8 * var(--unit));font-size:calc(14 * var(--unit));line-height:1.35}.card-tips-stat-box .stat-name{color:var(--ink-soft);font-weight:600}.card-tips-stat-box .stat-val{color:var(--ink);font-weight:800;text-align:right}.card-tips-stat-box .stat-val.crit-stat{color:var(--paper-gold);text-shadow:none}.card-tips-buff-box{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit))}.card-tips-buff-box .desc-title,.card-tips-desc-box .desc-title{font-size:calc(14 * var(--unit));color:var(--paper-gold);font-weight:900;letter-spacing:calc(.5 * var(--unit))}.tip-buff-list{display:flex;flex-direction:column;gap:calc(8 * var(--unit))}.tip-buff-chip{display:flex;align-items:center;gap:calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(6 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box}.tip-buff-chip .tip-buff-icon{width:calc(28 * var(--unit));height:calc(28 * var(--unit));object-fit:contain;flex-shrink:0}.tip-buff-chip .tip-buff-info{flex:1;display:flex;flex-direction:column;gap:calc(2 * var(--unit));min-width:0}.tip-buff-chip .tip-buff-name{font-size:calc(13 * var(--unit));font-weight:900;color:var(--ink);display:flex;align-items:center;flex-wrap:wrap;gap:calc(6 * var(--unit));line-height:1.3}.tip-buff-chip .tip-buff-chance{font-size:calc(13 * var(--unit));color:var(--paper-gold);font-weight:700}.tip-buff-chip .tip-buff-desc{font-size:calc(16 * var(--unit));color:var(--ink-soft);line-height:1.35}.card-tips-desc-box{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit))}.card-tips-desc-box .desc-content{font-size:calc(16 * var(--unit));color:var(--ink);line-height:1.45}.card-tips-footer{margin-top:calc(2 * var(--unit));display:flex}.card-tips-footer .ui-btn{width:100%}.dd-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--mask-warm);box-sizing:border-box;padding:calc(10 * var(--unit)) calc(var(--safe-right, 0px) + 20 * var(--unit)) calc(10 * var(--unit)) calc(var(--safe-left, 0px) + 20 * var(--unit));z-index:900000}.dd-panel{position:relative;width:calc(360 * var(--unit));padding:calc(16 * var(--unit)) calc(18 * var(--unit)) calc(14 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column;gap:calc(10 * var(--unit));animation:dd-in .18s ease-out}@keyframes dd-in{0%{opacity:0;transform:translateY(calc(6 * var(--unit))) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.dd-panel{animation:none}}.dd-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));width:calc(24 * var(--unit));height:calc(24 * var(--unit));line-height:1;font-size:calc(18 * var(--unit));color:var(--ink-soft, rgba(43, 32, 20, .7));background:transparent;border:none;cursor:pointer;border-radius:50%;font-family:inherit}.dd-close:hover{background:rgba(43,32,20,.1);color:var(--ink, #2b2014)}.dd-head{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit));position:relative;padding-right:calc(26 * var(--unit));padding-left:calc(26 * var(--unit))}.dd-title{font-size:calc(17 * var(--unit));font-weight:700;color:var(--ink, #2b2014);text-align:center;line-height:1.3}.dd-remain{text-align:center;font-size:calc(13 * var(--unit));font-weight:700;color:#15803d;padding:calc(4 * var(--unit)) 0;background:rgba(34,197,94,.12);border:calc(1 * var(--unit)) solid rgba(34,197,94,.4);border-radius:calc(8 * var(--unit));font-variant-numeric:tabular-nums}.dd-body{display:flex;flex-direction:column;gap:calc(4 * var(--unit))}.dd-line{font-size:calc(12.5 * var(--unit));color:var(--ink-soft, rgba(43, 32, 20, .78));line-height:1.6;text-align:center}.dd-rules{display:flex;flex-direction:column;gap:calc(5 * var(--unit));padding:calc(9 * var(--unit)) calc(10 * var(--unit));background:#faf6ec;border:calc(1 * var(--unit)) solid rgba(43,32,20,.18);border-radius:calc(8 * var(--unit))}.dd-rule{display:flex;align-items:center;gap:calc(7 * var(--unit))}.dd-rule-tag{flex-shrink:0;font-size:calc(10.5 * var(--unit));font-weight:700;line-height:1.5;padding:calc(1 * var(--unit)) calc(6 * var(--unit));border-radius:calc(5 * var(--unit));border:calc(1 * var(--unit)) solid transparent;white-space:nowrap}.dd-rule-tag--must{color:#b45309;background:#fef3c7;border-color:#b4530959}.dd-rule-tag--prob{color:#1d4ed8;background:#dbeafe;border-color:#1d4ed852}.dd-rule-tag--coin{color:#a16207;background:#fde68a;border-color:#a1620759}.dd-rule-tag--exp{color:#6b7280;background:#f3f4f6;border-color:#6b72804d}.dd-rule-txt{font-size:calc(11.5 * var(--unit));color:#2b2014cc;line-height:1.5;word-break:break-word}.dd-usage{text-align:center;font-size:calc(11.5 * var(--unit));color:#2b201480}.dd-actions{display:flex;gap:calc(10 * var(--unit));margin-top:calc(2 * var(--unit))}.dd-btn{flex:1;height:calc(40 * var(--unit));font-size:calc(13 * var(--unit));font-weight:600;border-radius:calc(8 * var(--unit));cursor:pointer;font-family:inherit;border:calc(1.5 * var(--unit)) solid var(--ink, #2b2014)}.dd-btn--cancel{background:#e8dfcd;color:#2b2014bf}.dd-btn--cancel:hover{background:#ded3bc}.dd-btn--primary{background:#f0a020;color:#2b2014;font-weight:700}.dd-btn--primary:hover{background:#ffb020}.dd-btn--primary:disabled,.dd-btn--primary:disabled:hover{background:#dcd2be;color:#2b20146b;cursor:not-allowed}@media (max-height: 719px){.dd-panel{width:calc(330 * var(--unit));padding:calc(13 * var(--unit)) calc(15 * var(--unit)) calc(12 * var(--unit));gap:calc(8 * var(--unit))}.dd-title{font-size:calc(16 * var(--unit))}.dd-line{font-size:calc(12 * var(--unit))}.dd-rules{gap:calc(4 * var(--unit));padding:calc(8 * var(--unit)) calc(9 * var(--unit))}.dd-rule-txt{font-size:calc(11 * var(--unit))}}.btn-help{background:#f1e9d8;color:#2b2014;border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.4);padding:calc(6 * var(--unit)) calc(14 * var(--unit));border-radius:calc(6 * var(--unit));font-weight:700;font-size:calc(12.5 * var(--unit));cursor:pointer;box-shadow:0 calc(3 * var(--unit)) calc(6 * var(--unit)) #2b20144d;transition:filter .15s}.btn-help:hover{filter:brightness(1.12)}.battle-help-overlay{z-index:5100}.battle-help-card{width:calc(680 * var(--unit));max-height:calc(706 * var(--unit));background:var(--paper);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-shadow:0 calc(12 * var(--unit)) calc(30 * var(--unit)) #2b201459;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;padding:calc(14 * var(--unit)) calc(22 * var(--unit));display:flex;flex-direction:column;overflow:hidden}.bh-body{display:flex;flex-direction:column;gap:calc(5 * var(--unit));width:100%;overflow-y:auto;min-height:0;scrollbar-width:thin}.bh-sec{display:flex;flex-direction:column;gap:calc(4 * var(--unit));background:var(--paper-dim);border:1px solid var(--paper-line);border-radius:calc(9 * var(--unit));padding:calc(6 * var(--unit)) calc(12 * var(--unit))}.bh-sec-title{font-size:calc(13.5 * var(--unit));font-weight:900;color:#7c3a10;letter-spacing:calc(.5 * var(--unit))}.bh-note{font-size:calc(12 * var(--unit));line-height:1.45;color:var(--ink-soft);font-weight:600}.bh-note b{color:var(--ink)}.bh-grid{display:flex;flex-direction:column;gap:calc(3 * var(--unit));width:100%}.bh-chip{display:flex;align-items:center;gap:calc(6 * var(--unit));font-size:calc(12 * var(--unit));font-weight:600;color:var(--ink-soft);line-height:1.35;white-space:normal;word-break:break-word}.bh-chip b{color:var(--ink);flex-shrink:0}.bh-chip img{width:calc(18 * var(--unit));height:calc(18 * var(--unit));object-fit:contain;flex-shrink:0}.bh-elem-row{display:flex;align-items:center;gap:calc(14 * var(--unit));width:100%}.bh-elems{display:flex;gap:calc(6 * var(--unit));flex-shrink:0}.bh-elem{display:inline-flex;align-items:center;gap:calc(3 * var(--unit));font-size:calc(12 * var(--unit));font-weight:700;color:var(--ink-soft)}.bh-elem img{width:calc(20 * var(--unit));height:calc(20 * var(--unit));object-fit:contain}.bh-wheel{height:calc(60 * var(--unit));width:auto;margin-left:auto;object-fit:contain}.bh-c-up,.bh-c-speed{color:#15803d;font-weight:900}.bh-c-down,.bh-c-slow{color:#b91c1c;font-weight:900}.bh-c-shield{color:#1d4ed8;font-weight:900}.bh-tip{font-size:calc(12 * var(--unit));font-weight:700;color:#7c3a10;background:#f7ecd2;border:1px dashed #c8a05a;border-radius:calc(9 * var(--unit));padding:calc(7 * var(--unit)) calc(12 * var(--unit));line-height:1.5}.bh-tip b{color:#2b2014}.bh-footer{margin-top:calc(9 * var(--unit));width:100%}.battle-drop-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;padding:calc(16 * var(--unit));z-index:100000;-webkit-font-smoothing:antialiased;font-family:ZCOOL KuaiLe,sans-serif;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.drop-modal-card{width:calc(900 * var(--unit));max-width:94vw;align-items:center;text-align:center;padding:calc(8 * var(--unit)) calc(10 * var(--unit)) calc(10 * var(--unit))}.drop-header{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--unit));margin-bottom:calc(12 * var(--unit))}.drop-title{margin:0;font-size:calc(30 * var(--unit));font-weight:900;color:var(--paper-gold);letter-spacing:calc(1 * var(--unit));display:flex;align-items:center;gap:calc(8 * var(--unit))}.drop-flame{font-size:calc(26 * var(--unit))}.drop-sub{font-size:calc(13 * var(--unit));color:var(--ink-soft)}.drop-reward-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(10 * var(--unit));margin-bottom:calc(10 * var(--unit))}.drop-coin,.drop-exp{font-size:calc(14 * var(--unit));font-weight:800;padding:calc(4 * var(--unit)) calc(12 * var(--unit));border-radius:calc(999 * var(--unit));border:calc(1 * var(--unit)) solid rgba(255,255,255,.12)}.drop-coin{color:#7c3a10;background:#f7ecd2;border:calc(1 * var(--unit)) solid var(--paper-line)}.drop-exp{color:#1d4ed8;background:#e7eefb;border:calc(1 * var(--unit)) solid var(--paper-line)}.drop-badge{font-size:calc(12 * var(--unit));font-weight:800;padding:calc(4 * var(--unit)) calc(12 * var(--unit));border-radius:calc(999 * var(--unit))}.drop-badge.is-first{color:#7c3a10;background:#f7ecd2;border:calc(1 * var(--unit)) solid #c8a05a}.drop-badge.is-level{color:#15803d;background:#e2f2e6;border:calc(1 * var(--unit)) solid #9fc6ad}.drop-badge.is-sweep{color:#854d0e;background:#fef9c3;border:calc(1 * var(--unit)) solid #eab308}.drop-stack-wrap{width:100%;max-width:calc(820 * var(--unit));margin:0 auto calc(14 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-shadow:inset 0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b201414;padding:calc(10 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;overflow-x:auto;overflow-y:hidden;text-align:center;white-space:nowrap;scrollbar-width:none}.drop-stack-wrap::-webkit-scrollbar{display:none}.drop-stack{display:inline-flex;align-items:center;justify-content:safe center;padding:0 calc(20 * var(--unit))}.drop-card{position:relative;width:calc(150 * var(--unit));height:calc(210 * var(--unit));flex-shrink:0;border-radius:calc(14 * var(--unit));background:#f3ead6;border:calc(2 * var(--unit)) solid rgba(43,32,20,.28);box-shadow:0 calc(6 * var(--unit)) calc(14 * var(--unit)) #2b201447;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.drop-card+.drop-card{margin-left:calc(-89 * var(--unit))}.drop-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,var(--elem) 0%,transparent 70%);opacity:.3;pointer-events:none;transition:opacity .18s ease}.drop-card-rar{position:absolute;top:0;left:0;right:0;height:calc(10 * var(--unit));background:linear-gradient(90deg,transparent,var(--elem),transparent);opacity:.6;pointer-events:none}.drop-card-emblem{position:absolute;top:50%;left:50%;width:calc(120 * var(--unit));height:calc(120 * var(--unit));transform:translate(-50%,-54%) rotate(45deg);border:calc(2 * var(--unit)) solid var(--elem);border-radius:calc(10 * var(--unit));opacity:.16;pointer-events:none}.item-ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(94 * var(--unit));height:calc(132 * var(--unit));display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 calc(10 * var(--unit)) var(--elem));pointer-events:none}.item-ico svg,.item-ico img.item-png-icon{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.stack-qty{position:absolute;top:calc(10 * var(--unit));left:calc(8 * var(--unit));background:rgba(43,32,20,.85);color:#fff;font-size:calc(16 * var(--unit));font-weight:800;padding:calc(1 * var(--unit)) calc(8 * var(--unit));border-radius:calc(9 * var(--unit));border:calc(1 * var(--unit)) solid rgba(255,255,255,.25);z-index:3}.stack-tab{position:absolute;left:calc(8 * var(--unit));top:calc(48 * var(--unit));z-index:3;writing-mode:vertical-rl;text-orientation:upright;color:#7c3a10;font-size:calc(15 * var(--unit));font-weight:800;line-height:1.35;letter-spacing:calc(1 * var(--unit));max-height:calc(150 * var(--unit));overflow:hidden;pointer-events:none}.drop-card.is-focus{transform:translateY(calc(-16 * var(--unit))) scale(1.05);z-index:999!important;border-color:#d8912a;box-shadow:0 calc(12 * var(--unit)) calc(28 * var(--unit)) #2b201459}.drop-card.is-focus .drop-card-glow{opacity:.5}.drop-empty{display:inline-flex;align-items:center;justify-content:center;min-width:calc(300 * var(--unit));height:calc(150 * var(--unit));color:var(--ink-soft);font-size:calc(14 * var(--unit))}.drop-current{margin:calc(6 * var(--unit)) 0 calc(14 * var(--unit));font-size:calc(14 * var(--unit));font-weight:700;color:#7c3a10}.drop-footer{display:flex;align-items:flex-start;justify-content:center;gap:calc(28 * var(--unit))}.btn-drop-return,.btn-drop-again{cursor:pointer;font-family:inherit;font-size:calc(16 * var(--unit));font-weight:800;height:calc(42 * var(--unit));padding:0 calc(26 * var(--unit));display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease}.btn-drop-return:hover,.btn-drop-again:hover{transform:translateY(calc(-2 * var(--unit)))}.btn-drop-return:active,.btn-drop-again:active{transform:translateY(calc(1 * var(--unit)))}.drop-playagain-col{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--unit))}.drop-expend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(3 * var(--unit));font-size:calc(12 * var(--unit));color:#7c3a10;font-weight:700}.drop-expend-item{display:inline-flex;align-items:center;gap:calc(2 * var(--unit));white-space:nowrap}.drop-expend-sep{opacity:.55}.drop-expend-own{font-style:normal;font-weight:700;margin-left:calc(1 * var(--unit))}.drop-expend-own.is-ok{color:#15803d}.drop-expend-own.is-lack{color:#b91c1c}.drop-double-badge{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));margin-top:calc(4 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));font-size:calc(12 * var(--unit));font-weight:700;color:#2b2014;background:#f0a020;border:calc(1.5 * var(--unit)) solid var(--ink, #2b2014);border-radius:calc(11 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201440;white-space:nowrap;font-variant-numeric:tabular-nums}.battle-result-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;z-index:100000;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased}.battle-result-card{width:calc(480 * var(--unit));max-width:94vw;background:var(--paper);border:calc(2.5 * var(--unit)) solid var(--ink);border-radius:calc(18 * var(--unit));padding:calc(20 * var(--unit)) calc(22 * var(--unit));display:flex;flex-direction:column;gap:calc(14 * var(--unit));box-shadow:0 calc(12 * var(--unit)) calc(36 * var(--unit)) #2b201473,0 calc(2 * var(--unit)) 0 #fffc inset;box-sizing:border-box;position:relative;text-align:center;color:var(--ink)}.battle-result-card.defeat{border-color:#8b251d}.result-header{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--unit))}.result-title{font-size:calc(24 * var(--unit));font-weight:900;margin:0;letter-spacing:calc(.5 * var(--unit))}.result-title.win-text{color:var(--paper-gold);text-shadow:0 1px 0 rgba(255,255,255,.7)}.result-title.defeat-text{color:#c0392b;text-shadow:0 1px 0 rgba(255,255,255,.7)}.result-stars-row{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--unit));margin:calc(4 * var(--unit)) 0}.result-star-img{width:calc(40 * var(--unit));height:calc(40 * var(--unit));display:block;object-fit:contain;filter:drop-shadow(0 calc(2 * var(--unit)) calc(4 * var(--unit)) rgba(43,32,20,.25))}.result-star-img.lit{filter:drop-shadow(0 0 calc(8 * var(--unit)) rgba(242,178,51,.6)) drop-shadow(0 calc(2 * var(--unit)) calc(4 * var(--unit)) rgba(43,32,20,.3))}.result-star-img.unlit{opacity:.35;filter:grayscale(1)}.result-defeat-icon{font-size:calc(40 * var(--unit));line-height:1;margin:calc(4 * var(--unit)) 0}.result-content-wrap{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.result-win-title{font-size:calc(14 * var(--unit));font-weight:700;color:var(--ink);margin-bottom:calc(4 * var(--unit))}.gold-text{color:var(--paper-gold);font-weight:900}.result-conditions-card{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(12 * var(--unit)) calc(16 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit));text-align:left}.condition-row{display:flex;align-items:center;justify-content:space-between;font-size:calc(12.5 * var(--unit));gap:calc(6 * var(--unit))}.condition-row .cond-icon{font-size:calc(13 * var(--unit));flex-shrink:0}.condition-row .cond-text{flex:1;color:var(--ink);font-weight:700}.condition-row.pass .cond-text{color:var(--ink)}.condition-row.fail .cond-text{color:var(--ink-soft);opacity:.65;text-decoration:line-through}.condition-row .cond-star{font-weight:900;color:var(--paper-gold);flex-shrink:0}.condition-row.fail .cond-star{color:var(--ink-soft);opacity:.5}.result-defeat-title{font-size:calc(14.5 * var(--unit));font-weight:700;color:#c0392b;margin-bottom:calc(4 * var(--unit))}.result-guide-card{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(12 * var(--unit)) calc(16 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit));text-align:left}.guide-title{font-size:calc(13 * var(--unit));color:var(--paper-gold);font-weight:900;margin-bottom:calc(2 * var(--unit))}.guide-item{font-size:calc(12 * var(--unit));color:var(--ink);line-height:1.5}.result-footer{margin-top:calc(4 * var(--unit))}.btn-result-confirm{width:100%;padding:calc(11 * var(--unit)) 0;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(16 * var(--unit));font-weight:900;border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);cursor:pointer;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s}.btn-result-confirm.btn-win{background:linear-gradient(180deg,#f5c443,#d98a1c);color:var(--ink);box-shadow:0 calc(3 * var(--unit)) 0 #8f5008,0 calc(6 * var(--unit)) calc(12 * var(--unit)) #0003}.btn-result-confirm.btn-defeat{background:linear-gradient(180deg,#e85d4f,#c0392b);color:#fff;box-shadow:0 calc(3 * var(--unit)) 0 #781c12,0 calc(6 * var(--unit)) calc(12 * var(--unit)) #0003;text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn-result-confirm:active{transform:translateY(calc(2 * var(--unit)));box-shadow:0 calc(1 * var(--unit)) 0 #8f5008}.card-badges{position:absolute;left:calc(3 * var(--unit));top:calc(36 * var(--unit));display:flex;flex-direction:column;gap:calc(3 * var(--unit));z-index:6;pointer-events:none}.cbadge{width:calc(24 * var(--unit));height:calc(24 * var(--unit));border-radius:calc(5 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(12 * var(--unit));font-weight:900;line-height:1;background:transparent;border:none;box-sizing:border-box;box-shadow:none;overflow:visible}.cbadge img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.7))}.cb-scope{width:calc(20 * var(--unit));height:calc(20 * var(--unit));color:#fff;background:rgba(8,8,18,.75);border:calc(1 * var(--unit)) solid rgba(255,255,255,.18);border-radius:calc(5 * var(--unit));box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #00000080;text-shadow:0 calc(1 * var(--unit)) calc(1 * var(--unit)) rgba(0,0,0,.6)}.cb-self{background:rgba(46,204,113,.85);border-color:#b4ffd28c}.cb-ally{background:rgba(52,152,235,.85);border-color:#b4dcff8c}.cb-buff{padding:0}.cb-always{opacity:1}.cb-chance{opacity:.78}.hd-cand .cbadge{width:calc(18 * var(--unit));height:calc(18 * var(--unit));font-size:calc(10 * var(--unit));border-radius:calc(4 * var(--unit))}.hd-cand .card-badges{top:calc(30 * var(--unit));gap:calc(2 * var(--unit))}.hd-cand .cb-scope{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.inline-buff-icon{width:calc(13 * var(--unit));height:calc(13 * var(--unit));vertical-align:-.15em;display:inline-block;object-fit:contain;margin:0 calc(1.5 * var(--unit));filter:drop-shadow(0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.6));pointer-events:none}.inline-log-icon{width:calc(15 * var(--unit));height:calc(15 * var(--unit));vertical-align:-.2em;display:inline-block;object-fit:contain;margin:0 calc(2 * var(--unit));filter:drop-shadow(0 calc(1 * var(--unit)) calc(2 * var(--unit)) rgba(0,0,0,.5));pointer-events:none}.card-rarity-seal{display:inline-flex;align-items:center;justify-content:center;font-size:calc(11 * var(--unit));font-weight:900;letter-spacing:calc(1.5 * var(--unit));padding:calc(1.5 * var(--unit)) calc(7 * var(--unit));border:calc(1.8 * var(--unit)) solid var(--seal-color, #bdc3c7);border-radius:calc(6 * var(--unit));color:var(--seal-color, #bdc3c7);background:var(--seal-bg, rgba(189, 195, 199, .12));box-shadow:0 0 calc(6 * var(--unit)) var(--seal-glow, rgba(189, 195, 199, .3)),inset 0 0 calc(4 * var(--unit)) var(--seal-glow, rgba(189, 195, 199, .15));transform:rotate(-4deg);text-shadow:0 0 calc(3 * var(--unit)) currentColor;margin-left:calc(8 * var(--unit));vertical-align:middle;user-select:none;line-height:1.25;position:relative;box-sizing:border-box}.card-rarity-seal:before{content:"";position:absolute;inset:calc(1 * var(--unit));border:calc(.8 * var(--unit)) dashed var(--seal-color, #bdc3c7);border-radius:calc(4 * var(--unit));pointer-events:none;opacity:.65}.card-item.card-view{position:relative;width:calc(400 * var(--cscale));height:calc(570 * var(--cscale));--cscale: var(--unit);background:none!important;border:none!important;box-shadow:none!important;padding:0;margin:0;flex-shrink:0;overflow:visible;cursor:pointer;user-select:none;box-sizing:border-box}.card-item.card-view:before{display:none!important}.card-item.card-view:after{display:none!important}.card-item.card-view[data-elem]{box-shadow:none!important}.card-item.card-view{transition:transform .15s ease}.card-item.card-view:hover,.card-item.card-view.dragging{transform:translateY(calc(-20 * var(--cscale)));z-index:30}#handContainer .card-item.card-view{--cscale: calc(136 * var(--unit) / 400);position:relative;top:calc(10 * var(--unit))}.card-view .oc-frame{position:absolute;left:calc(-27.24 * var(--cscale));top:calc(-5.55 * var(--cscale));width:calc(435.81 * var(--cscale));height:calc(581.08 * var(--cscale));z-index:1;pointer-events:none}.card-view .oc-frame img{width:100%;height:100%;display:block}.card-view .oc-name{position:absolute;left:0;right:0;top:calc(69.2 * var(--cscale));height:calc(64.1 * var(--cscale));line-height:calc(64.1 * var(--cscale));text-align:center;z-index:5;color:#241406;font-family:ZCOOL KuaiLe,YouYuan,幼圆,STXihei,PingFang SC,Microsoft YaHei,sans-serif;font-size:calc(44 * var(--cscale));font-weight:900;letter-spacing:calc(1.7 * var(--cscale));text-shadow:0 calc(1.7 * var(--cscale)) 0 rgba(255,255,255,.65);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:calc(3 * var(--cscale)) calc(55 * var(--cscale)) 0 calc(39 * var(--cscale));box-sizing:border-box}.card-view .oc-name.oc-name-mid{font-size:calc(36 * var(--cscale));letter-spacing:calc(1.2 * var(--cscale))}.card-view .oc-name.oc-name-long{font-size:calc(28 * var(--cscale));letter-spacing:0}.card-view .oc-name.oc-name-extra-long{font-size:calc(24 * var(--cscale));letter-spacing:calc(-.5 * var(--cscale))}.card-view .oc-name.oc-name-super-long{font-size:calc(20 * var(--cscale));letter-spacing:calc(-.8 * var(--cscale))}.card-view .oc-cost{position:absolute;left:calc(6.5 * var(--cscale));top:calc(21.5 * var(--cscale));width:calc(56 * var(--cscale));height:calc(56 * var(--cscale));display:flex;align-items:center;justify-content:center;background:#2b2014;border:calc(4 * var(--cscale)) solid #d9a441;border-radius:50%;box-shadow:0 calc(2 * var(--cscale)) calc(4 * var(--cscale)) #00000059,inset 0 calc(2 * var(--cscale)) calc(3 * var(--cscale)) #ffffff24;z-index:7}.card-view .oc-cost .oc-cost-img{width:100%;height:100%;display:block}.card-view .oc-cost .oc-bout{position:static;z-index:6;font-size:calc(34 * var(--cscale));font-weight:400;font-family:Lilita One,Arial Black,sans-serif;line-height:1;color:#fff;text-shadow:0 calc(1.3 * var(--cscale)) calc(2.2 * var(--cscale)) rgba(0,0,0,.6)}.card-view .oc-bout.oc-bout-slow{color:#ff5a5a}.card-view .oc-bout.oc-bout-speed{color:#54f0a6}.card-view .oc-gem{position:absolute;left:calc(39 * var(--cscale));top:calc(76 * var(--cscale));width:calc(50 * var(--cscale));height:calc(50 * var(--cscale));z-index:8}.card-view .oc-gem img{width:100%;height:100%;display:block;object-fit:contain}.card-view .oc-brag{position:absolute;left:calc(303.3 * var(--cscale));top:calc(-20.1 * var(--cscale));width:calc(77.1 * var(--cscale));height:calc(251.4 * var(--cscale));z-index:3}.card-view .oc-brag img{width:100%;height:100%;display:block}.card-view .oc-art{position:absolute;left:calc(32.3 * var(--cscale));top:calc(140.2 * var(--cscale));width:calc(319.8 * var(--cscale));height:calc(297.1 * var(--cscale));z-index:2;display:flex;align-items:center;justify-content:center}.card-view .oc-art svg,.card-view .oc-art img{width:100%;height:100%;flex-shrink:0;display:block}.card-view .oc-art-img{object-fit:cover}.card-view .oc-value{position:absolute;left:calc(30.6 * var(--cscale));top:calc(445 * var(--cscale));width:calc(323.2 * var(--cscale));height:calc(72 * var(--cscale));z-index:4;display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--cscale))}.card-view .oc-vicon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-view .oc-vicon .oc-vicon-img{width:calc(46 * var(--cscale));height:calc(46 * var(--cscale));object-fit:contain;display:block;filter:drop-shadow(0 calc(2.3 * var(--cscale)) calc(3.4 * var(--cscale)) rgba(0,0,0,.9))}.card-view .oc-vnum{font-family:Lilita One,Arial Black,sans-serif;font-size:calc(54 * var(--cscale));font-weight:400;letter-spacing:calc(.6 * var(--cscale));line-height:1;color:#fff753;paint-order:stroke fill;-webkit-text-stroke:calc(4.6 * var(--cscale)) #000;text-stroke:calc(4.6 * var(--cscale)) #000;text-shadow:0 calc(2.3 * var(--cscale)) calc(4.6 * var(--cscale)) rgba(0,0,0,.95);display:inline-block;white-space:nowrap}.card-view .oc-vnum.oc-vnum-len-3{font-size:calc(48 * var(--cscale));-webkit-text-stroke:calc(4.2 * var(--cscale)) #000;text-stroke:calc(4.2 * var(--cscale)) #000}.card-view .oc-vnum.oc-vnum-len-4{font-size:calc(40 * var(--cscale));-webkit-text-stroke:calc(3.6 * var(--cscale)) #000;text-stroke:calc(3.6 * var(--cscale)) #000}.card-view .oc-vnum.oc-vnum-len-5{font-size:calc(32 * var(--cscale));-webkit-text-stroke:calc(3 * var(--cscale)) #000;text-stroke:calc(3 * var(--cscale)) #000}.card-view:has(.oc-vnum.oc-vnum-len-4) .oc-vicon-img{width:calc(40 * var(--cscale));height:calc(40 * var(--cscale))}.card-view:has(.oc-vnum.oc-vnum-len-5) .oc-vicon-img{width:calc(33 * var(--cscale));height:calc(33 * var(--cscale))}.card-view .oc-v-arrow-stream{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(28 * var(--cscale));height:calc(42 * var(--cscale));flex-shrink:0;pointer-events:none}.card-view .oc-v-arrow-img{width:calc(26 * var(--cscale));height:calc(26 * var(--cscale));object-fit:contain;display:block;filter:drop-shadow(0 calc(1.7 * var(--cscale)) calc(3 * var(--cscale)) rgba(0,0,0,.9))}.card-view .oc-v-arrow-stream.up .oc-v-arrow-img{animation:floatArrowUp 1.2s cubic-bezier(.25,.46,.45,.94) infinite}.card-view .oc-v-arrow-stream.down .oc-v-arrow-img{animation:floatArrowDown 1.2s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes floatArrowUp{0%{opacity:0;transform:translateY(calc(12 * var(--cscale)))}30%{opacity:1;transform:translateY(0)}75%{opacity:.95;transform:translateY(calc(-7 * var(--cscale)))}to{opacity:0;transform:translateY(calc(-15 * var(--cscale)))}}@keyframes floatArrowDown{0%{opacity:0;transform:translateY(calc(-12 * var(--cscale)))}30%{opacity:1;transform:translateY(0)}75%{opacity:.95;transform:translateY(calc(7 * var(--cscale)))}to{opacity:0;transform:translateY(calc(15 * var(--cscale)))}}.card-view .oc-vnum.oc-v-normal{color:#fff753}.card-view .oc-vnum.oc-v-buff,.card-view .oc-vnum.oc-v-crit{color:#38ef7d;text-shadow:0 0 calc(8 * var(--cscale)) rgba(56,239,125,.7)}.card-view .oc-vnum.oc-v-weak{color:#ff4d4f;text-shadow:0 0 calc(8 * var(--cscale)) rgba(255,77,79,.7)}.card-view .oc-stars{position:absolute;left:0;right:0;top:calc(30 * var(--cscale));display:flex;justify-content:flex-end;align-items:center;gap:calc(2.5 * var(--cscale));height:calc(27 * var(--cscale));padding-right:calc(40 * var(--cscale));box-sizing:border-box;z-index:4;pointer-events:none}.card-view .oc-stars .oc-single-star{width:calc(23 * var(--cscale));height:calc(23 * var(--cscale));object-fit:contain;display:block;filter:drop-shadow(0 calc(1.2 * var(--cscale)) calc(2.3 * var(--cscale)) rgba(0,0,0,.7))}.card-view .oc-stars .oc-single-star.on{filter:drop-shadow(0 calc(1.2 * var(--cscale)) calc(2.3 * var(--cscale)) rgba(0,0,0,.7)) drop-shadow(0 0 calc(2.9 * var(--cscale)) rgba(255,215,0,.45))}.card-view .oc-buffs{position:absolute;left:0;right:0;top:calc(503 * var(--cscale));display:flex;justify-content:center;align-items:center;gap:calc(7 * var(--cscale));z-index:4;transform:translate(calc(-6 * var(--cscale)))}.card-view .oc-buff{position:relative;width:calc(69 * var(--cscale));height:calc(71 * var(--cscale));display:flex;align-items:center;justify-content:center}.card-view .oc-buff img,.card-view .oc-buff svg,.card-view .oc-buff .oc-buff-emoji{width:100%;height:100%;display:block;object-fit:contain}.card-view .oc-buff .oc-buff-emoji{font-size:calc(44 * var(--cscale));text-align:center;line-height:calc(71 * var(--cscale))}.card-view .oc-buff.oc-buff-proc{animation:ocBuffProcPulse 1.3s ease-in-out infinite;z-index:6}.card-view .oc-buff.oc-buff-proc img{filter:drop-shadow(0 0 calc(4 * var(--cscale)) #ffffff) drop-shadow(0 0 calc(8 * var(--cscale)) #ffd700) drop-shadow(0 0 calc(14 * var(--cscale)) #ff9800)}.card-view .oc-buff.oc-buff-proc:after{content:"";position:absolute;inset:calc(-4 * var(--cscale));border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(255,215,0,.28) 45%,transparent 75%);pointer-events:none;animation:ocBuffHalo 1.3s ease-in-out infinite}@keyframes ocBuffProcPulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes ocBuffHalo{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.oc-glow{animation:oc-breath 2s ease-in-out infinite}@keyframes oc-breath{0%,to{opacity:.92;text-shadow:0 0 calc(3 * var(--cscale)) rgba(255,255,255,.22),0 0 calc(9 * var(--cscale)) currentColor}50%{opacity:1;text-shadow:0 0 calc(6 * var(--cscale)) rgba(255,255,255,.42),0 0 calc(17 * var(--cscale)) currentColor}}.card-view-holder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.oc-levelbar{display:flex;align-items:center;gap:calc(7 * var(--cscale));width:calc(380 * var(--cscale));height:calc(27 * var(--cscale));margin-top:calc(16 * var(--cscale));padding:0 calc(7 * var(--cscale));box-sizing:border-box;background:var(--paper-hi);border:calc(2 * var(--cscale)) solid var(--ink);border-radius:calc(7 * var(--cscale));box-shadow:0 calc(2 * var(--cscale)) calc(5 * var(--cscale)) #2b20142e;flex-shrink:0;z-index:10}.oc-levelbar .oc-lv{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(23 * var(--cscale));font-weight:900;color:var(--paper-gold);white-space:nowrap;line-height:1}.oc-levelbar .oc-lv i{font-style:normal;font-weight:700;color:var(--ink-soft);font-size:calc(18 * var(--cscale))}.oc-levelbar.oc-lv-max .oc-lv{color:#3f7d4e}.oc-levelbar .oc-lv-exp{flex:1;height:calc(8 * var(--cscale));background:var(--paper-dim);border-radius:calc(4.6 * var(--cscale));overflow:hidden;border:calc(.6 * var(--cscale)) solid var(--paper-line)}.oc-levelbar .oc-lv-exp-fill{display:block;height:100%;background:var(--paper-accent);border-radius:calc(4.6 * var(--cscale))}.oc-levelbar.oc-lv-max .oc-lv-exp-fill{background:#3f7d4e}.card-view .oc-art-hero{position:absolute;left:calc(246.1 * var(--cscale));top:calc(304.3 * var(--cscale));width:calc(100 * var(--cscale));height:calc(127 * var(--cscale));box-sizing:border-box;padding:calc(6 * var(--cscale));display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--cscale));background:var(--paper, #fbf6ec);border:calc(2 * var(--cscale)) solid var(--ink, #2b2014);border-radius:calc(14 * var(--cscale));overflow:hidden;z-index:3;box-shadow:0 calc(2.3 * var(--cscale)) calc(5.7 * var(--cscale)) #0009}.card-view .oc-art-hero-cap{flex-shrink:0;height:calc(24 * var(--cscale));line-height:calc(24 * var(--cscale));font-family:ZCOOL KuaiLe,YouYuan,幼圆,STXihei,PingFang SC,Microsoft YaHei,sans-serif;font-size:calc(24 * var(--cscale));font-weight:900;letter-spacing:calc(.6 * var(--cscale));color:var(--ink, #2b2014);white-space:nowrap}.card-view .oc-art-hero img{width:calc(84 * var(--cscale));height:calc(84 * var(--cscale));flex-shrink:0;display:block;object-fit:cover;border-radius:calc(9 * var(--cscale));pointer-events:none}.card-view.card-item.disabled{opacity:.55;filter:saturate(.6) brightness(.92)}.card-view.card-item.tut-locked .oc-art{opacity:.4}.card-view.card-item.dragging{box-shadow:0 calc(10 * var(--cscale)) calc(30 * var(--cscale)) #00000059}.hd-card,.hd-cand{width:auto!important;height:auto!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:transform .18s ease}.hd-card[data-elem],.hd-cand[data-elem]{box-shadow:none!important;border-color:transparent!important}.hd-card,.hd-card .card-item.card-view{--cscale: calc(157 * var(--unit) / 400)}.hd-cand,.hd-cand .card-item.card-view{--cscale: calc(106 * var(--unit) / 400)}.hd-card .card-item.card-view:hover,.hd-cand .card-item.card-view:hover{transform:none!important}.hd-card:hover,.hd-cand:hover{transform:translateY(calc(-4 * var(--unit)))}#tutorialLayer{position:fixed;inset:0;z-index:2147482000;pointer-events:none;overflow:hidden}.tut-shade{position:absolute;inset:0;pointer-events:none;animation:tut-fadein .2s ease-out}.tut-shade-pane{position:absolute;background:rgba(8,6,22,.5);pointer-events:auto}@keyframes tut-fadein{0%{opacity:0}to{opacity:1}}.tut-spotlight{position:absolute;border-radius:calc(12 * var(--unit));box-shadow:0 0 0 9999px #08061666;pointer-events:none;transition:none}.tut-spotlight:before{content:"";position:absolute;inset:0;border:calc(2 * var(--unit)) solid var(--accent-gold);border-radius:inherit;box-shadow:0 0 calc(4 * var(--unit)) calc(1 * var(--unit)) var(--accent-gold-glow),inset 0 0 calc(6 * var(--unit)) #f1c40f38;box-sizing:border-box;animation:tut-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes tut-pulse{0%,to{opacity:.95}50%{opacity:.45}}.tut-bubble{position:absolute;pointer-events:auto;max-width:min(calc(520 * var(--unit)),86vw);background:var(--paper);border:calc(2 * var(--unit)) solid var(--paper-accent);border-radius:calc(20 * var(--unit));box-shadow:0 calc(10 * var(--unit)) calc(26 * var(--unit)) #2b20144d;padding:calc(18 * var(--unit)) calc(22 * var(--unit)) calc(16 * var(--unit));animation:tut-pop .22s ease-out;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink)}@keyframes tut-pop{0%{opacity:0;transform:translateY(calc(8 * var(--unit))) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tut-bubble .tut-arrow{position:absolute;width:0;height:0;border:calc(9 * var(--unit)) solid transparent}.tut-bubble.tut-above .tut-arrow{bottom:calc(-16 * var(--unit));left:50%;transform:translate(-50%);border-top-color:var(--paper-accent)}.tut-bubble.tut-below .tut-arrow{top:calc(-16 * var(--unit));left:50%;transform:translate(-50%);border-bottom-color:var(--paper-accent)}.tut-bubble .tut-bubble-title{font-size:calc(21 * var(--unit));font-weight:700;color:#7c3a10;margin-bottom:calc(7 * var(--unit));letter-spacing:calc(1 * var(--unit));line-height:1.3}.tut-bubble .tut-bubble-text{font-size:calc(15.5 * var(--unit));color:var(--ink);line-height:1.55;word-break:break-word}.tut-bubble .tut-bubble-text b{color:#b45309}.tut-bubble .tut-bubble-text .tut-vicon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 calc(1 * var(--unit))}.tut-bubble .tut-bubble-text .tut-vicon .oc-vicon-img{width:calc(18 * var(--unit));height:calc(18 * var(--unit));object-fit:contain;display:block;filter:drop-shadow(0 calc(1 * var(--unit)) calc(1.5 * var(--unit)) rgba(0,0,0,.55))}.tut-bubble .tut-bubble-foot{display:flex;justify-content:flex-end;align-items:center;margin-top:calc(12 * var(--unit));gap:calc(10 * var(--unit))}.tut-next-btn{pointer-events:auto;font-size:calc(15.5 * var(--unit));font-weight:700;color:#fff;background:#d8912a;border:none;border-radius:calc(16 * var(--unit));padding:calc(7 * var(--unit)) calc(26 * var(--unit));cursor:pointer;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;font-family:inherit}.tut-next-btn:hover{background:#e5a03a}.tut-next-btn:active{transform:scale(.97)}.tut-dismiss-btn{pointer-events:auto;font-size:calc(14 * var(--unit));font-weight:600;color:var(--ink-soft);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(15 * var(--unit));padding:calc(6 * var(--unit)) calc(20 * var(--unit));cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.tut-dismiss-btn:hover{background:#f1e9d8;border-color:#c8a05a}.tut-dismiss-btn:active{transform:scale(.97)}#tutSkipBtn{position:fixed;top:calc(var(--safe-top) + 10 * var(--unit));left:50%;transform:translate(-50%);z-index:2147482001;pointer-events:auto;font-size:calc(14 * var(--unit));color:#7c3a10;background:rgba(251,246,236,.92);border:calc(1.5 * var(--unit)) solid rgba(43,32,20,.35);border-radius:calc(24 * var(--unit));padding:calc(5 * var(--unit)) calc(18 * var(--unit));cursor:pointer;font-family:inherit}#tutSkipBtn:hover{background:#ffffff}.card-item.tut-locked{filter:none;opacity:.55;cursor:not-allowed;animation:none;pointer-events:none;user-select:none}.card-item.tut-locked .card-name,.card-item.tut-locked .card-value{color:#fff9}body .card-item.tut-locked.tut-tappable{pointer-events:auto;cursor:pointer;opacity:1;user-select:none}body .card-item.tut-locked.tut-tappable .oc-art{opacity:1}body .card-item.tut-locked.tut-tappable .card-name,body .card-item.tut-locked.tut-tappable .card-value{color:inherit}.hero-skill-fx{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--unit));border-radius:calc(12 * var(--unit));pointer-events:none;background:radial-gradient(120% 100% at 50% 28%,rgba(12,9,24,.55),rgba(8,6,18,.84));animation:heroSkillCast .6s cubic-bezier(.22,1,.36,1) forwards}.hero-skill-fx:before{content:"";position:absolute;inset:calc(-3 * var(--unit));border-radius:calc(14 * var(--unit));border:calc(2 * var(--unit)) solid transparent}.hero-skill-fx.fx-active:before{border-color:#ffb057e6;box-shadow:0 0 calc(26 * var(--unit)) #ff8c328c,inset 0 0 calc(16 * var(--unit)) #ffaa3c38}.hero-skill-fx.fx-passive:before{border-color:#6fc0ffe6;box-shadow:0 0 calc(26 * var(--unit)) #50aaf08c,inset 0 0 calc(16 * var(--unit)) #78beff38}.hsfx-badge{width:calc(30 * var(--unit));height:calc(30 * var(--unit));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(17 * var(--unit));line-height:1;border:calc(1.5 * var(--unit)) solid rgba(255,255,255,.4);animation:hsfxBadgePulse .6s ease-in-out infinite alternate}.hsfx-badge.badge-active{background:radial-gradient(circle at 32% 28%,#ffe08a,#ff8c32 60%,#d9480f);box-shadow:0 0 calc(12 * var(--unit)) #ff8c3299}.hsfx-badge.badge-passive{background:radial-gradient(circle at 32% 28%,#bce8ff,#4aa8e8 60%,#1f6fd0);box-shadow:0 0 calc(12 * var(--unit)) #50aaf099}.hsfx-name{font-size:calc(24 * var(--unit));font-weight:900;letter-spacing:calc(2 * var(--unit));white-space:nowrap;text-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) rgba(0,0,0,.85)}.hero-skill-fx.fx-active .hsfx-name{color:#ffcf8a}.hero-skill-fx.fx-passive .hsfx-name{color:#9fd4ff}.hsfx-tag{font-size:calc(13 * var(--unit));font-weight:700;letter-spacing:calc(2 * var(--unit));padding:calc(1 * var(--unit)) calc(10 * var(--unit));border-radius:calc(8 * var(--unit));background:rgba(0,0,0,.45);border:calc(1 * var(--unit)) solid rgba(255,255,255,.18)}.hero-skill-fx.fx-active .hsfx-tag{color:#ffb257}.hero-skill-fx.fx-passive .hsfx-tag{color:#6fc0ff}@keyframes heroSkillCast{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.04)}30%{opacity:1;transform:scale(1)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06) translateY(calc(-10 * var(--unit)))}}@keyframes hsfxBadgePulse{0%{transform:scale(1)}to{transform:scale(1.18)}}#handContainer.skill-fx-locked{pointer-events:none}#handContainer.skill-fx-locked .card-item{opacity:.55;transform:translateY(calc(4 * var(--unit)));transition:opacity .15s,transform .15s}.daily-login-overlay{position:fixed;inset:0;z-index:95000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none}.daily-login-card{position:relative;width:calc(960 * var(--unit));height:calc(705 * var(--unit));max-width:96vw;max-height:94vh;display:flex;flex-direction:column;padding:0;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.daily-login-card{--panel-inset: 38;--close-top: 26;--close-right: 26}.daily-login-close{position:absolute;top:calc((var(--close-top) - var(--panel-inset)) * var(--unit));right:calc((var(--close-right) - var(--panel-inset)) * var(--unit));width:calc(34 * var(--unit));height:calc(34 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-soft);cursor:pointer;border-radius:calc(6 * var(--unit));transition:color .15s,background .15s;z-index:10}.daily-login-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.daily-login-close svg{width:calc(20 * var(--unit));height:calc(20 * var(--unit));flex-shrink:0}.daily-login-body{display:flex;flex-direction:column;gap:calc(6 * var(--unit));overflow:hidden;flex:1;min-height:0;padding:calc(4 * var(--unit)) calc(8 * var(--unit))}.daily-login-main{display:flex;flex-direction:row;gap:calc(16 * var(--unit));flex:1;min-height:0;overflow:hidden}.daily-login-left{flex:1.6;display:flex;flex-direction:column;min-width:0;min-height:0}.daily-login-title{font-size:calc(26 * var(--unit));font-weight:700;color:var(--paper-gold);text-align:center;margin-bottom:0;line-height:1.15;flex-shrink:0}.daily-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);grid-auto-rows:minmax(0,1fr);gap:calc(8 * var(--unit));flex:1;overflow:hidden;padding:calc(4 * var(--unit));min-height:0}.daily-cell{position:relative;min-height:0;min-width:0;border-radius:calc(8 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:transform .1s,border-color .15s,background .15s;overflow:visible;box-sizing:border-box}.daily-cell:hover{transform:translateY(calc(-1 * var(--unit)));border-color:var(--paper-accent);background:var(--paper-hi)}.daily-cell-day{position:absolute;top:calc(4 * var(--unit));left:calc(7 * var(--unit));font-size:calc(14 * var(--unit));font-weight:700;color:var(--ink-soft);z-index:1}.daily-cell-icon{width:65%;height:65%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;margin-top:calc(2 * var(--unit));position:relative;overflow:hidden}.daily-cell-icon img,.daily-cell-icon svg,.daily-cell-icon .item-png-icon{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.daily-icon-svg{width:100%;height:100%;display:block}.daily-cell-claimed{border-color:#166534;background:#eef7ee}.daily-cell-today{border-color:#166534;background:var(--paper-hi);box-shadow:inset 0 0 0 calc(1.5 * var(--unit)) #166534;cursor:pointer}.daily-cell-today .daily-cell-day{color:#166534}.daily-cell-locked{opacity:.6}.daily-cell-missed{border-style:dashed;border-color:var(--paper-accent);background:#fdf6e7}.daily-cell-missed .daily-cell-day{color:var(--paper-gold)}.daily-cell-gem{border-color:#0369a1;background:#eef5fb}.daily-cell-last{border-color:var(--paper-accent);background:#fdf6e7}.daily-cell-random{border-style:dashed;border-color:#6d28d9;background:#f5f0fd}.daily-cell-card{border-color:#6d28d9;background:#f5f0fd}.daily-cell-makeup{position:absolute;top:calc(3 * var(--unit));right:calc(3 * var(--unit));z-index:6;display:inline-flex;align-items:center;justify-content:center;font-size:calc(10 * var(--unit));font-weight:800;padding:calc(1 * var(--unit)) calc(4 * var(--unit));border:calc(1 * var(--unit)) solid #ffffff;border-radius:calc(3 * var(--unit));color:#fff;background:#b91c1c;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b201473;pointer-events:none;line-height:1.1;white-space:nowrap;user-select:none;box-sizing:border-box}.daily-cell-badge{position:absolute;top:calc(-4 * var(--unit));right:calc(-4 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));z-index:2}.daily-check-svg,.daily-lock-svg{width:100%;height:100%;display:block}.daily-cell-img{width:100%;height:100%;object-fit:contain;display:block}.daily-cell-mystery{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.daily-cell-mystery .daily-icon-svg{width:100%;height:100%}.daily-cell-qty{position:absolute;right:calc(2 * var(--unit));bottom:calc(2 * var(--unit));z-index:3;font-size:calc(12 * var(--unit));font-weight:700;color:var(--paper-gold);background:var(--paper-hi);padding:calc(1 * var(--unit)) calc(4 * var(--unit));border-radius:calc(8 * var(--unit));line-height:1;border:calc(1 * var(--unit)) solid var(--paper-line);pointer-events:none;box-sizing:border-box}.daily-sr-empty{font-size:max(calc(16 * var(--unit)),11px);color:var(--paper-gold);text-align:center}.daily-sr-cell-name{font-size:calc(9 * var(--unit));color:var(--paper-gold);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.daily-login-right{flex:.9;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:calc(220 * var(--unit));max-height:100%;overflow-y:auto;padding:calc(14 * var(--unit)) calc(12 * var(--unit));border-radius:calc(12 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);box-sizing:border-box}.daily-sr-title{font-size:max(calc(16 * var(--unit)),11px);color:var(--ink-soft);margin-bottom:calc(12 * var(--unit));text-align:center;line-height:1.3}.daily-sr-card{width:100%;display:flex;justify-content:center;margin-bottom:calc(14 * var(--unit))}.daily-sr-card .card-item.card-view{--cscale: calc(170 * var(--unit) / 400);cursor:pointer;margin:0}.daily-sr-card .card-item.card-view:hover{transform:translateY(calc(-6 * var(--unit)));border-color:var(--paper-accent)}.daily-progress-label{font-size:max(calc(14 * var(--unit)),11px);color:var(--ink-soft);margin-bottom:calc(6 * var(--unit))}.daily-progress-track{width:85%;height:calc(15 * var(--unit));border-radius:calc(8 * var(--unit));background:var(--paper);border:calc(1 * var(--unit)) solid var(--paper-line);overflow:hidden;margin-bottom:calc(16 * var(--unit));box-sizing:border-box}.daily-progress-bar{height:100%;border-radius:calc(8 * var(--unit));background:#166534;transition:width .3s ease}.daily-claim-row{margin-top:calc(12 * var(--unit));display:flex;align-items:center;justify-content:center}.daily-next-row{margin-top:calc(10 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--unit));width:100%;padding-top:calc(10 * var(--unit));border-top:calc(1 * var(--unit)) solid var(--paper-line);box-sizing:border-box}.daily-next-label{font-size:max(calc(14 * var(--unit)),11px);color:var(--ink-soft);line-height:1.2}.daily-next-time{font-size:max(calc(18 * var(--unit)),13px);font-weight:700;color:var(--paper-gold);font-variant-numeric:tabular-nums;line-height:1.2}.daily-next-row--hint .daily-next-time{font-size:max(calc(14 * var(--unit)),11px);line-height:1.35;text-align:center}.daily-btn{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(17 * var(--unit));font-weight:700;cursor:pointer;text-align:center;line-height:1.2}.daily-btn:active{transform:translateY(calc(1 * var(--unit)))}.daily-btn:disabled{opacity:.5;cursor:not-allowed}.daily-btn-primary:disabled,.daily-btn-primary.is-disabled{background:transparent;border-color:transparent;box-shadow:none;opacity:1}.daily-btn-sr{width:85%}.daily-btn-sr:disabled,.daily-btn-sr.is-disabled{background:transparent;border-color:transparent;box-shadow:none;opacity:1}.daily-sr-claimed-seal{width:85%;height:calc(44 * var(--unit));min-height:calc(44 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));font-weight:900;color:#b91c1c;border:calc(2.8 * var(--unit)) solid #b91c1c;border-radius:calc(8 * var(--unit));background:rgba(185,28,28,.08);box-shadow:inset 0 0 0 calc(1.4 * var(--unit)) #b91c1c,0 calc(2 * var(--unit)) calc(6 * var(--unit)) #b91c1c40;transform:rotate(-6deg);letter-spacing:calc(4 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.85);user-select:none;pointer-events:none;margin:calc(4 * var(--unit)) 0;box-sizing:border-box;transition:transform .2s ease}.daily-sr-modal-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8 * var(--unit));width:100%;padding:calc(4 * var(--unit)) 0;box-sizing:border-box}.daily-sr-modal-congrats{font-size:calc(18 * var(--unit));font-weight:700;color:var(--paper-gold);text-align:center;line-height:1.3}.daily-sr-modal-card-holder{display:flex;justify-content:center;align-items:center;margin:calc(4 * var(--unit)) 0 calc(8 * var(--unit));filter:drop-shadow(0 calc(6 * var(--unit)) calc(14 * var(--unit)) rgba(217,119,6,.38))}.daily-sr-modal-card-holder .card-item.card-view{--cscale: calc(200 * var(--unit) / 400);margin:0;cursor:default}.daily-sr-modal-footer-tip{font-size:max(calc(14 * var(--unit)),12px);color:var(--ink-soft);text-align:center}.daily-sr-modal-extra-box{width:100%;margin-top:calc(8 * var(--unit));padding-top:calc(8 * var(--unit));border-top:calc(1 * var(--unit)) dashed var(--paper-line);display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--unit))}.daily-sr-modal-extra-title{font-size:max(calc(13 * var(--unit)),11px);color:var(--ink-soft);font-weight:700}@media (max-aspect-ratio: 1/1){.daily-login-body{flex-direction:column;overflow-y:auto}.daily-login-right{flex:none;width:100%}.daily-login-card{width:calc(920 * var(--unit));max-height:96vh}.daily-calendar-grid{grid-template-columns:repeat(5,1fr)}}.daily-reward-list{display:flex;flex-direction:column;gap:calc(8 * var(--unit));padding:calc(6 * var(--unit)) calc(4 * var(--unit))}.daily-reward-line{display:flex;align-items:center;gap:calc(8 * var(--unit));font-size:calc(18 * var(--unit));color:var(--ink);line-height:1.4}.daily-reward-line b{color:var(--paper-gold);font-size:calc(19 * var(--unit))}.daily-reward-ico{font-size:calc(20 * var(--unit));line-height:1}.daily-reward-ico-svg{width:calc(20 * var(--unit));height:calc(20 * var(--unit));display:block;flex-shrink:0}.daily-reward-cfg{color:var(--ink-soft);font-size:max(calc(13 * var(--unit)),11px)}.daily-reward-done{text-align:center;color:var(--paper-gold);margin-top:calc(6 * var(--unit));font-weight:700;font-size:max(calc(15 * var(--unit)),11px)}.daily-reward-img{width:calc(28 * var(--unit));height:calc(28 * var(--unit));object-fit:contain;display:block}.daily-reward-scroll{display:flex;gap:calc(10 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(4 * var(--unit));width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;user-select:none;-webkit-user-select:none}.daily-reward-scroll::-webkit-scrollbar{display:none}.daily-reward-card{flex:0 0 auto;position:relative;width:calc(80 * var(--unit));min-width:calc(80 * var(--unit));height:calc(90 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--unit));padding:calc(4 * var(--unit)) calc(4 * var(--unit)) calc(14 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box}.daily-reward-card-img{width:calc(44 * var(--unit));height:calc(44 * var(--unit));object-fit:contain;display:block}.daily-reward-card-ico{display:flex;align-items:center;justify-content:center}.daily-reward-qty{position:absolute;right:calc(6 * var(--unit));bottom:calc(3 * var(--unit));color:var(--paper-gold);font-weight:700;font-size:calc(14 * var(--unit));line-height:1.2;white-space:nowrap}.daily-reward-name{color:var(--ink-soft);font-size:calc(12 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(72 * var(--unit))}.daily-reward-stars{display:flex;align-items:center;justify-content:center;line-height:1;font-size:calc(14 * var(--unit));padding-top:calc(4 * var(--unit))}.daily-reward-empty{text-align:center;color:var(--ink-soft);font-size:calc(15 * var(--unit));padding:calc(12 * var(--unit))}.reward-scroll{display:flex;gap:calc(10 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(4 * var(--unit));width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;user-select:none;-webkit-user-select:none}.reward-scroll::-webkit-scrollbar{display:none}.reward-scroll .reward-card:first-child{margin-inline-start:auto}.reward-scroll .reward-card:last-child{margin-inline-end:auto}.reward-card{flex:0 0 auto;position:relative;width:calc(80 * var(--unit));min-width:calc(80 * var(--unit));height:calc(90 * var(--unit));background:var(--paper-hi);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #2b201414;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--unit));padding:calc(4 * var(--unit)) calc(4 * var(--unit)) calc(14 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box;overflow:hidden}.reward-card-img{width:calc(44 * var(--unit));height:calc(44 * var(--unit));max-width:100%;max-height:100%;object-fit:contain;display:block}.reward-card-cardsvg{width:calc(36 * var(--unit));height:calc(44 * var(--unit));max-width:100%;max-height:100%;display:block}.reward-card-ico{width:calc(44 * var(--unit));height:calc(44 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(24 * var(--unit));line-height:1;overflow:hidden;flex-shrink:0}.reward-card-ico img,.reward-card-ico svg,.reward-card-ico .item-png-icon{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.reward-card-qty{position:absolute;right:calc(6 * var(--unit));bottom:calc(3 * var(--unit));color:#b45309;font-weight:700;font-size:calc(13 * var(--unit));line-height:1.2;white-space:nowrap}.reward-card-name{color:var(--ink);font-size:calc(11 * var(--unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(72 * var(--unit))}.reward-card.reward-card-tappable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.reward-card.reward-card-tappable:hover{transform:translateY(calc(-2 * var(--unit)));border-color:var(--paper-accent, #d97706);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #3c281447}.reward-card.reward-card-tappable:active{transform:translateY(0) scale(.98)}.quest-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--mask-warm);z-index:1200}.quest-modal-overlay .quest-modal-card{width:calc(880 * var(--unit));height:calc(660 * var(--unit));max-width:96vw;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;padding:0;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;box-shadow:none;position:relative;user-select:none}.quest-modal-header{flex-shrink:0;height:calc(56 * var(--unit));padding:0 calc(14 * var(--unit));background:none;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);display:flex;align-items:center;justify-content:space-between}.quest-modal-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(26 * var(--unit)),14px);font-weight:900;color:var(--paper-gold);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.7);display:flex;align-items:center;gap:calc(8 * var(--unit));letter-spacing:calc(1 * var(--unit))}.quest-svg-title{width:calc(26 * var(--unit));height:calc(26 * var(--unit));display:block;flex-shrink:0}.btn-quest-close{width:calc(34 * var(--unit));height:calc(34 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:calc(8 * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;line-height:1;cursor:pointer;transition:color .15s,background .15s}.btn-quest-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.quest-tabs-bar{flex-shrink:0;display:flex;align-items:flex-end;gap:calc(8 * var(--unit));padding:calc(10 * var(--unit)) calc(16 * var(--unit)) 0;background:none;border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.quest-tab-btn{flex:1;height:calc(46 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-bottom:none;border-radius:calc(10 * var(--unit)) calc(10 * var(--unit)) 0 0;color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(17 * var(--unit)),12px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));cursor:pointer;transition:background .2s,color .2s,border-color .2s;position:relative}.quest-tab-btn:hover{background:var(--paper-hi)}.quest-tab-btn.active{background:var(--paper-hi);border-color:var(--paper-accent);color:var(--paper-gold);box-shadow:inset 0 calc(-3 * var(--unit)) 0 var(--paper-accent)}.quest-tab-label{display:inline-flex;align-items:center;gap:calc(6 * var(--unit));min-width:0}.quest-tab-btn .quest-svg{width:calc(22 * var(--unit));height:calc(22 * var(--unit));display:block;flex-shrink:0}.quest-tab-badge{background:#b91c1c;color:#fff;font-size:max(calc(12 * var(--unit)),11px);font-weight:800;padding:calc(1 * var(--unit)) calc(6 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(1 * var(--unit)) solid var(--paper-hi);line-height:1.15}.quest-daily-banner{flex-shrink:0;margin:calc(12 * var(--unit)) calc(16 * var(--unit)) calc(8 * var(--unit));padding:calc(12 * var(--unit)) calc(14 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(12 * var(--unit));display:flex;align-items:center;gap:calc(14 * var(--unit));box-sizing:border-box}.quest-chest-icon-box{width:calc(52 * var(--unit));height:calc(52 * var(--unit));flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;position:relative}.quest-chest-icon-box .quest-svg{width:calc(48 * var(--unit));height:calc(48 * var(--unit));display:block}.chest-glowing{animation:chestPulse 1.5s infinite ease-in-out}@keyframes chestPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.chest-glowing{animation:none}}.quest-daily-info{flex:1;min-width:0}.quest-daily-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(2 * var(--unit)) calc(10 * var(--unit));margin-bottom:calc(6 * var(--unit))}.quest-daily-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),11px);font-weight:700;color:var(--paper-gold);line-height:1.3;display:inline-flex;align-items:center;gap:calc(5 * var(--unit))}.quest-daily-title .quest-svg-sm{width:calc(16 * var(--unit));height:calc(16 * var(--unit));flex-shrink:0}.quest-daily-timer{font-size:max(calc(13 * var(--unit)),11px);color:var(--ink-soft);display:inline-flex;align-items:center;gap:calc(4 * var(--unit));font-variant-numeric:tabular-nums}.quest-daily-timer .quest-svg-sm{width:calc(14 * var(--unit));height:calc(14 * var(--unit));flex-shrink:0}.quest-daily-bar-wrap{height:calc(16 * var(--unit));background:var(--paper);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));overflow:hidden;position:relative;box-sizing:border-box}.quest-daily-bar-fill{height:100%;background:#166534;border-radius:calc(8 * var(--unit));transition:width .3s}.quest-daily-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:max(calc(11 * var(--unit)),11px);font-weight:700;color:var(--ink);text-shadow:none;pointer-events:none}.quest-daily-rewards{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8 * var(--unit));margin-top:calc(7 * var(--unit))}.btn-claim-chest{flex-shrink:0;cursor:pointer;font-family:ZCOOL KuaiLe,sans-serif;font-weight:700;font-size:max(calc(16 * var(--unit)),12px);line-height:1.2}.btn-claim-chest:active{transform:translateY(calc(1 * var(--unit)))}.quest-list-scroll{flex:1;overflow-y:auto;padding:calc(12 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit));display:flex;flex-direction:column;gap:calc(10 * var(--unit));min-height:0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit))}.quest-tabs-bar+.quest-list-scroll{margin-top:calc(12 * var(--unit))}.quest-list-scroll>*{flex-shrink:0}.quest-list-scroll::-webkit-scrollbar{display:none}.quest-list-scroll{-ms-overflow-style:none;scrollbar-width:none}.quest-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(12 * var(--unit));padding:calc(46 * var(--unit)) 0;color:var(--ink-soft);font-size:max(calc(16 * var(--unit)),11px)}.quest-list-empty .quest-svg{width:calc(52 * var(--unit));height:calc(52 * var(--unit));opacity:.55}.quest-card-item{min-height:calc(96 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(14 * var(--unit)) calc(16 * var(--unit));display:flex;align-items:center;gap:calc(14 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b20141a;box-sizing:border-box}.quest-card-item.completed{border-color:var(--paper-accent);background:#fdf6e7;box-shadow:inset 0 0 0 calc(1 * var(--unit)) #d9770659}.quest-card-item.claimed{opacity:.62;border-color:var(--paper-line);background:var(--paper-dim)}.quest-item-icon{width:calc(50 * var(--unit));height:calc(50 * var(--unit));min-width:calc(50 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));display:flex;align-items:center;justify-content:center;box-sizing:border-box}.quest-svg{width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:block;flex-shrink:0}.quest-svg-sm{width:calc(15 * var(--unit));height:calc(15 * var(--unit));display:block;flex-shrink:0}.quest-item-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(6 * var(--unit))}.quest-item-title-row{display:flex;align-items:center;justify-content:space-between}.quest-item-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16.5 * var(--unit)),12px);font-weight:700;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.quest-item-desc{font-size:max(calc(13 * var(--unit)),11px);color:var(--ink-soft);line-height:1.4}.quest-item-progress-row{display:flex;align-items:center;gap:calc(10 * var(--unit));margin-top:calc(-1 * var(--unit))}.quest-item-bar-box{flex:1;height:calc(10 * var(--unit));background:var(--paper);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(5 * var(--unit));overflow:hidden;box-sizing:border-box}.quest-item-bar-fill{height:100%;background:#0369a1;border-radius:calc(5 * var(--unit));transition:width .3s}.quest-item-bar-fill.full{background:#166534}.quest-item-progress-txt{font-size:max(calc(12 * var(--unit)),11px);font-weight:700;color:var(--ink-soft);min-width:calc(48 * var(--unit));text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.quest-reward-capsules{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8 * var(--unit));margin-top:calc(-1 * var(--unit))}.quest-reward-pill{display:flex;align-items:center;gap:calc(4 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(3 * var(--unit)) calc(9 * var(--unit));font-size:max(calc(13 * var(--unit)),11px);font-weight:700;color:var(--paper-gold);line-height:1.2;white-space:nowrap;box-sizing:border-box}.quest-reward-pill.gold{color:var(--paper-gold)}.quest-reward-pill.gem{color:#0369a1}.quest-reward-pill.exp{color:#166534}.quest-action-box{min-width:calc(94 * var(--unit));width:max-content;max-width:calc(120 * var(--unit));display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.btn-quest-act{display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);font-weight:700;cursor:pointer;line-height:1.2;box-sizing:border-box;white-space:nowrap;padding:0 calc(8 * var(--unit))}.btn-quest-act:active{transform:translateY(calc(1 * var(--unit)))}.btn-quest-act .quest-svg-sm{width:calc(16 * var(--unit));height:calc(16 * var(--unit))}.btn-quest-act.btn-claim{animation:claimPulse 1.6s infinite ease-in-out}@keyframes claimPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.btn-quest-act.btn-claim{animation:none}}.btn-quest-act.btn-claimed{cursor:default}@media (max-aspect-ratio: 1/1){.quest-modal-overlay .quest-modal-card{width:calc(880 * var(--unit));max-height:96vh}.quest-daily-banner,.quest-card-item{flex-wrap:wrap}}.skill-tips-overlay{position:fixed;inset:0;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;z-index:99999}.skill-tips-card{width:calc(440 * var(--unit));max-width:92vw;padding:calc(8 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;position:relative;user-select:none;font-family:ZCOOL KuaiLe,sans-serif;animation:modalPopIn .25s cubic-bezier(.175,.885,.32,1.275)}.skill-tips-card.ready-glow{box-shadow:0 calc(10 * var(--unit)) calc(30 * var(--unit)) #2b201459,0 0 calc(25 * var(--unit)) #d8912a73}.skill-tips-close-btn{position:absolute;top:calc(14 * var(--unit));right:calc(14 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:50%;color:#dfe4ea;font-size:calc(18 * var(--unit));line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .15s ease}.skill-tips-close-btn:hover{background:#b91c1c;border-color:#7f1d1d;color:#fff;transform:scale(1.08)}.skill-tips-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(1 * var(--unit)) solid var(--paper-line);padding-bottom:calc(12 * var(--unit));margin-bottom:calc(12 * var(--unit));padding-right:calc(32 * var(--unit))}.skill-tips-title-box{display:flex;align-items:center;gap:calc(12 * var(--unit))}.skill-tips-icon-wrap{width:calc(52 * var(--unit));height:calc(52 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.skill-tips-icon-wrap img{width:86%;height:86%;object-fit:contain}.skill-tips-title-info{display:flex;flex-direction:column;gap:calc(3 * var(--unit))}.skill-tips-name-row{display:flex;align-items:center;gap:calc(8 * var(--unit))}.skill-tips-name{font-size:calc(18 * var(--unit));font-weight:900;color:var(--ink);margin:0;line-height:1.2}.skill-tips-tag{font-size:calc(10 * var(--unit));font-weight:800;padding:calc(1.5 * var(--unit)) calc(6 * var(--unit));border-radius:calc(5 * var(--unit));line-height:1.2;display:inline-flex;align-items:center;gap:calc(3 * var(--unit))}.skill-tips-tag.tag-trait{background:#f7ecd2;border:calc(1 * var(--unit)) solid #b45309;color:#7c3a10}.skill-tips-tag.tag-lv{background:#e7eefb;border:calc(1 * var(--unit)) solid #1d4ed8;color:#1d4ed8}.skill-tips-body{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.skill-rage-section{background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit))}.skill-rage-head{display:flex;align-items:center;justify-content:space-between;font-size:calc(11.5 * var(--unit));font-weight:800}.skill-rage-title{color:#7c3a10;display:flex;align-items:center;gap:calc(4 * var(--unit))}.skill-rage-status{color:var(--ink-soft)}.skill-rage-status.ready{color:#15803d}.skill-rage-bar-wrap{width:100%;height:calc(8 * var(--unit));background:rgba(43,32,20,.14);border-radius:calc(4 * var(--unit));overflow:hidden;position:relative;border:calc(1 * var(--unit)) solid rgba(43,32,20,.18)}.skill-rage-bar-fill{height:100%;background:#d8912a;border-radius:calc(4 * var(--unit));transition:width .3s ease}.skill-rage-bar-fill.full{background:#15803d}.skill-tips-meta-row{display:flex;align-items:center;gap:calc(8 * var(--unit));flex-wrap:wrap}.skill-meta-pill{font-size:calc(11 * var(--unit));font-weight:800;color:var(--ink);background:var(--paper-hi);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit));display:inline-flex;align-items:center;gap:calc(4 * var(--unit))}.skill-meta-pill img{width:calc(14 * var(--unit));height:calc(14 * var(--unit));object-fit:contain}.skill-tips-desc-box{background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));padding:calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit))}.skill-desc-title{font-size:calc(12 * var(--unit));font-weight:900;color:#7c3a10}.skill-desc-content{font-size:calc(12 * var(--unit));line-height:1.55;color:var(--ink);font-weight:600}.skill-desc-content .sdv{font-weight:800;padding:0 calc(2 * var(--unit))}.skill-desc-content .sdv-num{color:#15803d}.skill-desc-content .sdv-pct{color:#b45309}.skill-desc-content .sdv-turn{color:#7c3a10}.skill-tips-footer{margin-top:calc(12 * var(--unit))}.btn-skill-tips-confirm{width:100%;height:calc(42 * var(--unit));cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-skill-tips-confirm:active{transform:translateY(calc(1 * var(--unit)));filter:brightness(.95)}:root{--elem-fire-color: #ff6b6b;--elem-fire-glow: rgba(255, 107, 107, .4);--elem-earth-color: #2ed573;--elem-earth-glow: rgba(46, 213, 115, .4);--elem-air-color: #06b6d4;--elem-air-glow: rgba(6, 182, 212, .45);--elem-spirit-color: #a55eea;--elem-spirit-glow: rgba(165, 94, 234, .4);--elem-water-color: #3b82f6;--elem-water-glow: rgba(59, 130, 246, .45);--elem-neutral-color: #ffffff;--elem-neutral-glow: rgba(255, 255, 255, .5)}[data-elem=fire]{border-color:var(--elem-fire-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-fire-glow)}[data-elem=earth]{border-color:var(--elem-earth-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-earth-glow)}[data-elem=air]{border-color:var(--elem-air-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-air-glow)}[data-elem=spirit]{border-color:var(--elem-spirit-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-spirit-glow)}[data-elem=water]{border-color:var(--elem-water-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-water-glow)}[data-elem=neutral]{border-color:var(--elem-neutral-color)!important;box-shadow:0 0 calc(14 * var(--unit)) var(--elem-neutral-glow)}.card-vault-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;background:var(--mask-warm);overflow:hidden}.cv-frame{position:relative;width:calc(1260 * var(--unit));height:calc(736 * var(--unit));display:flex;flex-direction:column;padding:calc(4 * var(--unit)) calc(12 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.cv-header{position:relative;width:100%;height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:calc(8 * var(--unit));border-bottom:none;box-sizing:border-box}.cv-header-left{position:absolute;left:calc(6 * var(--unit));top:0;height:100%;display:flex;align-items:center;gap:calc(10 * var(--unit))}.cv-title-scroll{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:calc(4 * var(--unit)) calc(34 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b20142e}.cv-title-scroll:before,.cv-title-scroll:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--paper-accent);font-size:calc(9 * var(--unit));line-height:1}.cv-title-scroll:before{left:calc(10 * var(--unit))}.cv-title-scroll:after{right:calc(10 * var(--unit))}.cv-title-scroll span{font-size:calc(26 * var(--unit));font-weight:900;line-height:1.2;color:var(--paper-gold);letter-spacing:calc(6 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.cv-btn-close{position:absolute;right:calc(6 * var(--unit));top:50%;transform:translateY(-50%);width:calc(38 * var(--unit));height:calc(38 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:900;line-height:1;color:var(--ink-soft);background:none;border:none;border-radius:calc(6 * var(--unit));cursor:pointer;transition:color .15s,background .15s}.cv-btn-close:hover{transform:translateY(-50%);background:rgba(43,32,20,.08);color:#c0392b}.cv-main{flex:1;display:flex;gap:calc(16 * var(--unit));min-height:0}.cv-side-panel{width:calc(210 * var(--unit));flex-shrink:0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(14 * var(--unit));display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.cv-side-title{font-size:calc(18 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(4 * var(--unit));margin-bottom:calc(12 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.cv-side-btns{width:100%;display:flex;flex-direction:column;gap:calc(8 * var(--unit))}.cv-btn{width:100%;padding:calc(8 * var(--unit)) 0;border-radius:calc(10 * var(--unit));font-family:inherit;font-size:calc(15 * var(--unit));font-weight:900;line-height:1;cursor:pointer;border:calc(1.5 * var(--unit)) solid var(--paper-line);background:var(--paper-hi);color:var(--ink-soft);letter-spacing:calc(1 * var(--unit));text-align:center;white-space:nowrap;transition:background .12s,border-color .12s,color .12s;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.cv-btn-off{color:var(--ink-soft)}.cv-btn-off:hover{border-color:var(--paper-accent);color:var(--ink)}.cv-btn-on{color:var(--paper-gold);border-color:var(--paper-accent);box-shadow:inset 0 0 0 calc(1 * var(--unit)) var(--paper-accent)}.cv-btn.cv-btn-sort{color:var(--paper-gold)}.cv-btn.cv-btn-sort:hover{border-color:var(--paper-accent);color:var(--paper-gold)}.cv-sort-box{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:calc(6 * var(--unit))}.cv-sort-label{font-size:calc(13 * var(--unit));color:var(--ink-soft);letter-spacing:calc(1 * var(--unit));padding-left:calc(4 * var(--unit))}.cv-total-counter{margin-top:calc(10 * var(--unit));font-size:calc(13 * var(--unit));color:var(--ink-soft);letter-spacing:calc(1 * var(--unit))}.cv-total-counter b{color:var(--paper-gold);font-size:calc(15 * var(--unit))}.cv-deck-panel{flex:1;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));display:flex;flex-direction:column;padding:calc(10 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;min-width:0;overflow:hidden}.cv-gallery-scroll{flex:1;overflow-x:auto;overflow-y:hidden;display:grid;grid-template-rows:repeat(2,calc(270 * var(--unit)));grid-auto-flow:column;grid-auto-columns:calc(174 * var(--unit));gap:calc(10 * var(--unit)) calc(14 * var(--unit));align-content:center;justify-content:start;padding:calc(4 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--paper-accent) rgba(43,32,20,.12)}.cv-gallery-scroll::-webkit-scrollbar{height:calc(6 * var(--unit))}.cv-gallery-scroll::-webkit-scrollbar-track{background:rgba(43,32,20,.12);border-radius:calc(3 * var(--unit))}.cv-gallery-scroll::-webkit-scrollbar-thumb{background:var(--paper-accent);border-radius:calc(3 * var(--unit))}.cv-empty-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--unit));font-size:calc(16 * var(--unit));color:var(--ink-soft);letter-spacing:calc(1 * var(--unit))}.cv-empty-icon{font-size:calc(40 * var(--unit));opacity:.6}.cv-card{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;width:calc(174 * var(--unit))!important;height:calc(270 * var(--unit))!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;transition:transform .18s ease;flex-shrink:0;box-sizing:border-box;touch-action:pan-x;--cscale: calc(174 * var(--unit) / 400)}.cv-card:hover{transform:translateY(calc(-4 * var(--unit)))}.cv-card .card-item.card-view{--cscale: calc(174 * var(--unit) / 400)}.cv-card .card-view-holder{width:calc(400 * var(--cscale));display:flex;flex-direction:column;align-items:center;touch-action:pan-x}.cv-card .card-item.card-view:hover,.cv-card .card-item.card-view.dragging{transform:none!important}.cv-card[data-elem]{box-shadow:none!important;border-color:transparent!important}.card-upgrade-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--mask-warm);display:flex;justify-content:center;align-items:center;z-index:99998;pointer-events:auto;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.card-upgrade-dialog{width:calc(1063 * var(--unit));height:calc(710 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));display:flex;flex-direction:column;position:relative;box-sizing:border-box;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif}.cu-header{height:calc(48 * var(--unit));border-bottom:calc(2 * var(--unit)) solid var(--paper-line);display:flex;align-items:center;justify-content:space-between;padding:0 calc(6 * var(--unit));flex-shrink:0}.cu-title-wrap{display:flex;align-items:center;gap:calc(10 * var(--unit))}.cu-title-icon{font-size:calc(24 * var(--unit));line-height:1}.cu-title-text{font-size:calc(22 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.7)}.cu-close-btn{font-size:calc(22 * var(--unit))}.cu-body{flex:1;display:flex;padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));gap:calc(14 * var(--unit));overflow:hidden;min-height:0}.cu-left-col{width:calc(270 * var(--unit));display:flex;flex-direction:column;align-items:center;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(12 * var(--unit));box-sizing:border-box;flex-shrink:0}.cu-card-display{width:calc(210 * var(--unit));height:calc(255 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(6 * var(--unit));box-sizing:border-box;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.cu-card-display:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--paper-accent)}.cu-card-display .card-item.card-view{--cscale: calc(162 * var(--unit) / 400)}.cu-card-display .card-item.card-view:hover,.cu-card-display .card-item.card-view.dragging{transform:none!important}.cu-card-tip-hint{position:absolute;bottom:calc(-11 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(10 * var(--unit));padding:calc(2 * var(--unit)) calc(9 * var(--unit));font-size:calc(11 * var(--unit));font-weight:900;color:var(--paper-gold);pointer-events:none;white-space:nowrap;z-index:10}.cu-card-charge{position:absolute;top:calc(4 * var(--unit));left:calc(4 * var(--unit));width:calc(24 * var(--unit));height:calc(24 * var(--unit));background:var(--paper-gold);border:calc(2 * var(--unit)) solid var(--paper-hi);border-radius:50%;color:var(--paper-hi);font-size:calc(13 * var(--unit));font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5}.cu-card-elem-badge{position:absolute;top:calc(4 * var(--unit));right:calc(4 * var(--unit));width:calc(24 * var(--unit));height:calc(24 * var(--unit));z-index:5}.cu-card-elem-badge img{width:100%;height:100%;object-fit:contain}.cu-card-name{font-size:calc(14.3 * var(--unit));font-weight:900;color:var(--ink);margin-top:calc(16 * var(--unit));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;line-height:1.45}.cu-card-art-box{width:calc(160 * var(--unit));height:calc(88 * var(--unit));margin:calc(4 * var(--unit)) 0 calc(2 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));overflow:hidden;flex-shrink:0;box-sizing:border-box}.cu-card-art-box svg{width:calc(68 * var(--unit));height:calc(68 * var(--unit))}.cu-card-stars{display:flex;align-items:center;justify-content:center;margin:calc(4 * var(--unit)) 0 calc(2 * var(--unit));height:calc(28 * var(--unit));width:100%}.cu-card-stars .card-stars-row{display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--unit));height:calc(28 * var(--unit));line-height:calc(28 * var(--unit));margin:0}.cu-card-stars .card-stars-row .star-icon{font-size:calc(26 * var(--unit))!important;line-height:1}.cu-card-stars .card-stars-row .star-icon.lit{color:var(--paper-gold)!important;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.65)}.cu-card-stars .card-stars-row .star-icon.unlit{color:var(--paper-line)!important;opacity:1;text-shadow:none}.cu-card-stat-chip{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));font-size:calc(19.3 * var(--unit));font-weight:900;color:var(--paper-gold);margin-top:calc(2 * var(--unit));margin-bottom:calc(14 * var(--unit));letter-spacing:calc(.5 * var(--unit))}.cu-card-stat-chip.harm{color:#b91c1c}.cu-card-stat-chip.shield{color:#1d4ed8}.cu-card-stat-chip.heal{color:#15803d}.cu-card-stat-chip.regen{color:#0f766e}.cu-level-meta{width:100%;margin-top:calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit))}.cu-level-row{display:flex;justify-content:space-between;align-items:center;font-size:calc(15 * var(--unit));font-weight:900;color:var(--ink)}.cu-exp-track{width:100%;height:calc(12 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit));overflow:hidden;position:relative;box-sizing:border-box}.cu-exp-fill{height:100%;background:#15803D;transition:width .3s ease;border-radius:calc(5 * var(--unit))}.cu-exp-fill.max{background:var(--paper-gold)}.cu-exp-fill.preview{background:#D97706;animation:cuExpPreviewPulse 1.2s ease-in-out infinite alternate}@keyframes cuExpPreviewPulse{0%{opacity:1}to{opacity:.6}}.cu-preview-arrow{color:var(--ink-soft);font-weight:900;margin:0 calc(2 * var(--unit))}.cu-preview-val{color:var(--paper-gold);font-weight:900}.cu-exp-num{font-size:calc(12 * var(--unit));color:var(--ink-soft);text-align:right}.cu-equip-status{margin-top:calc(8 * var(--unit));font-size:calc(13.2 * var(--unit));color:var(--ink-soft);background:var(--paper-hi);padding:calc(6 * var(--unit)) calc(10 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid var(--paper-line);width:100%;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit))}.cu-sell-wrap{width:100%;margin-top:auto;padding-top:calc(10 * var(--unit))}.cu-btn-sell{width:100%}.cu-right-col{flex:1;display:flex;flex-direction:column;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(12 * var(--unit)) calc(16 * var(--unit));overflow:hidden;min-width:0;box-sizing:border-box}.cu-tabs{display:flex;gap:calc(10 * var(--unit));border-bottom:calc(2 * var(--unit)) solid var(--paper-line);padding-bottom:calc(6 * var(--unit));flex-shrink:0}.cu-tab-btn{flex:1;height:calc(36 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(11 * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(15.4 * var(--unit));font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));transition:border-color .2s,color .2s,background .2s}.cu-tab-btn:hover{border-color:var(--paper-accent);color:var(--ink)}.cu-tab-btn.active{background:var(--paper-hi);color:var(--paper-gold);border:calc(2 * var(--unit)) solid var(--paper-gold);box-shadow:inset 0 0 0 calc(1 * var(--unit)) #fff9}.cu-tab-panel{flex:1;display:flex;flex-direction:column;padding-top:calc(8 * var(--unit));overflow:hidden;min-height:0}.cu-growth-preview{background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(5 * var(--unit));max-height:calc(100 * var(--unit));overflow-y:auto;flex-shrink:0;box-sizing:border-box}.cu-growth-row{display:flex;justify-content:space-between;font-size:calc(14.3 * var(--unit));color:var(--ink);gap:calc(8 * var(--unit))}.cu-val-old{color:var(--ink-soft);font-weight:700}.cu-val-arrow{margin:0 calc(5 * var(--unit));color:var(--ink-soft)}.cu-val-new{color:#15803d;font-weight:900}.cu-val-new.gold{color:var(--paper-gold)}.cu-val-new.purple{color:#6d28d9}.cu-val-new.green{color:#15803d}.cu-val-diff{color:#15803d;font-size:calc(12.7 * var(--unit));margin-left:calc(4 * var(--unit))}.cu-feed-section{flex:1;display:flex;flex-direction:column;margin-top:calc(8 * var(--unit));overflow:hidden;min-height:0}.cu-feed-slots-wrap{display:flex;align-items:center;justify-content:space-between;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit));flex-shrink:0;box-sizing:border-box}.cu-slots-title{font-size:calc(13.8 * var(--unit));font-weight:900;color:var(--ink)}.cu-slots-grid{display:flex;gap:calc(8 * var(--unit))}.cu-feed-slot{width:calc(48 * var(--unit));height:calc(54 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) dashed var(--paper-line);border-radius:calc(8 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-sizing:border-box;transition:border-color .15s}.cu-feed-slot:hover{border-color:var(--paper-accent)}.cu-feed-slot.empty{overflow:hidden}.cu-feed-slot-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.16;pointer-events:none;transition:opacity .2s}.cu-feed-slot-plus{position:relative;z-index:2;font-size:calc(20 * var(--unit));color:var(--ink-soft);font-weight:900;line-height:1;transition:color .15s}.cu-feed-slot.empty:hover .cu-feed-slot-bg{opacity:.32}.cu-feed-slot.empty:hover .cu-feed-slot-plus{color:var(--paper-gold)}.cu-feed-slot.filled{border-style:solid;border-color:#15803d;background:var(--paper-hi)}.cu-feed-slot-remove{position:absolute;top:calc(-5 * var(--unit));right:calc(-5 * var(--unit));width:calc(17 * var(--unit));height:calc(17 * var(--unit));background:#B91C1C;border:calc(1.5 * var(--unit)) solid var(--paper-hi);border-radius:50%;color:var(--paper-hi);font-size:calc(11 * var(--unit));font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;box-sizing:border-box}.cu-slot-count-badge{position:absolute;bottom:calc(2 * var(--unit));right:calc(2 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-gold);border-radius:calc(4 * var(--unit));padding:calc(1 * var(--unit)) calc(3 * var(--unit));color:var(--paper-gold);font-size:calc(11.5 * var(--unit));font-weight:900;line-height:1;z-index:5}.cu-slot-art{width:calc(32 * var(--unit));height:calc(32 * var(--unit));display:flex;align-items:center;justify-content:center}.cu-slot-art--tall{width:calc(30 * var(--unit));height:calc(42 * var(--unit))}.cu-slot-art svg,.cu-slot-art img{max-width:100%;max-height:100%;object-fit:contain}.cu-inventory-wrap{flex:1;display:flex;flex-direction:column;margin-top:calc(6 * var(--unit));overflow:hidden;min-height:0}.cu-inventory-filter{display:flex;gap:calc(8 * var(--unit));margin-bottom:calc(6 * var(--unit));flex-shrink:0}.cu-filter-btn{padding:calc(3 * var(--unit)) calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(9 * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(13.2 * var(--unit));font-weight:900;cursor:pointer;transition:border-color .2s,color .2s}.cu-filter-btn:hover{border-color:var(--paper-accent);color:var(--ink)}.cu-filter-btn.active{background:var(--paper-hi);color:var(--paper-gold);border:calc(2 * var(--unit)) solid var(--paper-gold)}.cu-inventory-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:calc(96 * var(--unit));gap:calc(8 * var(--unit));overflow-y:auto;overflow-x:hidden;padding-right:calc(4 * var(--unit));padding-bottom:calc(6 * var(--unit));box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0}.cu-inv-item{background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.cu-inv-item:hover{transform:translateY(calc(-2 * var(--unit)));border-color:var(--paper-accent);box-shadow:0 calc(4 * var(--unit)) calc(10 * var(--unit)) #2b20142e}.cu-inv-item.selected{border-color:#15803d;background:#F3F9F4}.cu-inv-item.is-empty{opacity:.45;pointer-events:none}.cu-inv-icon-wrap{position:absolute;left:0;right:0;top:calc(4 * var(--unit));bottom:calc(20 * var(--unit));display:flex;align-items:center;justify-content:center;pointer-events:none}.cu-inv-icon-wrap img,.cu-inv-icon-wrap svg{max-height:100%;max-width:100%;object-fit:contain}.cu-inv-qty,.cu-inv-count-badge{position:absolute;top:calc(3 * var(--unit));right:calc(4 * var(--unit));font-size:max(calc(12 * var(--unit)),var(--hud-fs-min-xs));font-weight:900;color:var(--ink);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--ink-soft);border-radius:calc(5 * var(--unit));padding:calc(1 * var(--unit)) calc(4 * var(--unit));line-height:1.15;pointer-events:none;z-index:2;white-space:nowrap}.cu-inv-exp-tag{position:absolute;left:0;right:0;bottom:calc(4 * var(--unit));text-align:center;padding:0 calc(2 * var(--unit));font-size:max(calc(13 * var(--unit)),var(--hud-fs-min-xs));font-weight:900;color:#15803d;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-sizing:border-box}.cu-inv-exp-tag.bonus{color:var(--paper-gold)}.cu-inv-exp-unit{font-size:.72em;letter-spacing:calc(-.2 * var(--unit));opacity:.9;margin-left:calc(1 * var(--unit))}.cu-inv-zoom{position:absolute;top:calc(1 * var(--unit));right:calc(2 * var(--unit));font-size:calc(14 * var(--unit));line-height:1;padding:0;background:transparent;border:none;color:var(--ink);cursor:pointer;z-index:3}.cu-inv-zoom:hover{color:var(--paper-gold)}.cu-inv-item .reward-card-cardsvg{width:100%;height:100%;object-fit:contain;flex-shrink:0}.cu-inv-item .item-png-icon{max-width:100%;max-height:100%;object-fit:contain}.cu-inv-item--card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--unit));padding:calc(6 * var(--unit)) calc(3 * var(--unit)) calc(4 * var(--unit))}.cu-inv-art{height:calc(34 * var(--unit));width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.cu-inv-art svg,.cu-inv-art img{max-height:100%;max-width:100%;object-fit:contain}.cu-inv-lv{position:absolute;top:calc(3 * var(--unit));left:calc(4 * var(--unit));font-size:max(calc(10.5 * var(--unit)),var(--hud-fs-min-xs));font-weight:900;color:var(--ink);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--ink-soft);border-radius:calc(5 * var(--unit));padding:calc(1 * var(--unit)) calc(3 * var(--unit));z-index:2;line-height:1.15;pointer-events:none;white-space:nowrap}.cu-inv-name{width:100%;box-sizing:border-box;text-align:center;padding:0 calc(2 * var(--unit));font-size:max(calc(12.7 * var(--unit)),var(--hud-fs-min-xs));font-weight:900;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}.cu-inv-item--card .cu-inv-exp-tag{position:static;left:auto;right:auto;bottom:auto;padding:0}.cu-footer{height:calc(48 * var(--unit));background:var(--paper-hi);border-top:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));display:flex;align-items:center;justify-content:space-between;padding:0 calc(10 * var(--unit));margin-top:calc(6 * var(--unit));gap:calc(8 * var(--unit));box-sizing:border-box;flex-shrink:0}.cu-cost-summary{flex:1;min-width:0;display:flex;align-items:center;gap:calc(10 * var(--unit));font-size:calc(12.7 * var(--unit));color:var(--ink-soft);white-space:nowrap}.cu-cost-summary b{color:#15803d}.cu-cost-gold{color:var(--paper-gold);font-weight:900;display:inline-flex;align-items:center;gap:calc(3 * var(--unit));white-space:nowrap}.cu-cost-owned{font-size:calc(12.7 * var(--unit));font-weight:900;white-space:nowrap}.cu-cost-owned.ok{color:#15803d}.cu-cost-owned.short{color:#b91c1c}.cu-btn-group{flex-shrink:0;display:flex;gap:calc(8 * var(--unit));align-items:center}.cu-btn-auto,.cu-btn-action{white-space:nowrap}.cu-btn-action{min-width:calc(150 * var(--unit))}.cu-buff-icon{width:calc(17 * var(--unit));height:calc(17 * var(--unit));object-fit:contain;vertical-align:middle;margin-right:calc(5 * var(--unit));display:inline-block}.cu-buff-emoji{margin-right:calc(4 * var(--unit));font-size:calc(15 * var(--unit));display:inline-block}.cu-mat-req-title{display:flex;align-items:center;gap:calc(4 * var(--unit));font-size:calc(12.7 * var(--unit));font-weight:900;color:var(--paper-gold);margin-bottom:calc(2 * var(--unit));flex-shrink:0}.cu-mat-req-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:calc(8 * var(--unit));padding-bottom:calc(4 * var(--unit));margin-bottom:calc(6 * var(--unit));flex-shrink:0}.cu-mat-item{flex:0 0 auto;min-width:calc(120 * var(--unit));max-width:calc(150 * var(--unit));height:calc(48 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));display:flex;align-items:center;gap:calc(8 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box}.cu-mat-info{display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--unit));min-width:0;flex:1}.cu-mat-name{font-size:calc(12 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.cu-mat-count{font-size:calc(12.7 * var(--unit));font-weight:900;line-height:1.1;white-space:nowrap}.cu-mat-count.ok{color:#15803d}.cu-mat-count.short{color:#b91c1c}.cu-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(12 * var(--unit));text-align:center;color:var(--ink-soft)}.cu-state-icon{font-size:calc(38 * var(--unit));line-height:1}.cu-state-title{font-size:calc(17.6 * var(--unit));font-weight:900;color:var(--ink)}.cu-state-title.warn{color:#b91c1c}.cu-state-title.gold{color:var(--paper-gold)}.cu-state-desc{font-size:calc(14.3 * var(--unit));color:var(--ink-soft);line-height:1.45}.cu-state-desc b{color:var(--paper-gold)}.cu-state-note{font-size:calc(12.1 * var(--unit));color:var(--ink-soft);line-height:1.4}.cu-state-btn{margin-top:calc(4 * var(--unit))}.cu-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4 * var(--unit));text-align:center;color:var(--ink-soft);font-size:calc(13.2 * var(--unit));padding:calc(16 * var(--unit)) 0}.cu-grid-empty-note{font-size:calc(12.1 * var(--unit));color:var(--ink-soft)}.cu-refund-body{font-size:calc(14.3 * var(--unit));line-height:1.6;text-align:center;color:var(--ink)}.cu-refund-body p{margin:0 0 calc(8 * var(--unit))}.cu-refund-title{color:var(--paper-gold);font-weight:900}.cu-refund-title.succ{color:#15803d}.cu-refund-tip{color:var(--ink-soft);font-size:calc(12.1 * var(--unit));margin:calc(8 * var(--unit)) 0 0}.cu-refund-warn{color:#b91c1c;font-size:calc(12.7 * var(--unit));margin:calc(6 * var(--unit)) 0 0}.shop-board-overlay{position:fixed;inset:0;z-index:88000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none;animation:shopFadeIn .22s ease-out forwards}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}.shop-modal-container{position:fixed;inset:0;z-index:88000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none;animation:shopFadeIn .22s ease-out forwards}.shop-modal-container .shop-board-card{position:relative;width:calc(1200 * var(--unit));max-width:96vw;max-height:94vh;padding:0;border-style:solid;border-width:calc(38 * var(--unit));border-image-source:url(../ui/ui_panel_v2.png);border-image-slice:30 fill;border-image-width:calc(38 * var(--unit));border-image-repeat:stretch;background:var(--paper);background-clip:padding-box;border-radius:0;display:flex;flex-direction:column;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;box-shadow:none;animation:shopPopIn .28s cubic-bezier(.175,.885,.32,1.15) forwards}@keyframes shopPopIn{0%{transform:scale(.92) translateY(calc(12 * var(--unit)));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.shop-board-card .btn-modal-close{--panel-inset: 38;--close-top: 26;--close-right: 26;position:absolute;top:calc((var(--close-top) - var(--panel-inset)) * var(--unit));right:calc((var(--close-right) - var(--panel-inset)) * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:max(calc(22 * var(--unit)),14px);line-height:1;width:calc(32 * var(--unit));height:calc(32 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:calc(6 * var(--unit));transition:all .15s;z-index:10}.shop-board-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.shop-board-title-ico{width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:inline-block;vertical-align:calc(-5 * var(--unit));margin-right:calc(4 * var(--unit));flex-shrink:0}.shop-spark-svg{width:calc(16 * var(--unit));height:calc(16 * var(--unit));display:block;flex-shrink:0}.btn-shop-action.ready-free{flex-direction:row;gap:calc(5 * var(--unit))}.shop-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(12 * var(--unit));padding:0 calc(36 * var(--unit)) 0 calc(4 * var(--unit));flex-shrink:0;gap:calc(12 * var(--unit))}.shop-board-title-group{display:flex;align-items:baseline;gap:calc(10 * var(--unit));min-width:0}.shop-board-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(24 * var(--unit)),14px);font-weight:900;letter-spacing:calc(1 * var(--unit));color:var(--ink);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.7);white-space:nowrap}.shop-board-subtitle{font-size:max(calc(12 * var(--unit)),11px);color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit));white-space:nowrap}.shop-board-assets{display:flex;align-items:center;gap:calc(8 * var(--unit));flex-shrink:0}.shop-asset-capsule{display:flex;align-items:center;gap:calc(6 * var(--unit));padding:calc(4 * var(--unit)) calc(10 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(20 * var(--unit));font-size:max(calc(14 * var(--unit)),12px);font-weight:700;color:var(--paper-gold);box-sizing:border-box;font-variant-numeric:tabular-nums;white-space:nowrap}.shop-asset-capsule.gem{border-color:#b9cfe4;color:#1c5f9e}.shop-asset-capsule.topaz{border-color:#e0c68a;color:#8a5a12}.shop-pack-row-container{width:100%;display:flex;justify-content:center;justify-content:safe center;align-items:stretch;gap:calc(12 * var(--unit));box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:calc(6 * var(--unit)) calc(2 * var(--unit)) calc(4 * var(--unit));scrollbar-width:none}.shop-pack-row-container::-webkit-scrollbar{display:none}.shop-pack-card{flex:1;min-width:max(calc(188 * var(--unit)),150px);max-width:max(calc(220 * var(--unit)),170px);border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;align-items:center;padding:calc(10 * var(--unit)) calc(8 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box;position:relative;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201424;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.shop-pack-card:hover:not(.locked){transform:translateY(calc(-4 * var(--unit)));box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #2b201438}.shop-pack-card .shop-pack-btn-group,.shop-pack-card>.btn-shop-action{margin-top:auto}.shop-pack-badge{position:absolute;top:calc(-8 * var(--unit));left:50%;transform:translate(-50%);padding:calc(2 * var(--unit)) calc(7 * var(--unit));border-radius:calc(4 * var(--unit));font-size:max(calc(11.5 * var(--unit)),11px);font-weight:900;white-space:nowrap;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--ink);color:var(--ink);box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201438;z-index:2}.shop-pack-icon-box{width:calc(82 * var(--unit));height:calc(122 * var(--unit));margin:calc(2 * var(--unit)) 0 calc(4 * var(--unit));display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-pack-img{width:100%;height:100%;object-fit:contain;display:block}.shop-pack-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),13px);font-weight:900;margin-bottom:calc(4 * var(--unit));text-align:center;letter-spacing:calc(.5 * var(--unit));line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shop-pack-guarantee-pill{font-size:max(calc(11.5 * var(--unit)),11px);font-weight:800;padding:calc(2.5 * var(--unit)) calc(6 * var(--unit));border-radius:calc(6 * var(--unit));margin-bottom:calc(6 * var(--unit));text-align:center;line-height:1.2;width:98%;box-sizing:border-box;background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-pack-highlights{width:98%;display:flex;flex-direction:column;gap:calc(4 * var(--unit));font-size:max(calc(11.5 * var(--unit)),11px);line-height:1.25;box-sizing:border-box;text-align:left;margin-bottom:calc(8 * var(--unit));color:var(--ink-soft)}.shop-pack-highlight-item{display:flex;align-items:center;gap:calc(5 * var(--unit));color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shop-pack-highlight-item>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-ico{display:inline-flex;align-items:center;justify-content:center;width:calc(14 * var(--unit));height:calc(14 * var(--unit));flex-shrink:0}.highlight-ico svg,.highlight-ico img{width:100%;height:100%;object-fit:contain}.shop-pack-card.theme-bronze{background:#f2e2ca;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-bronze:hover{background:#f6ead6;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #8a5a2647}.shop-pack-card.theme-bronze .shop-pack-badge{background:#e0c49b;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-bronze .shop-pack-guarantee-pill{background:#e9d4b4;border-color:#cdae80;color:#6b4318}.shop-pack-card.theme-silver{background:#e9eef4;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-silver:hover{background:#f0f4f9;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #485a7347}.shop-pack-card.theme-silver .shop-pack-badge{background:#cfd8e3;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-silver .shop-pack-guarantee-pill{background:#dce4ee;border-color:#b4c2d4;color:#3a4f6b}.shop-pack-card.theme-gold{background:#f7ead0;border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--paper-accent),0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201424}.shop-pack-card.theme-gold:hover{background:#fbf0da;box-shadow:inset 0 0 0 calc(2 * var(--unit)) var(--paper-gold),0 calc(8 * var(--unit)) calc(16 * var(--unit)) #92641447}.shop-pack-card.theme-gold .shop-pack-badge{background:#eed9a8;border-color:var(--ink);color:#6b4a10}.shop-pack-card.theme-gold .shop-pack-guarantee-pill{background:#f2e2b8;border-color:#dcc488;color:#6b4a10}.shop-pack-card.theme-elem-fire{background:#f8e2dd;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-elem-fire:hover{background:#fbeae6;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #b43c2d42}.shop-pack-card.theme-elem-fire .shop-pack-badge{background:#efc4bb;border-color:var(--ink);color:#6e2018}.shop-pack-card.theme-elem-fire .shop-pack-guarantee-pill{background:#f3d4cc;border-color:#dda99d;color:#6e2018}.shop-pack-card.theme-elem-earth{background:#e6efdc;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-elem-earth:hover{background:#edf4e5;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #3c782d42}.shop-pack-card.theme-elem-earth .shop-pack-badge{background:#c9ddb6;border-color:var(--ink);color:#24471a}.shop-pack-card.theme-elem-earth .shop-pack-guarantee-pill{background:#d8e7c8;border-color:#aec794;color:#24471a}.shop-pack-card.theme-elem-wind{background:#ddeef1;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-elem-wind:hover{background:#e6f3f6;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #1e8ca042}.shop-pack-card.theme-elem-wind .shop-pack-badge{background:#b9dce3;border-color:var(--ink);color:#14454f}.shop-pack-card.theme-elem-wind .shop-pack-guarantee-pill{background:#cbe5ea;border-color:#9dc8d1;color:#14454f}.shop-pack-card.theme-elem-spirit{background:#eae2f7;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-elem-spirit:hover{background:#f0eafa;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #6e3cb442}.shop-pack-card.theme-elem-spirit .shop-pack-badge{background:#d3c2ee;border-color:var(--ink);color:#40206e}.shop-pack-card.theme-elem-spirit .shop-pack-guarantee-pill{background:#ded0f3;border-color:#b9a2dd;color:#40206e}.shop-pack-card.theme-elem-water{background:#dfe8f7;border-color:var(--ink);color:var(--ink)}.shop-pack-card.theme-elem-water:hover{background:#e8effa;box-shadow:0 calc(8 * var(--unit)) calc(16 * var(--unit)) #1e5ab442}.shop-pack-card.theme-elem-water .shop-pack-badge{background:#bfd2ee;border-color:var(--ink);color:#1a3d70}.shop-pack-card.theme-elem-water .shop-pack-guarantee-pill{background:#cfdcf0;border-color:#a4bcdf;color:#1a3d70}.shop-pack-card.theme-diamond{background:#dfe9f2;border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 calc(2 * var(--unit)) #d9a93f,0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201424}.shop-pack-card.theme-diamond.locked{cursor:not-allowed;opacity:.72}.shop-pack-card.theme-diamond .shop-pack-badge{background:#c0d6e8;border-color:var(--ink);color:#1a4568}.shop-pack-card.theme-diamond .shop-pack-guarantee-pill{background:#d0e0ee;border-color:#a2c0d9;color:#1a4568}.btn-shop-action{width:100%;min-height:calc(38 * var(--unit));border-radius:calc(9 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:max(calc(13.5 * var(--unit)),12px);font-weight:700;font-family:ZCOOL KuaiLe,sans-serif;cursor:pointer;transition:transform .15s ease;box-sizing:border-box;flex-shrink:0;line-height:1.2;padding:calc(2 * var(--unit)) calc(4 * var(--unit))}.btn-shop-action.ui-btn{height:calc(38 * var(--unit));min-height:0;font-size:max(calc(13.5 * var(--unit)),12px);border-radius:0;box-shadow:none}.btn-price-row{display:inline-flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit));white-space:nowrap}.btn-price-row img,.btn-price-row svg{width:calc(15 * var(--unit));height:calc(15 * var(--unit));object-fit:contain;flex-shrink:0}.btn-shop-action.ready-free{box-shadow:none;border-radius:0;animation:shopFreeGlow 1.6s infinite ease-in-out}.btn-shop-action.ready-free:hover{transform:scale(1.03)}@media (prefers-reduced-motion: reduce){.btn-shop-action.ready-free{animation:none}}@keyframes shopFreeGlow{0%,to{filter:drop-shadow(0 0 calc(3 * var(--unit)) rgba(76,175,110,.45))}50%{filter:drop-shadow(0 0 calc(7 * var(--unit)) rgba(76,175,110,.95)) drop-shadow(0 calc(2 * var(--unit)) calc(4 * var(--unit)) rgba(43,32,20,.22))}}.btn-shop-action.cd-free{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);color:var(--ink-soft);box-shadow:none;cursor:default}.btn-shop-action.speedup-ad-btn{cursor:pointer;background:#fdf6ea;border:calc(1.5 * var(--unit)) solid #e0be82;color:#5c380d;transition:all .15s ease;box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #92400e1f}.btn-shop-action.speedup-ad-btn:hover{background:#faebd0;transform:scale(1.03);border-color:#cb923c;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #92400e38}.btn-shop-action.speedup-ad-btn .ad-speedup-tag{color:#b45309;font-weight:800;margin-left:calc(2 * var(--unit))}.btn-shop-action.locked-btn{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);color:#9a8d78;cursor:not-allowed;box-shadow:none}.btn-sub-timer{font-size:max(calc(10.5 * var(--unit)),11px);font-weight:700;color:var(--ink-soft);margin-top:calc(2 * var(--unit));white-space:nowrap;text-align:center}.shop-pack-btn-group{width:100%;display:flex;gap:calc(5 * var(--unit));align-items:center}.shop-pack-btn-group .btn-shop-action{flex:1;min-height:calc(36 * var(--unit));font-size:max(calc(12.5 * var(--unit)),12px);padding:0 calc(2 * var(--unit));flex-direction:row}.shop-pack-loading{width:100%;text-align:center;padding:calc(60 * var(--unit)) calc(10 * var(--unit));color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--unit))}.shop-pack-loading .shop-loading-icon{width:calc(40 * var(--unit));height:calc(40 * var(--unit));display:block;opacity:.7;flex-shrink:0}.shop-pack-loading .shop-loading-main{font-size:max(calc(16 * var(--unit)),12px);font-weight:700;color:var(--ink)}.shop-pack-loading .shop-loading-sub{font-size:max(calc(13 * var(--unit)),11px);color:var(--ink-soft);line-height:1.5;max-width:calc(560 * var(--unit))}@media (max-aspect-ratio: 1/1){.shop-modal-container .shop-board-card{width:calc(1200 * var(--unit));max-height:96vh}.shop-board-header{flex-wrap:wrap;justify-content:center}}.card-reveal-modal-overlay{position:fixed;inset:0;z-index:96000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none;animation:revealOverlayFadeIn .25s ease-out forwards}@keyframes revealOverlayFadeIn{0%{opacity:0}to{opacity:1}}.card-reveal-window{position:relative;width:calc(880 * var(--unit));max-width:96vw;display:flex;flex-direction:column;align-items:center;padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;animation:revealPopIn .32s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes revealPopIn{0%{transform:scale(.85) translateY(calc(16 * var(--unit)));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reveal-header-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));margin-bottom:calc(4 * var(--unit) + 10px);padding:0 calc(10 * var(--unit));box-sizing:border-box}.reveal-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(22 * var(--unit)),14px);font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.7);white-space:nowrap}.btn-reveal-skip{padding:calc(5 * var(--unit)) calc(14 * var(--unit));border-radius:calc(14 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);color:var(--paper-gold);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),12px);font-weight:800;cursor:pointer;box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b201429;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap;flex-shrink:0}.btn-reveal-skip:hover{transform:scale(1.04);background:var(--paper-dim);border-color:var(--paper-accent)}.reveal-cards-row{width:100%;display:flex;justify-content:center;align-items:center;gap:calc(28 * var(--unit));margin-bottom:calc(10 * var(--unit));perspective:1200px;padding:max(calc(26 * var(--unit)),26px) calc(18 * var(--unit)) calc(14 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-sizing:border-box}.reveal-card-slot{width:calc(180 * var(--unit));height:calc(245 * var(--unit));position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.56,.64,1),filter .2s;cursor:pointer}.reveal-card-slot:hover:not(.flipped){transform:translateY(calc(-8 * var(--unit))) scale(1.04)}.reveal-card-slot.flipped{transform:rotateY(180deg)}.reveal-card-slot.flipped:hover{transform:rotateY(180deg) translateY(calc(-4 * var(--unit)))}.card-face-back,.card-face-front{position:absolute;inset:0;border-radius:calc(12 * var(--unit));backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.card-face-back{background:var(--paper-hi);border:calc(3 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b20142e;padding:calc(14 * var(--unit)) calc(12 * var(--unit)) calc(10 * var(--unit));justify-content:center;gap:calc(10 * var(--unit));overflow:hidden}.back-wheel-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px);font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));line-height:1.1;white-space:nowrap;flex-shrink:0}.back-wheel{width:78%;height:auto;display:block;object-fit:contain;flex-shrink:0}.click-hint{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),11px);font-weight:800;color:var(--ink);background:var(--paper-hi);padding:calc(4 * var(--unit)) calc(12 * var(--unit));border-radius:calc(12 * var(--unit));border:calc(1.5 * var(--unit)) solid var(--paper-line);letter-spacing:calc(.5 * var(--unit));animation:hintBlink 1.6s ease-in-out infinite alternate;white-space:nowrap}@keyframes hintBlink{0%{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.card-face-front{transform:rotateY(180deg);background:none!important;border:none!important;box-shadow:none!important;padding:0;justify-content:center;overflow:visible}.card-face-front .card-item.card-view{--cscale: calc(180 * var(--unit) / 400)}.card-face-front .card-item.card-view:hover,.card-face-front .card-item.card-view.dragging{transform:none!important}.reveal-card-badges{position:absolute;bottom:calc(100% + 6 * var(--unit));left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:calc(5 * var(--unit));z-index:40;pointer-events:none;white-space:nowrap}.reveal-badge-new,.reveal-badge-guarantee{font-family:ZCOOL KuaiLe,sans-serif;padding:calc(2 * var(--unit)) calc(9 * var(--unit));font-size:max(calc(12 * var(--unit)),11px);font-weight:900;border-radius:calc(9 * var(--unit));line-height:1.2;white-space:nowrap;box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201438}.reveal-badge-new{background:#b3352a;border:calc(1.5 * var(--unit)) solid #7d1f18;color:#fff;animation:badgePop 1.5s ease-in-out infinite alternate}.reveal-badge-guarantee{background:var(--paper-accent);border:calc(1.5 * var(--unit)) solid #8a5a12;color:#fff}@keyframes badgePop{0%{transform:scale(.96)}to{transform:scale(1.06)}}.reveal-bonus-box{width:100%;display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--unit));min-height:calc(34 * var(--unit));margin-bottom:calc(12 * var(--unit));padding:calc(4 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;flex-wrap:wrap}.bonus-item-badge{display:flex;align-items:center;gap:calc(6 * var(--unit));padding:calc(4 * var(--unit)) calc(12 * var(--unit));border-radius:calc(16 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),12px);font-weight:800;color:var(--paper-gold);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b201424}.bonus-item-badge.energy{border-color:#b9cfe4;color:#1c5f9e}.reveal-bonus-empty{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),12px);color:var(--ink-soft)}.reveal-pending-hint{height:calc(44 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);font-weight:700;color:var(--ink-soft);letter-spacing:calc(.5 * var(--unit));text-align:center;padding:0 calc(10 * var(--unit));animation:hintBlink 1.8s ease-in-out infinite alternate}.reveal-actions-row{width:100%;display:none;align-items:center;justify-content:center;gap:calc(16 * var(--unit));height:calc(48 * var(--unit))}.actions-pop-in{animation:actionsPopIn .3s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes actionsPopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-reveal-again,.btn-reveal-confirm{padding:calc(8 * var(--unit)) calc(28 * var(--unit));border-radius:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);font-weight:900;color:#fff;cursor:pointer;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #2b201440;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}.btn-reveal-again{background:#2f7fb8;border:calc(2 * var(--unit)) solid #1c5f9e}.btn-reveal-again:hover{transform:scale(1.04);background:#3a92cd;border-color:#2f7fb8}.btn-reveal-confirm{background:#3f7d4e;border:calc(2 * var(--unit)) solid #2c5c38}.btn-reveal-confirm:hover{transform:scale(1.04);background:#4a9060;border-color:#3f7d4e}@media (prefers-reduced-motion: reduce){.reveal-card-slot,.click-hint,.reveal-pending-hint,.reveal-badge-new{animation:none!important}}.hot-update-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--mask-warm);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;transition:opacity .25s ease;user-select:none;-webkit-user-select:none}.hot-update-card{position:relative;width:calc(620 * var(--unit));max-height:calc(540 * var(--unit));background:var(--paper);border:calc(2 * var(--unit)) solid var(--paper-line);box-shadow:0 calc(12 * var(--unit)) calc(36 * var(--unit)) #2b201466;border-radius:calc(14 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;display:flex;flex-direction:column;padding:calc(24 * var(--unit));box-sizing:border-box;color:var(--ink)}.hot-update-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(1 * var(--unit)) solid var(--paper-line);padding-bottom:calc(14 * var(--unit));margin-bottom:calc(16 * var(--unit))}.hot-update-title-wrap{display:flex;align-items:center;gap:calc(10 * var(--unit))}.hot-update-icon{font-size:calc(26 * var(--unit))}.hot-update-title{font-size:calc(22 * var(--unit));font-weight:700;color:var(--ink);letter-spacing:calc(1 * var(--unit))}.hot-update-badge{background:#1d4ed8;color:#fff;font-size:calc(12 * var(--unit));font-weight:600;padding:calc(3 * var(--unit)) calc(8 * var(--unit));border-radius:calc(6 * var(--unit))}.hot-update-meta{display:flex;justify-content:space-between;align-items:center;background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));padding:calc(10 * var(--unit)) calc(16 * var(--unit));margin-bottom:calc(14 * var(--unit));font-size:calc(14 * var(--unit))}.hot-update-ver-tag{color:var(--ink-soft)}.hot-update-ver-val{color:#1d4ed8;font-weight:700}.hot-update-size-val{color:#7c3a10;font-weight:600}.hot-update-body{flex:1;display:flex;flex-direction:column;min-height:calc(160 * var(--unit));max-height:calc(220 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));padding:calc(14 * var(--unit)) calc(16 * var(--unit));margin-bottom:calc(18 * var(--unit));overflow-y:auto}.hot-update-log-title{font-size:calc(14 * var(--unit));font-weight:600;color:var(--ink);margin-bottom:calc(8 * var(--unit))}.hot-update-log-text{font-size:calc(13 * var(--unit));line-height:1.6;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word}.hot-update-footer{display:flex;gap:calc(16 * var(--unit));justify-content:flex-end;align-items:center}.hot-update-btn{flex:1;height:calc(44 * var(--unit));border-radius:calc(8 * var(--unit));font-size:calc(16 * var(--unit));font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .15s ease;box-shadow:0 calc(4 * var(--unit)) calc(8 * var(--unit)) #2b201440}.hot-update-btn:active{transform:scale(.97)}.hot-update-btn-cancel{background:var(--paper-dim);color:var(--ink);border:calc(1 * var(--unit)) solid var(--paper-line)}.hot-update-btn-cancel:hover{background:#ece2cf;color:var(--ink)}.hot-update-btn-confirm{background:#d8912a;color:#fff;border:calc(1 * var(--unit)) solid #8a5a12}.hot-update-btn-confirm:hover{filter:brightness(1.1)}.hot-update-progress-wrap{display:flex;flex-direction:column;gap:calc(10 * var(--unit));width:100%;padding:calc(6 * var(--unit)) 0}.hot-update-progress-info{display:flex;justify-content:space-between;font-size:calc(13 * var(--unit));color:#94a3b8}.hot-update-progress-track{position:relative;width:100%;height:calc(16 * var(--unit));background:#e3ded3;border:calc(1 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));overflow:hidden}.hot-update-progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background:#d8912a;border-radius:calc(8 * var(--unit));transition:width .2s ease-out}.hot-update-progress-tip{text-align:center;font-size:calc(12 * var(--unit));color:var(--ink-soft)}.net-loading-mask{display:none;position:fixed;inset:0;z-index:999000;align-items:center;justify-content:center;background:rgba(43,32,20,.35);pointer-events:auto}.net-loading-box{display:flex;flex-direction:column;align-items:center;gap:max(calc(14 * var(--unit)),10px);background:var(--paper);border:max(calc(2 * var(--unit)),2px) solid var(--ink);border-radius:calc(14 * var(--unit));padding:max(calc(24 * var(--unit)),18px) max(calc(34 * var(--unit)),26px);box-shadow:0 calc(6 * var(--unit)) calc(16 * var(--unit)) #2b201459;font-family:ZCOOL KuaiLe,sans-serif}.net-loading-spinner{width:max(calc(54 * var(--unit)),40px);height:max(calc(54 * var(--unit)),40px);border-radius:50%;border:max(calc(5 * var(--unit)),4px) solid rgba(43,32,20,.14);border-top-color:#d8912a;border-right-color:#b96f14;animation:netSpinnerRotate .75s linear infinite}@keyframes netSpinnerRotate{to{transform:rotate(360deg)}}.net-loading-text{color:var(--ink-soft);font-size:max(calc(13 * var(--unit)),11px);font-weight:500;letter-spacing:.06em;text-align:center;user-select:none}.arena-viewport{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1500;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arena-viewport,.arena-modal-overlay{--well-bg: #e5d8bd;--well-line: #d0bd9a;--well-inset: inset 0 calc(2 * var(--unit)) calc(7 * var(--unit)) rgba(43, 32, 20, .11)}.arena-panel{position:relative;width:calc(1290 * var(--unit));height:calc(710 * var(--unit));display:flex;flex-direction:column;box-shadow:none;overflow:hidden;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif}.arena-panel.ui-panel{border-width:calc(25 * var(--unit));border-image-width:calc(25 * var(--unit))}.arena-panel-head{flex-shrink:0;height:calc(48 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--unit));padding:0 calc(12 * var(--unit));box-sizing:border-box;background:var(--paper);border-bottom:calc(2 * var(--unit)) solid var(--ink)}.arena-head-left,.arena-head-right{display:flex;align-items:center;gap:calc(6 * var(--unit));flex-shrink:0;min-width:0}.arena-btn-back{display:flex;align-items:center;gap:calc(3 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(8 * var(--unit));color:var(--ink);font-size:calc(13 * var(--unit));font-weight:700;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.arena-btn-back:hover{background:var(--paper-hi);border-color:var(--paper-gold)}.arena-title-box{display:flex;align-items:center;gap:calc(6 * var(--unit));min-width:0}.arena-title-text{font-size:calc(18 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(.5 * var(--unit));white-space:nowrap}.arena-season-tag{padding:calc(2 * var(--unit)) calc(6 * var(--unit));background:rgba(217,119,6,.14);border:calc(1 * var(--unit)) solid var(--paper-accent);border-radius:calc(4 * var(--unit));color:var(--paper-gold);font-size:calc(11 * var(--unit));font-weight:700;white-space:nowrap}.arena-btn-help{display:flex;align-items:center;justify-content:center;width:calc(26 * var(--unit));height:calc(26 * var(--unit));padding:0;background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:50%;color:var(--ink-soft);font-size:calc(13 * var(--unit));font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s ease}.arena-btn-help:hover{background:var(--paper-hi);border-color:var(--paper-gold);color:var(--ink);transform:translateY(calc(-1 * var(--unit)))}.arena-btn-help:active{transform:translateY(calc(1 * var(--unit)))}.arena-btn-help-icon{font-size:calc(13 * var(--unit));line-height:1}.arena-pill{display:flex;align-items:center;gap:calc(4 * var(--unit));height:calc(28 * var(--unit));padding:0 calc(7 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid rgba(217,119,6,.5);border-radius:calc(14 * var(--unit));box-sizing:border-box;white-space:nowrap}.arena-pill-ico{font-size:calc(13 * var(--unit));line-height:1}.arena-pill-main{font-size:calc(13 * var(--unit));font-weight:900;color:var(--ink)}.arena-pill-sub{font-size:calc(11 * var(--unit));color:var(--paper-gold)}.arena-pill-sub.muted{color:var(--ink-soft)}.arena-key-capsule{display:flex;align-items:center;gap:calc(5 * var(--unit));height:calc(28 * var(--unit));padding:0 calc(8 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-gold);border-radius:calc(14 * var(--unit));box-sizing:border-box;white-space:nowrap}.arena-key-num{color:var(--ink);font-size:calc(13 * var(--unit));font-weight:900;line-height:1}.arena-btn-add-key{width:calc(18 * var(--unit));height:calc(18 * var(--unit));border-radius:50%;background:#15803d;border:calc(1 * var(--unit)) solid #15803d;color:var(--paper-hi);font-size:calc(13 * var(--unit));font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;padding:0;margin-left:calc(2 * var(--unit));transition:transform .1s ease,background .15s ease}.arena-btn-add-key:hover{background:#16a34a;transform:scale(1.08)}.arena-btn-add-key:active{transform:scale(.95)}.arena-btn-refresh-opp{height:calc(28 * var(--unit));padding:0 calc(8 * var(--unit)) 0 calc(10 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--ink);border-radius:calc(14 * var(--unit));color:var(--ink);font-size:calc(12 * var(--unit));font-weight:700;cursor:pointer;white-space:nowrap;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:calc(6 * var(--unit));line-height:1;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.arena-btn-refresh-opp:hover{background:var(--paper-hi);border-color:var(--paper-accent)}.arena-btn-refresh-opp:active{transform:translateY(calc(1 * var(--unit)))}.arena-refresh-label{font-size:calc(12 * var(--unit));font-weight:700;line-height:1;white-space:nowrap}.arena-refresh-badge{display:inline-flex;align-items:center;gap:calc(2 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit));border-radius:calc(8 * var(--unit));font-size:calc(11 * var(--unit));font-weight:700;line-height:1;background:rgba(21,128,61,.12);color:#15803d;white-space:nowrap}.arena-refresh-badge.paid{background:rgba(14,116,144,.12);color:#0e7490}.arena-btn-refresh-opp:disabled{opacity:.45;cursor:not-allowed;border-color:var(--ink-soft);color:var(--ink-soft);box-shadow:none}.arena-settle-banner{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--unit));height:calc(38 * var(--unit));margin:calc(8 * var(--unit)) calc(16 * var(--unit)) 0;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(8 * var(--unit));box-sizing:border-box;min-width:0}.arena-settle-icon{font-size:calc(18 * var(--unit));flex-shrink:0}.arena-settle-title{font-size:calc(15 * var(--unit));font-weight:900;color:var(--paper-gold);white-space:nowrap;flex-shrink:0}.arena-settle-sub{font-size:calc(13 * var(--unit));color:var(--paper-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-panel-main{flex:1;display:flex;gap:calc(14 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box;min-height:0}.arena-left-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(10 * var(--unit));box-sizing:border-box}.arena-opponents-list{flex:1;min-height:0;display:flex;gap:calc(12 * var(--unit));background:var(--well-bg);border:calc(2 * var(--unit)) solid var(--well-line);border-radius:calc(14 * var(--unit));box-shadow:var(--well-inset);padding:calc(8 * var(--unit));box-sizing:border-box}.arena-opp-empty{flex:1;display:flex;align-items:center;justify-content:center;border:calc(1.5 * var(--unit)) dashed var(--ink);border-radius:calc(12 * var(--unit));color:var(--ink-soft);font-size:calc(14 * var(--unit));text-align:center;padding:0 calc(20 * var(--unit))}.arena-opp-card{position:relative;flex:1 1 0;min-width:0;background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));padding:calc(9 * var(--unit)) calc(10 * var(--unit));display:flex;flex-direction:column;justify-content:flex-start;gap:calc(6 * var(--unit));box-sizing:border-box;box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #2b20141a;transition:border-color .2s ease,box-shadow .2s ease}.arena-opp-card:before{content:"";position:absolute;left:0;top:calc(10 * var(--unit));bottom:calc(10 * var(--unit));width:calc(4 * var(--unit));border-radius:0 calc(3 * var(--unit)) calc(3 * var(--unit)) 0;background:var(--ink-soft);pointer-events:none}.arena-opp-card.diff-low:before{background:#1d4ed8}.arena-opp-card.diff-mid:before{background:var(--paper-accent)}.arena-opp-card.diff-high:before{background:#b91c1c}.arena-opp-card:hover{box-shadow:0 calc(3 * var(--unit)) calc(10 * var(--unit)) #2b201438}.arena-opp-card.diff-low{border-color:#1d4ed8;background:var(--paper)}.arena-opp-card.diff-mid{border-color:var(--paper-gold);background:var(--paper)}.arena-opp-card.diff-high{border-color:#b91c1c;background:var(--paper)}.arena-opp-head{display:flex;align-items:center;gap:calc(6 * var(--unit));min-width:0}.arena-opp-lord-name{font-size:calc(15 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.arena-opp-diff-badge{flex-shrink:0;padding:calc(1 * var(--unit)) calc(6 * var(--unit));border-radius:calc(3 * var(--unit));font-size:calc(11 * var(--unit));font-weight:700}.diff-badge-low{background:var(--paper);color:#1d4ed8;border:calc(1.5 * var(--unit)) solid #1d4ed8}.diff-badge-mid{background:var(--paper-gold);color:var(--paper-hi);border:calc(1 * var(--unit)) solid #7c3a10}.diff-badge-high{background:#b91c1c;color:var(--paper-hi);border:calc(1 * var(--unit)) solid #7f1d1d}.arena-opp-lord-lv{flex-shrink:0;font-size:calc(11 * var(--unit));color:var(--ink-soft);font-weight:700}.arena-opp-heroes{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;gap:calc(8 * var(--unit))}.arena-opp-hero{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--unit))}.arena-opp-hero-img{width:calc(82 * var(--unit));height:calc(82 * var(--unit));object-fit:contain;display:block}.arena-opp-chip-name-row{display:flex;align-items:center;justify-content:center;gap:calc(3 * var(--unit));max-width:100%;min-width:0}.arena-opp-chip-icon{flex-shrink:0;width:calc(14 * var(--unit));height:calc(14 * var(--unit));display:inline-block;object-fit:contain}.arena-opp-chip-elem-neutral{border-radius:50%}.arena-opp-chip-name{font-size:calc(13 * var(--unit));font-weight:700;color:var(--ink);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-opp-chip-meta{font-size:calc(11 * var(--unit));color:var(--ink-soft);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-opp-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--unit));flex-wrap:wrap}.arena-opp-pts{font-size:calc(13 * var(--unit));font-weight:700;color:var(--paper-gold);white-space:nowrap}.arena-opp-cost{display:flex;align-items:center;gap:calc(2 * var(--unit));font-size:calc(12 * var(--unit));color:var(--ink-soft);white-space:nowrap}.arena-opp-cost img{display:block}.arena-btn-challenge{flex-shrink:0;width:100%}.arena-right-col{flex-shrink:0;width:calc(314 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit));box-sizing:border-box}.arena-top-reward-card{flex:1;position:relative;min-height:0;background:var(--well-bg);border:calc(2 * var(--unit)) solid var(--paper-accent);border-radius:calc(12 * var(--unit));box-shadow:var(--well-inset);padding:calc(30 * var(--unit)) calc(12 * var(--unit)) calc(14 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(12 * var(--unit));box-sizing:border-box;box-shadow:0 0 calc(12 * var(--unit)) #d9770640;overflow:hidden}.arena-top-reward-tag{position:absolute;top:calc(7 * var(--unit));left:50%;transform:translate(-50%);padding:calc(2.5 * var(--unit)) calc(14 * var(--unit));background:var(--paper-gold);border-radius:calc(4 * var(--unit));color:var(--paper-hi);font-size:calc(13 * var(--unit));font-weight:900;white-space:nowrap}.arena-featured-card{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:calc(4 * var(--unit))}.arena-featured-card .card-item.card-view{--cscale: calc(163 * var(--unit) / 400);border:none;box-shadow:none;transform:none!important}.arena-featured-card .card-item.card-view:hover{transform:none!important}.arena-reward-grid{flex:1 1 0;width:100%;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8 * var(--unit));align-content:start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-sizing:border-box;padding:calc(9 * var(--unit)) 0 calc(2 * var(--unit))}.arena-reward-grid::-webkit-scrollbar{display:none}.arena-reward-item{position:relative;height:calc(64 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(8 * var(--unit));box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b20141a;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.arena-reward-item:hover{border-color:var(--paper-gold);background:var(--paper-hi);box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #d977064d;transform:translateY(calc(-2 * var(--unit)))}.arena-reward-ico{width:calc(40 * var(--unit));height:calc(40 * var(--unit));display:flex;align-items:center;justify-content:center}.arena-reward-ico img,.arena-reward-ico .item-png-icon{max-width:100%;max-height:100%;object-fit:contain;display:block}.arena-reward-qty{position:absolute;right:calc(4 * var(--unit));bottom:calc(2 * var(--unit));font-size:calc(12 * var(--unit));font-weight:900;color:var(--ink);line-height:1;pointer-events:none}.arena-reward-empty{grid-column:1 / -1;width:100%;text-align:center;color:var(--ink-soft);font-size:calc(13 * var(--unit));padding:calc(16 * var(--unit)) 0}.arena-actions-group{flex-shrink:0;display:flex;gap:calc(10 * var(--unit))}.arena-btn-action{flex:1;min-width:0}.arena-bottom-bar{flex-shrink:0;height:calc(176 * var(--unit));background:var(--well-bg);border:calc(2 * var(--unit)) solid var(--well-line);border-radius:calc(14 * var(--unit));box-shadow:var(--well-inset);padding:calc(9 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column;gap:calc(7 * var(--unit))}.arena-bottom-meta{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--unit));flex-shrink:0}.arena-bottom-tip{font-size:calc(13 * var(--unit));color:var(--paper-gold);font-weight:700;white-space:nowrap}.arena-bottom-tip.ready{color:#15803d}.arena-bottom-hint{font-size:calc(12 * var(--unit));color:var(--ink-soft);white-space:nowrap}.arena-heroes-scroll{flex:1;min-height:0;display:flex;align-items:center;gap:calc(10 * var(--unit));padding:calc(2 * var(--unit)) 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.arena-hero-card{position:relative;width:calc(100 * var(--unit));height:calc(122 * var(--unit));flex-shrink:0;border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) solid var(--ink);background:var(--paper);cursor:pointer;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(3 * var(--unit));padding:calc(6 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.arena-hero-card:hover{border-color:var(--paper-accent)}.arena-hero-card.selected{border-color:#15803d;background:var(--paper-hi);box-shadow:0 0 calc(10 * var(--unit)) #15803d73}.arena-hero-card.in-cd{border-color:#8a8378;background:#e3ded3;cursor:not-allowed}.arena-hero-card-avatar{flex-shrink:0;width:calc(60 * var(--unit));height:calc(60 * var(--unit));border-radius:calc(7 * var(--unit));overflow:hidden;background:none;border:none;display:flex;align-items:center;justify-content:center}.arena-hero-card-avatar img{width:100%;height:100%;object-fit:contain;display:block}.arena-hero-card.selected .arena-hero-card-avatar{box-shadow:0 0 0 calc(2.5 * var(--unit)) #15803d}.arena-hero-card.in-cd .arena-hero-card-avatar img{filter:grayscale(1) brightness(.62)}.arena-hero-card-name{font-size:calc(13 * var(--unit));line-height:calc(16 * var(--unit));font-weight:700;color:var(--ink);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:calc(1 * var(--unit))}.arena-hero-card.in-cd .arena-hero-card-name{color:#5c574e}.arena-hero-card-lv{font-size:calc(12 * var(--unit));line-height:calc(14 * var(--unit));font-weight:700;color:var(--paper-gold);text-align:center}.arena-hero-card-cd{font-size:calc(11 * var(--unit));line-height:calc(14 * var(--unit));font-weight:700;color:#b91c1c;white-space:nowrap;text-align:center}.arena-hero-stamp{position:absolute;top:calc(4 * var(--unit));right:calc(-3 * var(--unit));transform:rotate(-8deg);padding:calc(1 * var(--unit)) calc(7 * var(--unit));background:rgba(22,163,74,.95);border:calc(1.5 * var(--unit)) solid #15803d;border-radius:calc(4 * var(--unit));color:var(--ink);font-size:calc(12 * var(--unit));font-weight:900;letter-spacing:calc(1 * var(--unit));box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b20142e;pointer-events:none;z-index:2}.arena-modal-overlay{position:fixed;inset:0;z-index:89000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased}.arena-modal-dialog{position:relative;width:calc(880 * var(--unit));box-shadow:none;padding:0;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(14 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.arena-modal-title{font-size:calc(20 * var(--unit));font-weight:900;color:var(--ink);text-align:center}.arena-modal-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));width:calc(32 * var(--unit));height:calc(32 * var(--unit));border-radius:calc(8 * var(--unit));background:none;border:none;color:var(--ink-soft);font-size:calc(20 * var(--unit));font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;pointer-events:auto;transition:all .2s;font-family:ZCOOL KuaiLe,sans-serif}.arena-modal-close:hover{color:var(--kit-danger, #b91c1c);background:var(--paper-dim, rgba(0, 0, 0, .06))}.arena-points-viewport{position:relative;width:100%;box-sizing:border-box}.arena-points-hint{font-size:calc(12 * var(--unit));color:var(--ink-soft);text-align:center;line-height:1.4;padding:0 calc(12 * var(--unit));box-sizing:border-box}.arena-points-scroll-track{display:flex;gap:calc(12 * var(--unit));background:var(--well-bg);border:calc(2 * var(--unit)) solid var(--well-line);border-radius:calc(14 * var(--unit));box-shadow:var(--well-inset);width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:calc(10 * var(--unit)) calc(6 * var(--unit));box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;cursor:grab}.arena-points-scroll-track:active,.arena-points-scroll-track.is-dragging{cursor:grabbing}.arena-points-scroll-track.is-dragging .arena-reward-badge{transition:none;transform:none;border-color:var(--ink);box-shadow:none}.arena-points-scroll-track::-webkit-scrollbar{display:none}.arena-point-tier-node{flex:0 0 auto;width:calc(172 * var(--unit));min-height:calc(262 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--ink);border-radius:calc(12 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b20141f;padding:calc(10 * var(--unit));display:flex;flex-direction:column;align-items:stretch;gap:calc(8 * var(--unit));box-sizing:border-box}.arena-point-tier-node.claimed{border-color:var(--ink-soft);opacity:.62}.arena-point-tier-node.ready{border-color:#15803d;box-shadow:0 0 calc(10 * var(--unit)) #15803d61}.arena-tier-target-pts{flex-shrink:0;text-align:center;font-size:calc(22 * var(--unit));font-weight:900;color:var(--ink);line-height:1.1}.arena-tier-target-pts span{font-size:calc(12 * var(--unit));margin-left:calc(2 * var(--unit));color:var(--paper-gold);font-weight:700}.arena-points-tier-rewards{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:calc(6 * var(--unit));align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--well-bg);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(8 * var(--unit));padding:calc(8 * var(--unit)) calc(4 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box}.arena-tier-reward-empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);font-size:calc(12 * var(--unit));padding:calc(16 * var(--unit)) 0}.arena-btn-claim-tier{flex-shrink:0;width:100%}.arena-rank-tabs{display:flex;gap:calc(10 * var(--unit));justify-content:center;margin-bottom:calc(12 * var(--unit))}.arena-rank-tab{padding:calc(6 * var(--unit)) calc(22 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(8 * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(14 * var(--unit));font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.arena-rank-tab:hover{background:var(--paper)}.arena-rank-tab.is-active{background:var(--paper-hi);border-color:var(--paper-accent);color:var(--paper-gold);box-shadow:inset 0 calc(-3 * var(--unit)) 0 var(--paper-accent)}.arena-rank-hero-avatar{width:calc(32 * var(--unit));height:calc(32 * var(--unit));border-radius:calc(6 * var(--unit));object-fit:contain;display:block;flex-shrink:0}.arena-my-rank-bar{display:flex;align-items:center;justify-content:space-between;margin-top:calc(10 * var(--unit));padding:calc(8 * var(--unit)) calc(14 * var(--unit));background:var(--well-bg);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(8 * var(--unit));box-shadow:var(--well-inset);box-sizing:border-box}.arena-rank-list-wrap{max-height:calc(340 * var(--unit));overflow-y:auto;display:flex;flex-direction:column;gap:calc(6 * var(--unit));background:var(--well-bg);border:calc(2 * var(--unit)) solid var(--well-line);border-radius:calc(14 * var(--unit));box-shadow:var(--well-inset);padding:calc(10 * var(--unit));box-sizing:border-box}.arena-rank-row{display:flex;align-items:center;justify-content:space-between;padding:calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));gap:calc(12 * var(--unit))}.arena-rank-num{width:calc(36 * var(--unit));font-size:calc(18 * var(--unit));font-weight:900;color:var(--ink)}.arena-tier-rewards{display:flex;align-items:center;justify-content:flex-end;gap:calc(8 * var(--unit));flex-wrap:nowrap;overflow-x:auto;max-width:calc(560 * var(--unit));background:var(--well-bg);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(8 * var(--unit));padding:calc(7 * var(--unit)) calc(6 * var(--unit)) calc(3 * var(--unit))}.arena-tier-rewards::-webkit-scrollbar{height:calc(3 * var(--unit))}.arena-tier-rewards::-webkit-scrollbar-thumb{background:var(--ink);border-radius:calc(2 * var(--unit))}.arena-reward-badge{position:relative;width:calc(48 * var(--unit));height:calc(48 * var(--unit));flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));box-sizing:border-box;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.arena-reward-badge:hover{transform:scale(1.08);border-color:var(--paper-accent);box-shadow:0 0 calc(8 * var(--unit)) #d9770659}.arena-reward-badge:active{transform:scale(.95)}.arena-reward-badge.is-card{background:var(--paper-dim);box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b20142e}.arena-card-star-badge{position:absolute;top:calc(-6 * var(--unit));left:50%;transform:translate(-50%);background:var(--paper);color:var(--ink);font-size:calc(10 * var(--unit));font-weight:900;line-height:1;padding:calc(1.5 * var(--unit)) calc(5 * var(--unit));border-radius:calc(6 * var(--unit));border:calc(1 * var(--unit)) solid var(--ink);box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #2b201440;white-space:nowrap;pointer-events:none;z-index:3;letter-spacing:calc(.3 * var(--unit))}.arena-reward-badge-icon{width:calc(26 * var(--unit));height:calc(26 * var(--unit));display:flex;align-items:center;justify-content:center;margin-bottom:calc(2 * var(--unit))}.arena-reward-badge-icon img,.arena-reward-badge-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.arena-reward-badge-qty{position:absolute;bottom:calc(2 * var(--unit));right:calc(3 * var(--unit));font-size:calc(10 * var(--unit));font-weight:900;color:var(--ink);line-height:1;pointer-events:none;letter-spacing:-.2px}.arena-btn-dot-host{position:relative}.arena-btn-reddot{position:absolute;top:calc(-1 * var(--ui-btn-border-w, calc(20.67 * var(--unit))) - 2 * var(--unit));right:calc(-1 * var(--ui-btn-border-w, calc(20.67 * var(--unit))) - 2 * var(--unit));width:calc(14 * var(--unit));height:calc(14 * var(--unit));background:#b91c1c;border:calc(2 * var(--unit)) solid var(--ink);border-radius:50%;box-shadow:0 0 calc(8 * var(--unit)) #ef4444e6;animation:arenaRedDotPulse 1.4s infinite ease-in-out;pointer-events:none;z-index:4}@keyframes arenaRedDotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.arena-result-dialog{width:calc(470 * var(--unit));gap:calc(10 * var(--unit))}.arena-result-banner{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(26 * var(--unit)),18px);font-weight:900;text-align:center;line-height:1.2;color:var(--ink)}.arena-result-dialog.is-win .arena-result-banner{color:#b45309}.arena-result-dialog.is-lose .arena-result-banner{color:#b91c1c}.arena-result-well{display:flex;flex-direction:column;gap:calc(7 * var(--unit));padding:calc(12 * var(--unit)) calc(14 * var(--unit));background:var(--well-bg, var(--paper-dim));border:calc(2 * var(--unit)) solid var(--well-line, var(--paper-line));border-radius:calc(10 * var(--unit));box-shadow:var(--well-inset, inset 0 calc(2 * var(--unit)) calc(7 * var(--unit)) rgba(43, 32, 20, .11));box-sizing:border-box}.arena-result-row{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px)}.arena-result-row--total .ar-label--total{font-size:max(calc(15 * var(--unit)),12px)}.arena-result-sep{height:calc(1.5 * var(--unit));background:rgba(107,79,58,.26);border-radius:calc(1 * var(--unit));margin:calc(2 * var(--unit)) 0}.ar-label{color:var(--ink-soft)}.ar-label--total{color:var(--ink);font-weight:700}.ar-val{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:900;color:var(--ink)}.ar-val--base{color:#b45309}.arena-result-dialog.is-lose .ar-val--base{color:#15803d}.ar-val--streak{color:#c2410c}.ar-val--total{color:#15803d;font-size:max(calc(19 * var(--unit)),14px)}.ar-val--pts{color:var(--ink)}.arena-result-btn{width:100%;min-height:calc(46 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);box-sizing:border-box}.coin-flip-layer{position:absolute;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .24s ease}.coin-flip-layer--show{opacity:1}.coin-flip-panel{display:flex;flex-direction:column;align-items:center;padding:calc(20 * var(--unit)) calc(44 * var(--unit)) calc(22 * var(--unit));border-radius:calc(18 * var(--unit));background:linear-gradient(180deg,rgba(30,26,56,.97) 0%,rgba(15,13,30,.97) 100%);border:calc(2 * var(--unit)) solid rgba(246,196,69,.55);box-shadow:0 calc(18 * var(--unit)) calc(44 * var(--unit)) #000000b8,0 0 calc(26 * var(--unit)) #f6c44538;transform:translateY(calc(-10 * var(--unit))) scale(.9);transition:transform .26s cubic-bezier(.2,.85,.3,1.2)}.coin-flip-layer--show .coin-flip-panel{transform:translateY(calc(-10 * var(--unit))) scale(1)}.coin-flip-title{font-size:calc(15 * var(--unit));font-weight:800;letter-spacing:calc(2 * var(--unit));color:#fcd34d;text-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) rgba(0,0,0,.65)}.coin-flip-stage{margin-top:calc(16 * var(--unit));perspective:calc(700 * var(--unit))}.coin-flip-coin{position:relative;width:calc(96 * var(--unit));height:calc(96 * var(--unit));transform-style:preserve-3d;transform:rotateY(0)}.coin-flip-coin[data-face=heads]{animation:coinFlipHeads 1.15s cubic-bezier(.22,.75,.28,1) both}.coin-flip-coin[data-face=tails]{animation:coinFlipTails 1.15s cubic-bezier(.22,.75,.28,1) both}@keyframes coinFlipHeads{0%{transform:translateY(0) rotateY(0)}42%{transform:translateY(calc(-48 * var(--unit))) rotateY(760deg)}to{transform:translateY(0) rotateY(1800deg)}}@keyframes coinFlipTails{0%{transform:translateY(0) rotateY(0)}42%{transform:translateY(calc(-48 * var(--unit))) rotateY(760deg)}to{transform:translateY(0) rotateY(1980deg)}}.coin-flip-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:calc(42 * var(--unit));font-weight:900;color:#5a3a05;background:radial-gradient(circle at 34% 28%,#fff2c4 0%,#f7ca52 40%,#d29a24 72%,#9d6b0f 100%);border:calc(3.5 * var(--unit)) solid #8a5c0c;box-shadow:inset 0 calc(3 * var(--unit)) calc(9 * var(--unit)) #fff9,inset 0 calc(-4 * var(--unit)) calc(11 * var(--unit)) #78500a8c,0 calc(6 * var(--unit)) calc(18 * var(--unit)) #0000008c;backface-visibility:hidden}.coin-flip-face--back{transform:rotateY(180deg)}.coin-flip-result{margin-top:calc(18 * var(--unit));font-size:calc(21 * var(--unit));font-weight:900;letter-spacing:calc(1.5 * var(--unit));opacity:0;animation:coinFlipResultIn .42s ease-out 1s both}.coin-flip-result--self{color:#86efac;text-shadow:0 0 calc(14 * var(--unit)) rgba(74,222,128,.6)}.coin-flip-result--enemy{color:#fca5a5;text-shadow:0 0 calc(14 * var(--unit)) rgba(248,113,113,.6)}@keyframes coinFlipResultIn{0%{opacity:0;transform:translateY(calc(10 * var(--unit)))}to{opacity:1;transform:translateY(0)}}.workshop-overlay{position:fixed;inset:0;z-index:88000;display:none;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;background:var(--mask-warm);overflow:hidden;user-select:none;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.workshop-dialog{position:relative;width:calc(1260 * var(--unit));height:calc(730 * var(--unit));padding:calc(2 * var(--unit)) calc(var(--safe-right, 0px) + 4 * var(--unit)) calc(2 * var(--unit)) calc(var(--safe-left, 0px) + 4 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box}.workshop-close{position:absolute;top:calc(2 * var(--unit));right:calc(2 * var(--unit));z-index:10}.workshop-title{align-self:center;padding:calc(3 * var(--unit)) calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit));font-size:calc(22 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(2 * var(--unit));line-height:1.2;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(14 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201438,inset 0 0 0 calc(1 * var(--unit)) var(--paper-line)}.workshop-subtitle{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);text-align:center;line-height:1.35;margin-top:calc(4 * var(--unit));margin-bottom:calc(8 * var(--unit))}.workshop-subtitle b{color:var(--paper-gold);font-weight:900}.workshop-card-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * var(--unit))}.workshop-card-item{--kit-q: var(--paper-line);min-width:0;position:relative;padding:calc(8 * var(--unit)) calc(10 * var(--unit)) calc(10 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-top:calc(5 * var(--unit)) solid var(--kit-q);border-radius:calc(14 * var(--unit));transition:transform .15s ease,border-color .15s ease}.workshop-card-item:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--paper-accent);border-top-color:var(--kit-q)}.workshop-card-item[data-star="2"]{--kit-q: #15803D}.workshop-card-item[data-star="3"]{--kit-q: #1D4ED8}.workshop-card-item[data-star="4"]{--kit-q: #6D28D9}.workshop-card-item[data-star="5"]{--kit-q: var(--paper-gold)}.workshop-card-art-box{flex-shrink:0;width:calc(160 * var(--unit));height:calc(215 * var(--unit));display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-accent);border-radius:calc(12 * var(--unit))}.workshop-card-art-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.workshop-card-name{flex-shrink:0;font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:calc(5 * var(--unit));line-height:1.2}.workshop-card-owned{flex-shrink:0;font-size:calc(12.5 * var(--unit));color:var(--ink-soft);margin-top:calc(2 * var(--unit));line-height:1.2}.workshop-card-owned b{color:var(--paper-gold);font-size:calc(13.5 * var(--unit));font-weight:900}.workshop-recipe-box{flex:1 1 auto;min-height:0;width:100%;margin-top:calc(6 * var(--unit));padding:calc(5 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:calc(2.5 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));font-size:calc(12 * var(--unit))}.workshop-recipe-row.is-empty{visibility:hidden}.workshop-recipe-row{display:flex;align-items:center;justify-content:space-between;gap:calc(4 * var(--unit));color:var(--ink-soft);line-height:1.2;white-space:nowrap}.workshop-recipe-row b{color:var(--ink);font-weight:900}.workshop-recipe-row--total{margin-top:calc(2 * var(--unit));padding-top:calc(3 * var(--unit));border-top:calc(1 * var(--unit)) solid var(--paper-line)}.workshop-recipe-row .craft-avail{color:#15803d;font-size:calc(14.3 * var(--unit));font-weight:900}.workshop-recipe-row .craft-zero{color:#b91c1c;font-size:calc(14.3 * var(--unit));font-weight:900}.workshop-row-label{display:inline-flex;align-items:center;gap:calc(3 * var(--unit))}.workshop-val-gold{display:inline-flex;align-items:center;gap:calc(3 * var(--unit));color:var(--paper-gold);font-weight:900}.workshop-val-gem{display:inline-flex;align-items:center;gap:calc(3 * var(--unit));color:#1d4ed8;font-weight:900}.workshop-stepper{flex-shrink:0;width:100%;margin-top:calc(8 * var(--unit));display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit))}.workshop-step-btn{width:calc(34 * var(--unit));height:calc(28 * var(--unit));box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(15.4 * var(--unit));font-weight:900;cursor:pointer;transition:background .12s ease,border-color .12s ease}.workshop-step-btn.max{width:calc(44 * var(--unit));font-size:calc(13.2 * var(--unit))}.workshop-step-btn:hover:not(:disabled){background:var(--paper);border-color:var(--paper-accent)}.workshop-step-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--paper-line)}.workshop-step-val{width:calc(52 * var(--unit));height:calc(28 * var(--unit));box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));color:var(--paper-gold);font-size:calc(15.4 * var(--unit));font-weight:900;user-select:none}.workshop-btn-craft{flex-shrink:0;width:100%;margin-top:calc(8 * var(--unit));white-space:nowrap}.gauntlet-viewport{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1500;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.gauntlet-panel{position:relative;width:calc(1260 * var(--unit));height:calc(690 * var(--unit));padding:calc(2 * var(--unit)) calc(var(--safe-right, 0px) + 4 * var(--unit)) calc(2 * var(--unit)) calc(var(--safe-left, 0px) + 4 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box}.gauntlet-head{flex-shrink:0;height:calc(62 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));padding:0 calc(4 * var(--unit));box-sizing:border-box;border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.gauntlet-head-left,.gauntlet-head-right{display:flex;align-items:center;gap:calc(12 * var(--unit));min-width:0}.gauntlet-btn-back{flex-shrink:0}.gauntlet-title-box{display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--unit));min-width:0}.gauntlet-title-text{font-size:calc(20.9 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));line-height:1.2;white-space:nowrap}.gauntlet-subtitle{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);line-height:1.2;white-space:nowrap}.gauntlet-pill{flex-shrink:0;display:flex;align-items:center;gap:calc(5 * var(--unit));height:calc(38 * var(--unit));padding:0 calc(12 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(19 * var(--unit));box-sizing:border-box;white-space:nowrap}.gauntlet-pill-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:calc(19 * var(--unit));line-height:1}.gauntlet-pill-ico img{display:block;object-fit:contain}.gauntlet-pill-main{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink);line-height:1}.gauntlet-pill-sub{font-size:calc(12 * var(--unit));color:var(--ink-soft);line-height:1}.gauntlet-btn-auto,.gauntlet-btn-rules{flex-shrink:0}.gauntlet-btn-auto.active{border-image-source:url(../ui/ui_btn_success.png);color:#f4fff8}.gauntlet-btn-auto.active:hover{border-image-source:url(../ui/ui_btn_success_hover.png)}.gauntlet-runbar{flex:0 0 auto;height:calc(42 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));padding:0 calc(12 * var(--unit));box-sizing:border-box;background:var(--paper-dim);border-bottom:calc(1.5 * var(--unit)) solid var(--paper-line)}.gauntlet-runbar-left,.gauntlet-runbar-right{display:flex;align-items:center;gap:calc(12 * var(--unit));min-width:0}.gauntlet-runbar-badge{flex:0 0 auto;padding:calc(3 * var(--unit)) calc(10 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-gold);border-radius:calc(11 * var(--unit));color:var(--paper-gold);font-size:calc(12 * var(--unit));font-weight:900;line-height:1.3;white-space:nowrap}.gauntlet-runbar-pos{font-size:calc(14.3 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap}.gauntlet-runbar-cnt{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);white-space:nowrap}.gauntlet-runbar-cnt b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;color:var(--paper-gold)}.gauntlet-runbar-cnt.danger b{color:#b91c1c}.gauntlet-runbar-label{font-size:calc(12 * var(--unit));color:var(--ink-soft);white-space:nowrap}.gauntlet-runbar-tally{display:flex;align-items:center;gap:calc(6 * var(--unit));max-width:calc(360 * var(--unit));overflow-x:auto;overflow-y:hidden;padding-bottom:calc(1 * var(--unit))}.gauntlet-tally-emoji{font-size:calc(13 * var(--unit))}.gauntlet-floors{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;padding:calc(6 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;cursor:grab}.gauntlet-floors:active{cursor:grabbing}.gauntlet-floors::-webkit-scrollbar{height:calc(6 * var(--unit))}.gauntlet-floors::-webkit-scrollbar-track{background:rgba(0,0,0,.04);border-radius:calc(3 * var(--unit))}.gauntlet-floors::-webkit-scrollbar-thumb{background:var(--paper-line);border-radius:calc(3 * var(--unit))}.gauntlet-floors::-webkit-scrollbar-thumb:hover{background:var(--paper-accent)}.gauntlet-floors-track{display:flex;align-items:stretch;justify-content:flex-start;gap:calc(16 * var(--unit));width:max-content;min-width:100%;margin:0 auto;padding-bottom:calc(2 * var(--unit))}.gauntlet-card{--gt-ink: var(--ink);--gt-val: var(--paper-gold);--gt-q: #15803D;--gt-band: var(--paper-dim);--gt-slot: var(--paper-dim);position:relative;flex:0 0 calc(264 * var(--unit));width:calc(264 * var(--unit));min-width:calc(264 * var(--unit));max-width:none;display:flex;flex-direction:column;background:var(--paper);border:calc(2 * var(--unit)) solid var(--paper-line);border-top:calc(6 * var(--unit)) solid var(--gt-q);border-radius:calc(14 * var(--unit));box-sizing:border-box;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.gauntlet-card:hover{transform:translateY(calc(-3 * var(--unit)))}.gauntlet-card-ribbon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--unit));height:calc(52 * var(--unit));background:var(--gt-band);border-bottom:calc(1.5 * var(--unit)) solid var(--paper-line);color:var(--gt-ink);font-size:calc(19.8 * var(--unit));font-weight:900;letter-spacing:calc(1 * var(--unit));white-space:nowrap}.gauntlet-card-crown{font-size:calc(19 * var(--unit));line-height:1}.gauntlet-card-title{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;letter-spacing:calc(.5 * var(--unit))}.gauntlet-card-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(12 * var(--unit));padding:calc(14 * var(--unit)) calc(10 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box}.gauntlet-card-gems{flex:0 0 auto;height:calc(50 * var(--unit));display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gauntlet-card-gems::-webkit-scrollbar{display:none}.gauntlet-card-gems-inner{display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--unit));width:max-content;flex:0 0 auto;margin:0 auto}.gauntlet-card-elem{flex:0 0 auto;width:calc(42 * var(--unit));height:calc(42 * var(--unit));object-fit:contain;display:block}.gauntlet-card-elem-empty{font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-card-rows{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;background:var(--gt-slot);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));overflow:hidden}.gauntlet-card-row{flex:0 0 auto;min-height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(4 * var(--unit));padding:0 calc(10 * var(--unit));border-bottom:calc(1 * var(--unit)) dashed var(--paper-line);font-size:calc(15.4 * var(--unit));color:var(--ink);box-sizing:border-box}.gauntlet-card-row:last-child{border-bottom:none}.gauntlet-row-label{flex:0 0 auto;color:var(--gt-ink);white-space:nowrap}.gauntlet-row-val{flex:1 1 auto;text-align:right;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:900;color:var(--gt-val);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-card-bar{flex:0 0 auto;height:calc(16 * var(--unit));border-radius:calc(8 * var(--unit));background:var(--gt-slot);border:calc(1.5 * var(--unit)) solid var(--paper-line);overflow:hidden}.gauntlet-card-bar i{display:block;height:100%;background:var(--gt-q)}.gauntlet-card-actions{flex:0 0 auto;display:flex;align-items:center;gap:calc(8 * var(--unit));padding:calc(10 * var(--unit)) calc(8 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;border-top:calc(1.5 * var(--unit)) solid var(--paper-line)}.gauntlet-card-actions.single{justify-content:center}.gauntlet-card-actions.single .gauntlet-card-btn{flex:0 0 auto;width:calc(130 * var(--unit));min-width:calc(100 * var(--unit));max-width:100%}.gauntlet-card-btn{flex:1 1 0;min-width:0;height:calc(42 * var(--unit));display:flex;align-items:center;justify-content:center;padding:0 calc(4 * var(--unit));box-sizing:border-box;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(11 * var(--unit));color:var(--ink);font-family:inherit;font-size:calc(13.8 * var(--unit));font-weight:900;white-space:nowrap;text-align:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.gauntlet-card-btn.reward:hover{background:var(--paper-dim);border-color:var(--paper-accent)}.gauntlet-card-btn.challenge{background:var(--kit-gold);color:var(--ink)}.gauntlet-card-btn.challenge:hover,.gauntlet-card-btn.challenge.continue{background:var(--kit-gold-deep)}.gauntlet-card-btn:disabled{background:#e3ded3;border-color:#8a8378;color:#8a8378;cursor:not-allowed}.gauntlet-card-claim{flex:0 0 auto;display:flex;padding:0 calc(8 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box}.gauntlet-card-claim.hidden{visibility:hidden;pointer-events:none}.gauntlet-card-btn.claim{background:#15803D;border-color:var(--ink);color:var(--paper-hi)}.gauntlet-card-btn.claim:hover{background:#0f5f2d}.gauntlet-card.state-open{--gt-q: #15803D}.gauntlet-card.state-running{--gt-q: #B91C1C;--gt-val: #B91C1C;border-color:var(--paper-accent)}.gauntlet-card.state-locked,.gauntlet-card.dimmed{--gt-ink: #8a8378;--gt-val: #8a8378;--gt-q: #c9bfb0;--gt-band: var(--paper-line);--gt-slot: var(--paper-line);background:var(--paper-dim);border-color:var(--paper-line)}.gauntlet-card.state-locked:hover,.gauntlet-card.dimmed:hover{transform:none}.gauntlet-floors::-webkit-scrollbar,.gauntlet-runbar-tally::-webkit-scrollbar{width:calc(6 * var(--unit));height:calc(6 * var(--unit))}.gauntlet-floors::-webkit-scrollbar-thumb,.gauntlet-runbar-tally::-webkit-scrollbar-thumb{background:rgba(16,185,129,.45);border-radius:calc(3 * var(--unit))}.gauntlet-floors::-webkit-scrollbar-track,.gauntlet-runbar-tally::-webkit-scrollbar-track{background:transparent}.gauntlet-badge{flex:0 0 auto;padding:calc(3 * var(--unit)) calc(9 * var(--unit));border-radius:calc(11 * var(--unit));font-size:calc(12 * var(--unit));font-weight:900;line-height:1.3;white-space:nowrap}.gauntlet-badge.cleared{background:var(--paper-hi);color:#15803d;border:calc(1.5 * var(--unit)) solid #15803D}.gauntlet-badge.open{background:var(--paper-hi);color:var(--paper-gold);border:calc(1.5 * var(--unit)) solid var(--paper-gold)}.gauntlet-badge.locked{background:var(--paper-dim);color:#8a8378;border:calc(1.5 * var(--unit)) solid #c9bfb0}.gauntlet-reward-chip{display:flex;align-items:center;gap:calc(4 * var(--unit));padding:calc(4 * var(--unit)) calc(9 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(9 * var(--unit));font-size:calc(12 * var(--unit));color:var(--ink-soft);white-space:nowrap}.gauntlet-reward-chip b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;color:var(--paper-gold)}.gauntlet-muted{font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-empty{padding:calc(20 * var(--unit)) 0;text-align:center;font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-ts-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:5200;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.gauntlet-ts-panel{position:relative;width:calc(880 * var(--unit));max-height:calc(690 * var(--unit));padding:calc(2 * var(--unit)) calc(4 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box}.gauntlet-ts-head{flex:0 0 auto;height:calc(62 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));padding:0 calc(4 * var(--unit));box-sizing:border-box;border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.gauntlet-ts-head-txt{display:flex;align-items:baseline;gap:calc(10 * var(--unit));min-width:0}.gauntlet-ts-title{font-size:calc(20.9 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap}.gauntlet-ts-sub{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-ts-close{flex:0 0 auto}.gauntlet-ts-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(14 * var(--unit));padding:calc(16 * var(--unit));box-sizing:border-box;overflow-y:auto}.gauntlet-ts-section{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.gauntlet-ts-label{display:flex;align-items:baseline;gap:calc(8 * var(--unit));min-width:0;font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink)}.gauntlet-ts-count{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(15.4 * var(--unit));color:var(--paper-gold)}.gauntlet-ts-legend{flex:1;font-size:calc(13.2 * var(--unit));font-weight:400;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-ts-slots{flex:0 0 auto;display:flex;overflow-x:auto;overflow-y:hidden;min-height:calc(132 * var(--unit));padding:0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-sizing:border-box}.gauntlet-ts-slots-inner{display:flex;align-items:stretch;gap:calc(8 * var(--unit));width:max-content;margin:0 auto;padding:calc(8 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box}.gauntlet-ts-tip{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);text-align:center}.gauntlet-ts-tip.ready{color:#15803d;font-weight:900}.gauntlet-ts-tip.lack{color:#b91c1c;font-weight:900}.gauntlet-ts-pool-wrap{position:relative}.gauntlet-ts-pool{display:flex;align-items:flex-start;gap:calc(10 * var(--unit));min-height:calc(132 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(8 * var(--unit)) calc(10 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-sizing:border-box;scrollbar-width:none}.gauntlet-ts-pool::-webkit-scrollbar{display:none}.gauntlet-ts-pool.has-arrow{padding-left:calc(46 * var(--unit));padding-right:calc(46 * var(--unit))}.gauntlet-ts-empty{padding:calc(24 * var(--unit));font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-ts-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:calc(34 * var(--unit));height:calc(62 * var(--unit));display:none;align-items:center;justify-content:center;font-size:calc(20 * var(--unit));font-weight:900;color:var(--ink);background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));cursor:pointer}.gauntlet-ts-arrow.show{display:flex}.gauntlet-ts-arrow:hover{background:var(--paper-dim);border-color:var(--paper-accent)}.gauntlet-ts-arrow.prev{left:calc(4 * var(--unit))}.gauntlet-ts-arrow.next{right:calc(4 * var(--unit))}.gauntlet-ts-foot{flex:0 0 auto;display:flex;align-items:center;gap:calc(12 * var(--unit));padding:calc(12 * var(--unit)) calc(4 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box;border-top:calc(2 * var(--unit)) solid var(--paper-line);margin-top:calc(12 * var(--unit))}.gauntlet-ts-cost{flex:1;font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-ts-cost b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;color:var(--paper-gold)}.gauntlet-ts-auto{flex:0 0 auto}.gauntlet-ts-auto.active{border-image-source:url(../ui/ui_btn_success.png);color:#f4fff8}.gauntlet-ts-auto.active:hover{border-image-source:url(../ui/ui_btn_success_hover.png)}.gauntlet-ts-btn{flex:0 0 auto;min-width:calc(140 * var(--unit))}.gauntlet-slot{flex:0 0 auto;width:calc(84 * var(--unit));display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--unit));padding:calc(7 * var(--unit)) calc(4 * var(--unit));border-radius:calc(11 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);background:var(--paper);box-sizing:border-box}.gauntlet-slot.role-field{border-color:#15803d;background:var(--paper-hi)}.gauntlet-slot.role-reserve{border-style:dashed;border-color:var(--paper-accent)}.gauntlet-slot.empty{background:var(--paper-dim)}.gauntlet-slot.filled{cursor:pointer}.gauntlet-slot.filled:hover{border-color:var(--paper-accent)}.gauntlet-slot-role{font-size:calc(12 * var(--unit));color:var(--ink-soft);white-space:nowrap}.gauntlet-slot.role-field .gauntlet-slot-role{color:#15803d;font-weight:900}.gauntlet-slot.role-reserve .gauntlet-slot-role{color:var(--paper-gold);font-weight:900}.gauntlet-slot-avatar{flex:0 0 auto;width:calc(54 * var(--unit));height:calc(54 * var(--unit));display:flex;align-items:center;justify-content:center;font-size:calc(20 * var(--unit));color:var(--ink-soft);background:none;border:none;border-radius:calc(8 * var(--unit));overflow:hidden}.gauntlet-slot-avatar img{width:100%;height:100%;object-fit:contain;display:block}.gauntlet-slot-name-row{display:flex;align-items:center;justify-content:center;gap:calc(3 * var(--unit));max-width:100%;min-width:0}.gauntlet-slot-elem{flex:0 0 auto;width:calc(15 * var(--unit));height:calc(15 * var(--unit));object-fit:contain;display:block}.gauntlet-slot-name{min-width:0;font-size:calc(12 * var(--unit));color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gauntlet-slot-lv{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(12 * var(--unit));color:var(--ink-soft)}.gauntlet-pool-card{position:relative;flex:0 0 auto;width:calc(80 * var(--unit));display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--unit));padding:calc(5 * var(--unit));border-radius:calc(11 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);background:var(--paper);cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,transform .12s ease}.gauntlet-pool-card:hover{border-color:var(--paper-accent);transform:translateY(calc(-2 * var(--unit)))}.gauntlet-pool-card.picked{border-color:#15803d;background:var(--paper-dim)}.gauntlet-pool-avatar{flex:0 0 auto;width:calc(48 * var(--unit));height:calc(48 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:calc(7 * var(--unit));overflow:hidden}.gauntlet-pool-avatar img{width:100%;height:100%;object-fit:contain;display:block}.gauntlet-pool-name-row{display:flex;align-items:center;justify-content:center;gap:calc(3 * var(--unit));max-width:100%;min-width:0}.gauntlet-pool-elem{flex:0 0 auto;width:calc(14 * var(--unit));height:calc(14 * var(--unit));object-fit:contain;display:block}.gauntlet-pool-name{min-width:0;font-size:calc(12 * var(--unit));color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gauntlet-pool-lv{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(12 * var(--unit));color:var(--ink-soft)}.gauntlet-pool-stamp{position:absolute;top:calc(2 * var(--unit));right:calc(2 * var(--unit));padding:calc(1 * var(--unit)) calc(5 * var(--unit));background:#15803D;color:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--ink);font-size:calc(11 * var(--unit));font-weight:900;line-height:1.3;border-radius:calc(6 * var(--unit))}.gauntlet-footer{flex:0 0 auto;height:calc(46 * var(--unit));display:flex;align-items:center;justify-content:center;padding:0 calc(10 * var(--unit));box-sizing:border-box;border-top:calc(2 * var(--unit)) solid var(--paper-line)}.gauntlet-queue-hint{max-width:100%;font-size:calc(13.2 * var(--unit));color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-rw-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:6;background:var(--mask-warm)}.gauntlet-rw-panel{width:calc(1240 * var(--unit));min-height:calc(520 * var(--unit));max-height:calc(720 * var(--unit));padding:calc(2 * var(--unit)) calc(4 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box}.gauntlet-rw-head{flex:0 0 auto;height:calc(62 * var(--unit));display:flex;align-items:center;gap:calc(12 * var(--unit));padding:0 calc(4 * var(--unit));box-sizing:border-box;border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.gauntlet-rw-title{flex:0 0 auto;font-size:calc(20.9 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));white-space:nowrap}.gauntlet-rw-sum{flex:1 1 auto;min-width:0;text-align:right;padding-right:calc(4 * var(--unit));font-size:calc(13.2 * var(--unit));color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-rw-close{flex:0 0 auto}.gauntlet-rw-viewport{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;padding:calc(14 * var(--unit)) calc(16 * var(--unit));box-sizing:border-box}.gauntlet-rw-track{display:flex;align-items:stretch;gap:calc(12 * var(--unit));width:100%;min-width:0;overflow-x:auto;overflow-y:auto;padding:calc(2 * var(--unit)) calc(2 * var(--unit)) calc(6 * var(--unit));box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;cursor:grab}.gauntlet-rw-track::-webkit-scrollbar{display:none}.gauntlet-rw-track:active{cursor:grabbing}.gauntlet-rw-arrow{position:absolute;top:50%;transform:translateY(-50%);width:calc(38 * var(--unit));height:calc(72 * var(--unit));display:none;align-items:center;justify-content:center;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(10 * var(--unit));color:var(--ink);font-size:calc(21 * var(--unit));font-weight:900;line-height:1;cursor:pointer;font-family:inherit;z-index:2}.gauntlet-rw-arrow.show{display:flex}.gauntlet-rw-arrow.prev{left:calc(3 * var(--unit))}.gauntlet-rw-arrow.next{right:calc(3 * var(--unit))}.gauntlet-rw-arrow:hover{background:var(--paper-dim);border-color:var(--paper-accent)}.gauntlet-rw-node{flex:0 0 auto;width:calc(220 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit));padding:calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));box-sizing:border-box}.gauntlet-rw-node.cleared{border-color:#15803d}.gauntlet-rw-node.locked{background:var(--paper-line);border-color:#c9bfb0}.gauntlet-rw-node-head{display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--unit));min-width:0}.gauntlet-rw-node-name{font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauntlet-rw-node-stats{display:flex;align-items:center;gap:calc(12 * var(--unit));font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.gauntlet-rw-node-stats b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;color:var(--ink)}.gauntlet-rw-node-grid{flex:1 1 auto;min-height:calc(184 * var(--unit));display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-content:space-evenly;gap:calc(10 * var(--unit));overflow-y:auto;scrollbar-width:none}.gauntlet-rw-node-grid::-webkit-scrollbar{display:none}.gauntlet-rw-empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);font-size:calc(13.2 * var(--unit));padding:calc(16 * var(--unit)) 0}.gauntlet-rw-badge{position:relative;width:calc(80 * var(--unit));height:calc(80 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));box-sizing:border-box;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,border-color .15s ease}.gauntlet-rw-badge:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--paper-accent)}.gauntlet-rw-badge:active{transform:translateY(0)}.gauntlet-rw-badge.is-card{border-color:var(--paper-gold);background:var(--paper)}.gauntlet-rw-badge-star{position:absolute;top:calc(-7 * var(--unit));left:50%;transform:translate(-50%);padding:calc(2 * var(--unit)) calc(6 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-gold);border-radius:calc(7 * var(--unit));color:var(--paper-gold);font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(12 * var(--unit));font-weight:900;line-height:1;white-space:nowrap;pointer-events:none;z-index:3}.gauntlet-rw-badge-ico{width:calc(56 * var(--unit));height:calc(56 * var(--unit));display:flex;align-items:center;justify-content:center}.gauntlet-rw-badge-ico img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.gauntlet-rw-badge-qty{position:absolute;bottom:calc(2 * var(--unit));right:calc(4 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(13.2 * var(--unit));font-weight:900;color:var(--paper-gold);line-height:1;pointer-events:none}.gauntlet-rw-foot{flex:0 0 auto;display:flex;align-items:center;gap:calc(10 * var(--unit));padding:calc(10 * var(--unit)) calc(14 * var(--unit));min-width:0;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));margin:0 calc(4 * var(--unit));box-sizing:border-box}.gauntlet-rw-foot-label{flex:0 0 auto;font-size:calc(13.2 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap}.gauntlet-rw-foot-list{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:calc(8 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(2 * var(--unit)) 0 calc(3 * var(--unit));scrollbar-width:none}.gauntlet-rw-foot-list::-webkit-scrollbar{display:none}.gauntlet-rw-foot-list .gauntlet-rw-badge{width:calc(62 * var(--unit));height:calc(62 * var(--unit))}.gauntlet-rw-foot-list .gauntlet-rw-badge-ico{width:calc(42 * var(--unit));height:calc(42 * var(--unit))}.gauntlet-rw-detail{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--unit));padding:calc(10 * var(--unit)) 0}.gauntlet-rw-detail-ico{width:calc(72 * var(--unit));height:calc(72 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit))}.gauntlet-rw-detail-ico img{width:100%;height:100%;object-fit:contain}.gauntlet-rw-detail-name{font-size:calc(17.6 * var(--unit));font-weight:900;color:var(--ink)}.gauntlet-rw-detail-qty{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--paper-gold)}.gauntlet-rw-detail-desc{max-width:calc(340 * var(--unit));font-size:calc(14.3 * var(--unit));color:var(--ink-soft);text-align:center;line-height:1.5}.gauntlet-rw-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:calc(12 * var(--unit)) calc(14 * var(--unit)) calc(14 * var(--unit))}.gauntlet-btn-rw-ok{width:calc(200 * var(--unit))}.gauntlet-rw-badge.dim{cursor:default;opacity:.55;border-color:#b91c1c;background:var(--paper-dim)}.gauntlet-rw-badge.dim:hover{transform:none;border-color:#b91c1c}.gauntlet-claim-cf{display:flex;flex-direction:column;gap:calc(10 * var(--unit));width:100%;text-align:left}.gauntlet-claim-cf-lead{font-size:calc(14.3 * var(--unit));line-height:1.5;color:var(--ink)}.gauntlet-claim-cf-lead b{color:#b91c1c}.gauntlet-claim-cf-sec{display:flex;flex-direction:column;gap:calc(8 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));border-radius:calc(12 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);background:var(--paper-dim)}.gauntlet-claim-cf-sec.is-got{border-color:#15803d}.gauntlet-claim-cf-sec.is-lose{border-color:#b91c1c}.gauntlet-claim-cf-hd{display:flex;align-items:center;gap:calc(8 * var(--unit));flex-wrap:wrap}.gauntlet-claim-cf-tag{flex:0 0 auto;padding:calc(3 * var(--unit)) calc(9 * var(--unit));border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid var(--ink);font-size:calc(12 * var(--unit));font-weight:900;line-height:1.4}.gauntlet-claim-cf-tag.is-got{background:#15803D;color:var(--paper-hi)}.gauntlet-claim-cf-tag.is-lose{background:#B91C1C;color:var(--paper-hi)}.gauntlet-claim-cf-sub{font-size:calc(12 * var(--unit));color:var(--ink-soft);line-height:1.4}.gauntlet-claim-cf-grid{display:flex;flex-wrap:wrap;gap:calc(8 * var(--unit))}.gauntlet-claim-cf .gauntlet-rw-badge{width:calc(62 * var(--unit));height:calc(62 * var(--unit))}.gauntlet-claim-cf .gauntlet-rw-badge-ico{width:calc(42 * var(--unit));height:calc(42 * var(--unit))}.gauntlet-claim-cf .gauntlet-rw-badge-qty{font-size:calc(12 * var(--unit));bottom:calc(1 * var(--unit));right:calc(3 * var(--unit))}.gauntlet-claim-cf-hint{font-size:calc(12 * var(--unit));line-height:1.45;color:var(--ink-soft)}.gauntlet-claim-cf-hint b{color:var(--paper-gold)}.gauntlet-claim-cf-none{font-size:calc(13.2 * var(--unit));color:#b91c1c;line-height:1.4}.gauntlet-claim-cf-tips{margin:0;padding-left:calc(16 * var(--unit));display:flex;flex-direction:column;gap:calc(5 * var(--unit));font-size:calc(12 * var(--unit));line-height:1.45;color:var(--ink-soft)}.gauntlet-claim-cf-tips b{color:var(--paper-gold)}.gold-exchange-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1700;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased}.gold-exchange-dialog{position:relative;width:calc(440 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(6 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.gold-exchange-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-soft);font-size:max(calc(22 * var(--unit)),16px);line-height:1;border-radius:calc(8 * var(--unit));cursor:pointer;padding:0;transition:background .2s,color .2s}.gold-exchange-close:hover{color:var(--ink);background:var(--paper-dim)}.gold-exchange-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:700;color:var(--ink);text-align:center;margin-bottom:calc(10 * var(--unit))}.gold-exchange-body{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--unit));padding:calc(4 * var(--unit)) 0}.gold-exchange-icon-box{width:calc(72 * var(--unit));height:calc(72 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:50%;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201424}.gold-exchange-rate-tip{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--unit))}.gold-exchange-stepper{display:flex;align-items:center;gap:calc(14 * var(--unit));margin-top:calc(2 * var(--unit))}.gold-exchange-step-btn{width:calc(36 * var(--unit));height:calc(36 * var(--unit));border-radius:calc(9 * var(--unit));background:var(--paper);border:calc(2 * var(--unit)) solid var(--ink);color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s,border-color .12s,transform .1s}.gold-exchange-step-btn:hover{background:var(--paper-hi);border-color:var(--paper-accent)}.gold-exchange-step-btn:active{transform:translateY(calc(1 * var(--unit)))}.gold-exchange-count-val{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:max(calc(24 * var(--unit)),16px);font-weight:900;color:var(--ink);min-width:calc(52 * var(--unit));text-align:center}.gold-exchange-quick-bar{display:flex;gap:calc(8 * var(--unit));margin-top:calc(2 * var(--unit))}.gold-exchange-quick-btn{font-family:ZCOOL KuaiLe,sans-serif;padding:calc(4 * var(--unit)) calc(12 * var(--unit));border-radius:calc(8 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);color:var(--ink);font-size:max(calc(15 * var(--unit)),11px);font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.gold-exchange-quick-btn:hover{background:var(--paper-hi);border-color:var(--paper-accent)}.gold-exchange-summary{width:100%;margin-top:calc(4 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit));box-sizing:border-box;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201414}.gold-exchange-summary-row{display:flex;justify-content:space-between;align-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px)}.gold-exchange-summary-label{color:var(--ink-soft)}.gold-exchange-summary-val{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:calc(4 * var(--unit))}.gold-exchange-summary-val .ge-num,.gold-exchange-summary-val b,.gold-exchange-rate-tip b,.gold-exchange-count-val{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:900}.ge-gold{color:var(--paper-gold)}.ge-diamond{color:#1d4ed8}.ge-danger{color:#b91c1c}.gold-exchange-btn-confirm{width:100%;margin-top:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.energy-refill-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1700;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased}.energy-refill-dialog{position:relative;width:calc(440 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(6 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.energy-refill-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-soft);font-size:max(calc(22 * var(--unit)),16px);line-height:1;border-radius:calc(8 * var(--unit));cursor:pointer;padding:0;transition:background .2s,color .2s}.energy-refill-close:hover{color:var(--ink);background:var(--paper-dim)}.energy-refill-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:700;color:var(--ink);text-align:center;margin-bottom:calc(10 * var(--unit))}.energy-refill-body{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--unit));padding:calc(4 * var(--unit)) 0}.energy-refill-icon-box{width:calc(72 * var(--unit));height:calc(72 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:50%;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201424}.energy-refill-status{width:100%;padding:calc(10 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;gap:calc(7 * var(--unit));box-sizing:border-box;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201414}.energy-refill-row{display:flex;justify-content:space-between;align-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),11px)}.energy-refill-label{color:var(--ink-soft)}.energy-refill-val{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:calc(4 * var(--unit))}.energy-refill-val .er-num,.energy-refill-val b,.energy-refill-tip b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:900}.er-diamond{color:#1d4ed8}.er-gold{color:var(--paper-gold)}.er-danger{color:#b91c1c}.energy-refill-bar-wrap{width:100%;height:calc(12 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(7 * var(--unit));overflow:hidden;margin-top:calc(2 * var(--unit))}.energy-refill-bar-fill{height:100%;background:var(--paper-accent);border-radius:calc(7 * var(--unit));transition:width .3s ease}.energy-refill-tip{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px);color:var(--ink-soft);text-align:center;line-height:1.5}.energy-refill-actions{display:flex;gap:calc(10 * var(--unit));width:100%;margin-top:calc(12 * var(--unit));align-items:stretch;box-sizing:border-box}.energy-refill-btn{flex:1;min-height:calc(44 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13.5 * var(--unit)),11px);box-sizing:border-box;margin:0;padding:0 calc(8 * var(--unit))}.energy-refill-btn--ad{flex-direction:column;gap:calc(2 * var(--unit));padding:calc(6 * var(--unit)) calc(8 * var(--unit))}.energy-refill-btn--ad .er-ad-main{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(13.5 * var(--unit)),11px);line-height:1.15}.energy-refill-btn--ad .er-ad-sub{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(10.5 * var(--unit)),10px);line-height:1.1;opacity:.88}.energy-refill-btn--ad.is-disabled,.energy-refill-btn--ad:disabled{filter:grayscale(.6);opacity:.62;cursor:not-allowed}.tavern-hub-overlay{position:fixed;inset:0;background:var(--mask-warm);z-index:90000;display:flex;align-items:center;justify-content:center;user-select:none;animation:hubFadeIn .25s ease-out forwards}@keyframes hubFadeIn{0%{opacity:0}to{opacity:1}}.tavern-hub-card{position:relative;width:calc(560 * var(--unit));max-height:92vh;overflow:visible;display:flex;flex-direction:column;align-items:center;padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));box-sizing:border-box;flex-shrink:0;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.hub-pop-in{animation:hubPopIn .35s cubic-bezier(.175,.885,.32,1.25) forwards}@keyframes hubPopIn{0%{transform:scale(.82) translateY(calc(20 * var(--unit)));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tavern-hub-card .btn-modal-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:calc(18 * var(--unit));line-height:1;width:calc(28 * var(--unit));height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:all .15s;z-index:10}.tavern-hub-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08);border-radius:calc(6 * var(--unit))}.tavern-top-header{display:flex;flex-direction:column;align-items:center;margin-bottom:calc(18 * var(--unit));position:relative}.tavern-barrel-anchor{width:calc(96 * var(--unit));height:calc(86 * var(--unit));display:flex;align-items:center;justify-content:center;animation:barrelFloat 3.6s ease-in-out infinite alternate}@keyframes barrelFloat{0%{transform:translateY(0)}to{transform:translateY(calc(-5 * var(--unit)))}}.tavern-plaque-bar{margin-top:calc(-4 * var(--unit));padding:calc(3 * var(--unit)) calc(28 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b20142e;position:relative}.tavern-plaque-bar:before,.tavern-plaque-bar:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:var(--paper-accent);font-size:calc(9 * var(--unit))}.tavern-plaque-bar:before{left:calc(9 * var(--unit))}.tavern-plaque-bar:after{right:calc(9 * var(--unit))}.tavern-plaque-text{font-size:calc(19 * var(--unit));font-weight:900;letter-spacing:calc(3 * var(--unit));color:var(--paper-gold);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.tavern-branches-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--unit));width:100%;max-width:calc(470 * var(--unit));padding:0 calc(6 * var(--unit))}.tavern-branch-item{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;padding:calc(12 * var(--unit)) calc(8 * var(--unit)) calc(10 * var(--unit));border-radius:calc(12 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s}.tavern-branch-item:hover{transform:translateY(calc(-6 * var(--unit))) scale(1.02);border-color:var(--paper-accent);box-shadow:0 calc(6 * var(--unit)) calc(16 * var(--unit)) #2b201438}.tavern-branch-item:active{transform:translateY(calc(-2 * var(--unit))) scale(.99)}.tavern-ribbon-tag{position:absolute;top:calc(-12 * var(--unit));width:calc(30 * var(--unit));height:calc(36 * var(--unit));z-index:5;animation:ribbonSway 2.4s ease-in-out infinite alternate}@keyframes ribbonSway{0%{transform:translateY(0)}to{transform:translateY(calc(-3 * var(--unit)))}}.tavern-totem-stage{width:calc(124 * var(--unit));height:calc(114 * var(--unit));display:flex;align-items:center;justify-content:center;margin-bottom:calc(6 * var(--unit));position:relative}.tavern-totem-stage>svg{width:100%;height:100%;display:block}.tavern-alert-dot{position:absolute;left:calc(97 * var(--unit));top:calc(13 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));border-radius:50%;background:#b91c1c;border:calc(2 * var(--unit)) solid var(--paper-hi);box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #2b201473;z-index:6;pointer-events:none;animation:hubDotPulse 1.4s infinite ease-in-out}@keyframes hubDotPulse{0%,to{transform:scale(1);box-shadow:0 calc(2 * var(--unit)) calc(3 * var(--unit)) #2b201459}50%{transform:scale(1.18);box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b20148c}}.tavern-branch-plaque{width:100%;max-width:calc(176 * var(--unit));padding:calc(5 * var(--unit)) calc(10 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));text-align:center;position:relative;transition:border-color .2s}.tavern-branch-item:hover .tavern-branch-plaque{border-color:var(--paper-accent)}.tavern-branch-title{font-size:calc(17 * var(--unit));font-weight:900;letter-spacing:calc(2 * var(--unit));color:var(--ink);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.tavern-branch-item:hover .tavern-branch-title{color:var(--paper-gold)}.tavern-branch-desc{font-size:calc(12 * var(--unit));color:var(--ink-soft);margin-top:calc(2 * var(--unit))}.tavern-hub-footer{margin-top:calc(14 * var(--unit));font-size:calc(13 * var(--unit));color:var(--ink-soft);letter-spacing:calc(1 * var(--unit))}.arena-rules-dialog{position:relative;width:calc(720 * var(--unit));max-height:calc(684 * var(--unit));padding:calc(6 * var(--unit)) calc(10 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column;gap:calc(10 * var(--unit));box-shadow:none;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arena-rules-dialog .arena-modal-close,.arena-rules-dialog .btn-modal-close{position:absolute;top:calc(4 * var(--unit));right:calc(6 * var(--unit));width:calc(32 * var(--unit));height:calc(32 * var(--unit));z-index:20;pointer-events:auto;cursor:pointer}.arena-rules-header{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:calc(8 * var(--unit));border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.arena-rules-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));font-weight:900;color:var(--ink);text-align:center;letter-spacing:calc(.5 * var(--unit))}.arena-rules-scroll{flex:1;min-height:0;max-height:calc(504 * var(--unit));overflow-y:auto;overflow-x:hidden;touch-action:pan-y;display:flex;flex-direction:column;gap:calc(10 * var(--unit));padding-right:calc(6 * var(--unit));box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--paper-gold) var(--paper-dim)}.arena-rules-scroll::-webkit-scrollbar{width:calc(6 * var(--unit))}.arena-rules-scroll::-webkit-scrollbar-track{background:var(--paper-dim);border-radius:calc(3 * var(--unit))}.arena-rules-scroll::-webkit-scrollbar-thumb{background:var(--paper-gold);border-radius:calc(3 * var(--unit))}.arena-rule-card{background:var(--well-bg);border:calc(1.5 * var(--unit)) solid var(--well-line);border-radius:calc(10 * var(--unit));box-shadow:var(--well-inset);padding:calc(10 * var(--unit)) calc(14 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit));box-sizing:border-box}.arena-rule-head{display:flex;align-items:center;gap:calc(8 * var(--unit))}.arena-rule-icon{font-size:calc(18 * var(--unit));line-height:1}.arena-rule-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(16 * var(--unit));font-weight:900;color:var(--paper-gold)}.arena-rule-desc{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(15 * var(--unit));line-height:1.6;color:var(--ink);text-align:justify}.arena-rule-desc strong{color:#1d4ed8;font-weight:700}.arena-rule-desc em{color:#b91c1c;font-style:normal;font-weight:700}.arena-rule-desc .gold{color:var(--paper-gold);font-weight:700}.arena-rule-elem-chain{display:inline-flex;align-items:center;flex-wrap:wrap;gap:calc(4 * var(--unit));vertical-align:middle;margin:calc(4 * var(--unit)) 0}.arena-rule-elem-tag{display:inline-flex;align-items:center;gap:calc(3 * var(--unit));padding:calc(2 * var(--unit)) calc(7 * var(--unit));background:var(--paper);border:calc(1 * var(--unit)) solid var(--well-line);border-radius:calc(5 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(13 * var(--unit));font-weight:700;color:var(--ink);line-height:1}.arena-rule-elem-icon{width:calc(15 * var(--unit));height:calc(15 * var(--unit));object-fit:contain;display:inline-block;vertical-align:middle}.arena-rule-elem-arrow{color:var(--paper-gold);font-size:calc(12 * var(--unit));font-weight:700;user-select:none}.arena-rules-footer{display:flex;justify-content:center;padding-top:calc(2 * var(--unit))}.arena-rules-btn-confirm{min-width:calc(230 * var(--unit))}.card-evolve-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;width:100vw;height:100vh;box-sizing:border-box;background:var(--mask-warm);overflow:hidden;user-select:none;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.ce-frame{position:relative;width:calc(1260 * var(--unit));height:calc(730 * var(--unit));display:flex;flex-direction:column;padding:calc(2 * var(--unit)) calc(var(--safe-right, 0px) + 4 * var(--unit)) calc(2 * var(--unit)) calc(var(--safe-left, 0px) + 4 * var(--unit));box-sizing:border-box}.ce-header{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:calc(10 * var(--unit));flex-shrink:0}.ce-title-scroll{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:calc(4 * var(--unit)) calc(34 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);border-radius:calc(14 * var(--unit));box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #2b201438,inset 0 0 0 calc(1 * var(--unit)) var(--paper-line)}.ce-title-scroll span{font-size:calc(22 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(4 * var(--unit));line-height:1.2}.ce-btn-back{position:absolute;left:calc(2 * var(--unit));top:50%;transform:translateY(-50%);z-index:10;cursor:pointer}.ce-close-btn{position:absolute;right:calc(2 * var(--unit));top:50%;transform:translateY(-50%);font-size:calc(22 * var(--unit));z-index:10;cursor:pointer}.ce-body{flex:1;display:flex;gap:calc(18 * var(--unit));min-height:0}.ce-left-col{width:calc(360 * var(--unit));flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(12 * var(--unit));box-sizing:border-box}.ce-card-stage{width:calc(320 * var(--unit));display:flex;flex-direction:column;align-items:center;cursor:pointer;--cscale: calc(272 * var(--unit) / 400)}.ce-card-stage .card-item.card-view{--cscale: calc(272 * var(--unit) / 400)}.ce-card-stage .card-view-holder{width:calc(400 * var(--cscale));display:flex;flex-direction:column;align-items:center}.ce-left-stats-box{width:100%;margin-top:calc(8 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));box-sizing:border-box}.ce-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:calc(14.3 * var(--unit));gap:calc(6 * var(--unit))}.ce-stat-label{font-weight:900;color:var(--ink);white-space:nowrap}.ce-stat-vals{display:flex;align-items:center;gap:calc(4 * var(--unit));font-size:calc(13.8 * var(--unit));font-weight:700}.ce-stat-vals .old-val,.ce-stat-vals .arrow{color:var(--ink-soft)}.ce-stat-vals .new-val{color:#15803d;font-weight:900}.ce-stat-vals .new-val--gold{color:var(--paper-gold)}.ce-stat-vals .new-val--purple{color:#6d28d9}.ce-stat-vals .diff-val{color:var(--paper-gold);font-weight:900}.ce-stat-traits-row{display:flex;flex-wrap:wrap;gap:calc(6 * var(--unit));justify-content:center;margin-top:calc(2 * var(--unit))}.ce-trait-badge{font-size:calc(13.2 * var(--unit));font-weight:700;color:#6d28d9;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid #6D28D9;border-radius:calc(10 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit))}.ce-right-col{flex:1;display:flex;flex-direction:column;gap:calc(10 * var(--unit));min-width:0}.ce-section-box{background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column}.ce-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(8 * var(--unit));flex-shrink:0}.ce-box-title{font-size:calc(17 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit));display:flex;align-items:center;gap:calc(6 * var(--unit))}.ce-credentials-box{flex:1;min-height:calc(310 * var(--unit))}.ce-credentials-scroll{flex:1;display:flex;align-items:center;gap:calc(8 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(6 * var(--unit)) calc(4 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box;touch-action:pan-x;-webkit-overflow-scrolling:touch}.ce-slot-item{position:relative;width:auto;min-width:calc(218 * var(--unit));height:100%;border-radius:calc(14 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink-soft);box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(7 * var(--unit));cursor:pointer;transition:transform .15s ease,border-color .15s ease}.ce-slot-item:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--paper-accent)}.ce-slot-wild-art{width:calc(200 * var(--unit));flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ce-slot-wild-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.ce-slot-wild-name{font-size:calc(15.4 * var(--unit));font-weight:900;color:var(--ink);margin-top:calc(4 * var(--unit));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.15}.ce-slot-item.filled-card,.ce-slot-item.filled-card .card-item.card-view{--cscale: calc(200 * var(--unit) / 400)}.ce-slot-item.filled-card .card-view-holder{width:calc(400 * var(--cscale));display:flex;flex-direction:column;align-items:center}.ce-slot-remove{position:absolute;top:calc(-6 * var(--unit));right:calc(-6 * var(--unit));width:calc(26 * var(--unit));height:calc(26 * var(--unit));border-radius:50%;background:#B91C1C;border:calc(2 * var(--unit)) solid var(--paper-hi);color:var(--paper-hi);font-size:calc(14 * var(--unit));font-weight:900;display:flex;align-items:center;justify-content:center;z-index:10;box-sizing:border-box}.ce-slot-item.empty-slot{background:var(--paper);border:calc(2 * var(--unit)) dashed var(--paper-accent);gap:calc(14 * var(--unit))}.ce-slot-item.empty-slot:hover{border-color:var(--paper-gold);background:var(--paper-hi)}.ce-slot-empty-icon{font-size:calc(104 * var(--unit));line-height:1;opacity:.55}.ce-btn-go{pointer-events:none}.ce-materials-box{flex:1;min-height:calc(130 * var(--unit));max-height:calc(150 * var(--unit));display:flex;flex-direction:column}.ce-materials-grid{flex:1;display:flex;flex-direction:row;align-items:center;gap:calc(12 * var(--unit));overflow-x:auto;overflow-y:hidden;padding:calc(4 * var(--unit)) calc(2 * var(--unit));box-sizing:border-box;touch-action:pan-x;-webkit-overflow-scrolling:touch;min-width:0}.ce-mat-card{display:flex;align-items:center;gap:calc(10 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));box-sizing:border-box;flex-shrink:0;min-width:calc(160 * var(--unit))}.ce-mat-icon{width:calc(48 * var(--unit));height:calc(48 * var(--unit));display:flex;align-items:center;justify-content:center;flex-shrink:0}.ce-mat-icon img{max-width:100%;max-height:100%;object-fit:contain}.ce-mat-info{display:flex;flex-direction:column;gap:calc(2 * var(--unit));min-width:0}.ce-mat-name{font-size:calc(14.9 * var(--unit));font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(140 * var(--unit))}.ce-mat-count{font-size:calc(16.5 * var(--unit));font-weight:900}.ce-mat-count.ok{color:#15803d}.ce-mat-count.short{color:#b91c1c}.ce-mat-empty{width:100%;color:var(--ink-soft);font-size:calc(14.3 * var(--unit));text-align:center}.ce-footer{display:flex;align-items:center;justify-content:space-between;padding:calc(4 * var(--unit)) calc(2 * var(--unit));flex-shrink:0;margin-top:calc(4 * var(--unit))}.ce-cost-line{display:flex;align-items:center;gap:calc(8 * var(--unit));font-size:calc(15.4 * var(--unit));font-weight:700;color:var(--ink)}.ce-cost-gold{color:var(--paper-gold);font-size:calc(18.7 * var(--unit));font-weight:900;display:inline-flex;align-items:center;gap:calc(4 * var(--unit))}.ce-user-gold{font-size:calc(13.2 * var(--unit));color:var(--ink-soft)}.ce-user-gold.short{color:#b91c1c}.ce-btn-evolve{flex-shrink:0}.ce-picker-overlay{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none}.ce-picker-card{position:relative;width:calc(880 * var(--unit));max-height:calc(560 * var(--unit));padding:calc(2 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));box-sizing:border-box;color:var(--ink);font-family:ZCOOL KuaiLe,sans-serif}.ce-picker-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(6 * var(--unit));margin-bottom:calc(8 * var(--unit));border-bottom:calc(2 * var(--unit)) solid var(--paper-line);flex-shrink:0}.ce-picker-title{display:flex;align-items:center;gap:calc(8 * var(--unit));font-size:calc(19.8 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(1 * var(--unit))}.ce-picker-close{font-size:calc(20 * var(--unit))}.ce-picker-grid{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(14 * var(--unit));overflow-y:auto;max-height:calc(400 * var(--unit));padding:calc(4 * var(--unit)) calc(4 * var(--unit));box-sizing:border-box;touch-action:pan-y}.ce-picker-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease;--cscale: calc(128 * var(--unit) / 400)}.ce-picker-item:hover{transform:translateY(calc(-4 * var(--unit)))}.ce-picker-item .card-item.card-view{--cscale: calc(128 * var(--unit) / 400)}.ce-picker-item .card-view-holder{width:calc(400 * var(--cscale));display:flex;flex-direction:column;align-items:center}.ce-picker-wild-card{position:relative;width:calc(128 * var(--unit));height:calc(179.2 * var(--unit));border-radius:calc(10 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--paper-line);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(6 * var(--unit)) calc(6 * var(--unit)) calc(6 * var(--unit));overflow:hidden}.ce-picker-wild-img-box{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ce-picker-wild-img-box img{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.ce-picker-wild-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:calc(1 * var(--unit));margin-top:calc(3 * var(--unit));flex-shrink:0}.ce-picker-wild-name{font-size:calc(13 * var(--unit));font-weight:900;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;max-width:100%}.ce-picker-wild-count{font-size:calc(12 * var(--unit));font-weight:900;color:#166534;line-height:1.1}.ce-picker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8 * var(--unit));color:var(--ink-soft);font-size:calc(14.3 * var(--unit));padding:calc(36 * var(--unit)) 0}.ce-picker-empty-icon{font-size:calc(38 * var(--unit));line-height:1}.ce-picker-empty-title{font-size:calc(16.5 * var(--unit));font-weight:900;color:var(--paper-gold);text-align:center}.ce-picker-empty-note{font-size:calc(13.2 * var(--unit));color:var(--ink-soft);text-align:center}.ce-succ-body{text-align:center;font-size:calc(15.4 * var(--unit));line-height:1.6;color:var(--ink)}.ce-succ-title{font-size:calc(22 * var(--unit));font-weight:900;color:var(--paper-gold);margin:0 0 calc(8 * var(--unit))}.ce-succ-card-name{color:#15803d;font-weight:900}.ce-succ-star{color:var(--paper-gold)}.ce-succ-tip{color:var(--ink-soft);font-size:calc(13.2 * var(--unit))}.marquee-banner-container{position:absolute;top:calc(14 * var(--unit));left:50%;transform:translate(-50%);width:calc(600 * var(--unit));max-width:80vw;height:calc(34 * var(--unit));background:linear-gradient(90deg,rgba(20,15,10,0) 0%,rgba(35,25,15,.92) 12%,rgba(35,25,15,.92) 88%,rgba(20,15,10,0) 100%);border-top:calc(1.5 * var(--unit)) solid rgba(245,197,66,.7);border-bottom:calc(1.5 * var(--unit)) solid rgba(245,197,66,.7);border-radius:calc(6 * var(--unit));display:flex;align-items:center;overflow:hidden;pointer-events:none;z-index:99999;box-shadow:0 calc(4 * var(--unit)) calc(12 * var(--unit)) #0009;opacity:0;transition:opacity .35s ease}.marquee-banner-container.active{opacity:1}.marquee-icon{flex-shrink:0;margin-left:calc(20 * var(--unit));margin-right:calc(10 * var(--unit));font-size:calc(16 * var(--unit));line-height:1;filter:drop-shadow(0 0 calc(4 * var(--unit)) rgba(255,215,0,.8));animation:marquee-horn-shake 1.5s infinite ease-in-out}.marquee-content-box{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.marquee-text-track{white-space:nowrap;position:absolute;left:0;top:0;height:100%;display:inline-flex;align-items:center;color:#fff4d0;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(14 * var(--unit));letter-spacing:calc(.5 * var(--unit));text-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) rgba(0,0,0,.9),0 0 calc(6 * var(--unit)) rgba(245,197,66,.4);will-change:transform}@keyframes marquee-horn-shake{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(-12deg) scale(1.15)}30%{transform:rotate(12deg) scale(1.15)}45%{transform:rotate(-6deg) scale(1.05)}60%{transform:rotate(0) scale(1)}}.marquee-banner-container.type-maintain{background:linear-gradient(90deg,rgba(30,10,10,0) 0%,rgba(60,15,15,.95) 15%,rgba(60,15,15,.95) 85%,rgba(30,10,10,0) 100%);border-top:calc(1.5 * var(--unit)) solid rgba(239,68,68,.85);border-bottom:calc(1.5 * var(--unit)) solid rgba(239,68,68,.85)}.marquee-banner-container.type-maintain .marquee-text-track{color:#fecaca;text-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) rgba(0,0,0,.9),0 0 calc(8 * var(--unit)) rgba(239,68,68,.6)}.marquee-banner-container.type-activity{background:linear-gradient(90deg,rgba(15,25,15,0) 0%,rgba(20,50,25,.95) 15%,rgba(20,50,25,.95) 85%,rgba(15,25,15,0) 100%);border-top:calc(1.5 * var(--unit)) solid rgba(34,197,94,.85);border-bottom:calc(1.5 * var(--unit)) solid rgba(34,197,94,.85)}.marquee-banner-container.type-activity .marquee-text-track{color:#dcfce7;text-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) rgba(0,0,0,.9),0 0 calc(8 * var(--unit)) rgba(34,197,94,.6)}.chat-modal-mask{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(10,8,6,.78);display:none;align-items:center;justify-content:center;z-index:5200;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-panel{width:calc(880 * var(--unit));height:calc(640 * var(--unit));max-height:96vh;display:flex;flex-direction:column;position:relative;box-sizing:border-box;padding:calc(18 * var(--unit)) calc(22 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-header{display:flex;align-items:center;justify-content:space-between;height:calc(46 * var(--unit));border-bottom:calc(2 * var(--unit)) solid rgba(160,120,70,.4);padding-bottom:calc(6 * var(--unit));margin-bottom:calc(10 * var(--unit));flex-shrink:0}.chat-title{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(24 * var(--unit));color:#4a2d0b;display:flex;align-items:center;gap:calc(8 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.6)}.chat-close-btn{width:calc(34 * var(--unit));height:calc(34 * var(--unit));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:calc(18 * var(--unit));border-radius:50%;background:rgba(180,50,40,.15);color:#8b1e15;border:calc(1.5 * var(--unit)) solid rgba(180,50,40,.4);transition:all .15s ease;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-close-btn:hover{background:rgba(180,50,40,.3);transform:scale(1.05)}.chat-body{display:flex;flex:1;min-height:0;gap:calc(14 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-sidebar{width:calc(220 * var(--unit));display:flex;flex-direction:column;background:rgba(0,0,0,.08);border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(160,120,70,.3);padding:calc(8 * var(--unit));box-sizing:border-box;flex-shrink:0;min-height:0;overflow:hidden}.chat-tab-btn{height:calc(44 * var(--unit));display:flex;align-items:center;padding:0 calc(12 * var(--unit));margin-bottom:calc(6 * var(--unit));border-radius:calc(6 * var(--unit));background:rgba(255,255,255,.4);border:calc(1.5 * var(--unit)) solid rgba(160,120,70,.3);cursor:pointer;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:calc(16 * var(--unit));color:#5a3c1e;transition:all .15s ease;position:relative;user-select:none;flex-shrink:0}.chat-tab-btn:hover{background:rgba(255,255,255,.7)}.chat-tab-btn.active{background:linear-gradient(180deg,#f7d286 0%,#e6a740 100%);border-color:#8c531b;color:#3b2006;box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #8c531b4d;font-weight:700}.chat-tab-badge{position:absolute;right:calc(10 * var(--unit));top:50%;transform:translateY(-50%);background:#d32f2f;color:#fff;font-size:calc(12 * var(--unit));font-weight:700;min-width:calc(18 * var(--unit));height:calc(18 * var(--unit));line-height:calc(18 * var(--unit));border-radius:calc(9 * var(--unit));text-align:center;padding:0 calc(5 * var(--unit));box-sizing:border-box;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #0006;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-contacts-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-top:calc(6 * var(--unit));border-top:calc(1.5 * var(--unit)) dashed rgba(160,120,70,.3);padding-top:calc(6 * var(--unit));padding-right:calc(3 * var(--unit));display:flex;flex-direction:column;gap:calc(5 * var(--unit))}.chat-contacts-container::-webkit-scrollbar,.chat-messages-container::-webkit-scrollbar{width:calc(5 * var(--unit))}.chat-contacts-container::-webkit-scrollbar-track,.chat-messages-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:calc(3 * var(--unit))}.chat-contacts-container::-webkit-scrollbar-thumb,.chat-messages-container::-webkit-scrollbar-thumb{background:rgba(160,120,70,.5);border-radius:calc(3 * var(--unit))}.chat-contacts-container::-webkit-scrollbar-thumb:hover,.chat-messages-container::-webkit-scrollbar-thumb:hover{background:rgba(160,120,70,.8)}.chat-contact-item{display:flex;align-items:center;padding:calc(6 * var(--unit)) calc(8 * var(--unit));border-radius:calc(6 * var(--unit));background:rgba(255,255,255,.3);border:calc(1 * var(--unit)) solid transparent;cursor:pointer;transition:all .15s ease;position:relative;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;flex-shrink:0;box-sizing:border-box}.chat-contact-item:hover{background:rgba(255,255,255,.6)}.chat-contact-item.active{background:rgba(230,167,64,.25);border-color:#8c531b}.chat-contact-avatar{width:calc(36 * var(--unit));height:calc(36 * var(--unit));border-radius:50%;background:#e8ba60;border:calc(1.5 * var(--unit)) solid #8c531b;display:flex;align-items:center;justify-content:center;margin-right:calc(8 * var(--unit));flex-shrink:0;overflow:hidden;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #00000040}.chat-contact-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.chat-contact-info{flex:1;min-width:0}.chat-contact-name{font-size:calc(14 * var(--unit));color:#3b2006;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-contact-lastmsg{font-size:calc(12 * var(--unit));color:#7b5936;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:rgba(0,0,0,.04);border-radius:calc(8 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(160,120,70,.3);padding:calc(10 * var(--unit));box-sizing:border-box;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-channel-subhead{display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(6 * var(--unit));border-bottom:calc(1 * var(--unit)) solid rgba(160,120,70,.2);margin-bottom:calc(8 * var(--unit));font-size:calc(14 * var(--unit));color:#6a4a2b;font-weight:700;flex-shrink:0;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-subhead-left,.chat-subhead-right{display:flex;align-items:center;gap:calc(8 * var(--unit))}.chat-line-selector-wrapper{position:relative;display:inline-flex;align-items:center}.chat-line-select{appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#fff2d6 0%,#ecd09f 100%);border:calc(1.5 * var(--unit)) solid #8c531b;border-radius:calc(6 * var(--unit));color:#3b2006;font-size:calc(13 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:700;padding:calc(3 * var(--unit)) calc(24 * var(--unit)) calc(3 * var(--unit)) calc(8 * var(--unit));cursor:pointer;outline:none;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #00000026;transition:all .15s ease}.chat-line-select:hover{background:linear-gradient(180deg,#ffffff 0%,#f6e0b8 100%);border-color:#6a3a0e}.chat-line-selector-wrapper:after{content:"▼";position:absolute;right:calc(6 * var(--unit));font-size:calc(9 * var(--unit));color:#8c531b;pointer-events:none}.chat-line-status-tag{font-size:calc(12 * var(--unit));padding:calc(2 * var(--unit)) calc(8 * var(--unit));border-radius:calc(10 * var(--unit));font-weight:700;display:inline-flex;align-items:center}.chat-status-smooth{background:rgba(16,185,129,.15);color:#065f46;border:calc(1 * var(--unit)) solid rgba(16,185,129,.3)}.chat-status-busy{background:rgba(245,158,11,.15);color:#92400e;border:calc(1 * var(--unit)) solid rgba(245,158,11,.3)}.chat-status-full{background:rgba(239,68,68,.15);color:#991b1b;border:calc(1 * var(--unit)) solid rgba(239,68,68,.3)}.chat-messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:calc(12 * var(--unit));padding-right:calc(4 * var(--unit));box-sizing:border-box;min-height:0;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-empty-hint{margin:auto;font-size:calc(15 * var(--unit));color:#9c8065;font-style:italic;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-guild-locked{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(24 * var(--unit));background:rgba(100,60,20,.08);border-radius:calc(12 * var(--unit));border:calc(1.5 * var(--unit)) dashed rgba(160,120,70,.4);max-width:calc(420 * var(--unit));box-sizing:border-box}.chat-guild-lock-icon{font-size:calc(48 * var(--unit));margin-bottom:calc(10 * var(--unit))}.chat-guild-lock-title{font-size:calc(18 * var(--unit));color:#4a2800;font-weight:700;margin-bottom:calc(8 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-guild-lock-desc{font-size:calc(13 * var(--unit));color:#7c5c3c;line-height:1.5;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-msg-row{display:flex;align-items:flex-start;gap:calc(10 * var(--unit));max-width:88%}.chat-msg-row.self{align-self:flex-end;flex-direction:row-reverse}.chat-msg-row.other{align-self:flex-start}.chat-msg-avatar{width:calc(44 * var(--unit));height:calc(44 * var(--unit));border-radius:50%;background:#e8ba60;border:calc(2 * var(--unit)) solid #9c6634;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #00000040;transition:transform .15s ease}.chat-msg-avatar:hover{transform:scale(1.08)}.chat-msg-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top}.chat-msg-lv-tag{position:absolute;bottom:calc(-3 * var(--unit));right:calc(-3 * var(--unit));background:#5a3c1e;color:#fff4d0;font-size:calc(10 * var(--unit));padding:0 calc(4 * var(--unit));border-radius:calc(6 * var(--unit));font-weight:700;line-height:calc(14 * var(--unit));border:calc(1 * var(--unit)) solid #fff4d0;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-msg-bubble-box{display:flex;flex-direction:column}.chat-msg-row.self .chat-msg-bubble-box{align-items:flex-end}.chat-msg-meta{display:flex;align-items:center;gap:calc(8 * var(--unit));margin-bottom:calc(4 * var(--unit));font-size:calc(12 * var(--unit));color:#7b5936;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-msg-sender-name{font-weight:700;color:#4a2d0b;font-size:calc(13 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-msg-bubble{padding:calc(9 * var(--unit)) calc(14 * var(--unit));border-radius:calc(12 * var(--unit));font-size:calc(15 * var(--unit));line-height:1.5;word-break:break-word;box-shadow:0 calc(1.5 * var(--unit)) calc(5 * var(--unit)) #00000026;position:relative;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;letter-spacing:calc(.3 * var(--unit))}.chat-msg-row.other .chat-msg-bubble{background:#fff9e6;color:#2b1805;border:calc(1.5 * var(--unit)) solid #d4b285;border-top-left-radius:calc(2 * var(--unit))}.chat-msg-row.self .chat-msg-bubble{background:linear-gradient(180deg,#fae2a6 0%,#e8ba60 100%);color:#2a1500;border:calc(1.5 * var(--unit)) solid #b87b28;border-top-right-radius:calc(2 * var(--unit));font-weight:500}.chat-bottom-bar{margin-top:calc(8 * var(--unit));display:flex;flex-direction:column;gap:calc(4 * var(--unit));flex-shrink:0;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-input-row{display:flex;align-items:center;gap:calc(8 * var(--unit))}.chat-input-field{flex:1;height:calc(38 * var(--unit));background:#ffffff;border:calc(1.5 * var(--unit)) solid #a07846;border-radius:calc(6 * var(--unit));padding:0 calc(12 * var(--unit));font-size:calc(15 * var(--unit));color:#3b2006;outline:none;box-sizing:border-box;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-input-field:focus{border-color:#e6a740;box-shadow:0 0 calc(6 * var(--unit)) #e6a74066}.chat-send-btn{width:calc(90 * var(--unit));height:calc(38 * var(--unit));font-size:calc(16 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.chat-rule-hint{font-size:calc(12 * var(--unit));color:#8c6d4d;display:flex;justify-content:space-between;padding:0 calc(4 * var(--unit));font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.avatar-select-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(10,8,6,.78);display:none;align-items:center;justify-content:center;z-index:999980;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.avatar-select-card{width:calc(660 * var(--unit));max-height:94vh;display:flex;flex-direction:column;padding:calc(18 * var(--unit)) calc(22 * var(--unit));box-sizing:border-box;position:relative;font-family:Lilita One,ZCOOL KuaiLe,sans-serif}.avatar-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:calc(2 * var(--unit)) solid rgba(160,120,70,.4);padding-bottom:calc(8 * var(--unit));margin-bottom:calc(12 * var(--unit));flex-shrink:0}.avatar-title-box{display:flex;align-items:center;gap:calc(8 * var(--unit));font-size:calc(22 * var(--unit));color:#4a2d0b;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.6)}.avatar-close-btn{width:calc(32 * var(--unit));height:calc(32 * var(--unit));border-radius:50%;background:rgba(180,50,40,.15);color:#8b1e15;border:calc(1.5 * var(--unit)) solid rgba(180,50,40,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:calc(16 * var(--unit));transition:all .15s ease}.avatar-close-btn:hover{background:rgba(180,50,40,.3);transform:scale(1.05)}.avatar-preview-box{display:flex;align-items:center;gap:calc(16 * var(--unit));background:rgba(0,0,0,.06);border-radius:calc(10 * var(--unit));border:calc(1.5 * var(--unit)) solid rgba(160,120,70,.3);padding:calc(10 * var(--unit)) calc(16 * var(--unit));margin-bottom:calc(12 * var(--unit));flex-shrink:0}.avatar-preview-circle{width:calc(64 * var(--unit));height:calc(64 * var(--unit));border-radius:50%;background:#e8ba60;border:calc(2.5 * var(--unit)) solid #9c6634;box-shadow:0 calc(3 * var(--unit)) calc(8 * var(--unit)) #0000004d;overflow:hidden;flex-shrink:0}.avatar-preview-circle img{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-preview-info{flex:1}.avatar-preview-name{font-size:calc(18 * var(--unit));color:#3b2006;font-weight:700;display:flex;align-items:center;gap:calc(8 * var(--unit))}.avatar-preview-desc{font-size:calc(13 * var(--unit));color:#7b5936;margin-top:calc(3 * var(--unit))}.avatar-grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(10 * var(--unit));max-height:calc(310 * var(--unit));overflow-y:auto;padding:calc(4 * var(--unit));box-sizing:border-box;margin-bottom:calc(14 * var(--unit))}.avatar-grid-item{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.45);border:calc(1.5 * var(--unit)) solid rgba(160,120,70,.35);border-radius:calc(10 * var(--unit));padding:calc(8 * var(--unit)) calc(4 * var(--unit));cursor:pointer;transition:all .15s ease;position:relative;user-select:none}.avatar-grid-item:hover{background:rgba(255,255,255,.85);transform:translateY(calc(-2 * var(--unit)));border-color:#e6a740}.avatar-grid-item.selected{background:linear-gradient(180deg,rgba(255,235,180,.9) 0%,rgba(247,210,134,.9) 100%);border-color:#d97706;box-shadow:0 0 calc(10 * var(--unit)) #f5c54299}.avatar-item-img{width:calc(52 * var(--unit));height:calc(52 * var(--unit));border-radius:50%;background:#e8ba60;border:calc(2 * var(--unit)) solid #8c531b;overflow:hidden;margin-bottom:calc(6 * var(--unit));box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #0003}.avatar-item-img img{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-item-name{font-size:calc(13 * var(--unit));color:#4a2d0b;font-weight:700;text-align:center;white-space:nowrap}.avatar-item-check{position:absolute;top:calc(4 * var(--unit));right:calc(4 * var(--unit));background:#15803d;color:#fff;font-size:calc(10 * var(--unit));width:calc(16 * var(--unit));height:calc(16 * var(--unit));border-radius:50%;display:none;align-items:center;justify-content:center;border:calc(1 * var(--unit)) solid #ffffff;box-shadow:0 calc(1 * var(--unit)) calc(3 * var(--unit)) #0000004d}.avatar-grid-item.selected .avatar-item-check{display:flex}.avatar-footer{display:flex;align-items:center;justify-content:space-between;border-top:calc(1.5 * var(--unit)) solid rgba(160,120,70,.3);padding-top:calc(10 * var(--unit));flex-shrink:0}.btn-avatar-custom{opacity:.65;cursor:pointer;font-size:calc(13 * var(--unit));background:rgba(0,0,0,.08);border:calc(1.5 * var(--unit)) dashed rgba(160,120,70,.6);color:#6a4a2b;padding:calc(6 * var(--unit)) calc(12 * var(--unit));border-radius:calc(6 * var(--unit));display:flex;align-items:center;gap:calc(4 * var(--unit))}.btn-avatar-custom:hover{opacity:.9}.avatar-action-buttons{display:flex;align-items:center;gap:calc(10 * var(--unit))}.btn-avatar-save{min-width:calc(120 * var(--unit));height:calc(38 * var(--unit));font-size:calc(16 * var(--unit))}.bind-account-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(12,8,4,.65);display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;pointer-events:none;transition:opacity .25s ease;padding:calc(12 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.bind-account-overlay.active{opacity:1;pointer-events:auto}.bind-account-card{width:calc(480 * var(--unit));max-height:94vh;overflow-y:auto;padding:calc(4 * var(--unit)) calc(12 * var(--unit)) calc(16 * var(--unit));position:relative;display:flex;flex-direction:column;box-sizing:border-box}.bind-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(14 * var(--unit));border-bottom:1px dashed var(--paper-line);padding-bottom:calc(8 * var(--unit))}.bind-title-group{display:flex;align-items:center;gap:calc(8 * var(--unit))}.bind-title-icon{font-size:calc(22 * var(--unit));line-height:1}.bind-title{font-size:calc(20 * var(--unit));font-weight:900;color:var(--ink);margin:0;letter-spacing:calc(1 * var(--unit))}.btn-bind-close{background:none;border:none;font-size:calc(20 * var(--unit));color:var(--ink-soft);cursor:pointer;line-height:1;padding:calc(4 * var(--unit));transition:transform .15s,color .15s}.btn-bind-close:hover{color:var(--ink);transform:scale(1.2)}.bind-tip-banner{background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.35);border-radius:calc(8 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit));font-size:calc(12 * var(--unit));color:var(--ink-soft);line-height:1.4;margin-bottom:calc(14 * var(--unit))}.bind-form{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}.bind-form-group{display:flex;flex-direction:column;gap:calc(4 * var(--unit))}.bind-label{font-size:calc(13 * var(--unit));font-weight:700;color:var(--ink)}.bind-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.bind-input-icon{position:absolute;left:calc(12 * var(--unit));font-size:calc(15 * var(--unit));color:var(--ink-soft);pointer-events:none}.bind-input{width:100%;height:calc(38 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));padding:0 calc(12 * var(--unit)) 0 calc(38 * var(--unit));color:var(--ink);font-size:calc(14 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.bind-input:focus{border-color:var(--paper-accent);box-shadow:0 0 calc(10 * var(--unit)) #d9770633}.bind-code-row{display:flex;gap:calc(8 * var(--unit))}.bind-code-row .bind-input-wrapper{flex:1}.btn-send-code{min-width:calc(110 * var(--unit));height:calc(38 * var(--unit));padding:0 calc(10 * var(--unit));font-size:calc(12 * var(--unit));white-space:nowrap}.bind-actions{margin-top:calc(14 * var(--unit));display:flex;flex-direction:column;gap:calc(8 * var(--unit))}.bind-actions .ui-btn{width:100%}.arena-key-buy-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1700;background:var(--mask-warm);overflow:hidden;user-select:none;box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif;-webkit-font-smoothing:antialiased}.arena-key-buy-dialog{position:relative;width:calc(440 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;padding:calc(4 * var(--unit)) calc(10 * var(--unit)) calc(6 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif}.arena-key-buy-close{position:absolute;top:calc(6 * var(--unit));right:calc(8 * var(--unit));width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-soft);font-size:max(calc(22 * var(--unit)),16px);line-height:1;border-radius:calc(8 * var(--unit));cursor:pointer;padding:0;transition:background .2s,color .2s}.arena-key-buy-close:hover{color:var(--ink);background:var(--paper-dim)}.arena-key-buy-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(20 * var(--unit)),14px);font-weight:700;color:var(--ink);text-align:center;margin-bottom:calc(8 * var(--unit))}.arena-key-buy-body{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--unit));padding:calc(2 * var(--unit)) 0}.arena-key-buy-icon-box{width:calc(68 * var(--unit));height:calc(68 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--ink);border-radius:50%;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201424}.arena-key-buy-rate-tip{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px);color:var(--ink-soft);display:flex;align-items:center;gap:calc(4 * var(--unit))}.arena-key-buy-rate-tip b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:max(calc(16 * var(--unit)),12px)}.arena-key-buy-stepper{display:flex;align-items:center;gap:calc(12 * var(--unit));margin:calc(2 * var(--unit)) 0}.arena-key-buy-step-btn{width:calc(36 * var(--unit));height:calc(36 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper);border:calc(1.8 * var(--unit)) solid var(--ink);border-radius:calc(8 * var(--unit));color:var(--ink);font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:max(calc(22 * var(--unit)),16px);font-weight:900;cursor:pointer;box-shadow:0 calc(2 * var(--unit)) 0 var(--ink);transition:transform .08s,box-shadow .08s}.arena-key-buy-step-btn:hover{background:var(--paper-hover, #fffbf2)}.arena-key-buy-step-btn:active{transform:translateY(calc(2 * var(--unit)));box-shadow:none}.arena-key-buy-count-val{min-width:calc(56 * var(--unit));text-align:center;font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:max(calc(24 * var(--unit)),18px);font-weight:900;color:var(--ink)}.arena-key-buy-quick-bar{display:flex;gap:calc(6 * var(--unit));width:100%}.arena-key-buy-quick-btn{flex:1;height:calc(28 * var(--unit));background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit));color:var(--ink-soft);font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-size:max(calc(13 * var(--unit)),10px);cursor:pointer;transition:all .15s ease}.arena-key-buy-quick-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-dim)}.arena-key-buy-summary{width:100%;padding:calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit));display:flex;flex-direction:column;gap:calc(6 * var(--unit));box-sizing:border-box;box-shadow:inset 0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201414}.arena-key-buy-summary-row{display:flex;justify-content:space-between;align-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(14 * var(--unit)),11px)}.arena-key-buy-summary-label{color:var(--ink-soft)}.arena-key-buy-summary-val{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:calc(4 * var(--unit))}.arena-key-buy-summary-val .ak-num,.arena-key-buy-summary-val b{font-family:Lilita One,ZCOOL KuaiLe,sans-serif;font-weight:900}.ak-diamond{color:#1d4ed8}.ak-key{color:#b45309}.ak-danger{color:#b91c1c}.arena-key-buy-btn-confirm{width:100%;min-height:calc(44 * var(--unit));margin-top:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);box-sizing:border-box}.arena-key-buy-ad-zone{width:100%;margin-top:calc(12 * var(--unit))}.arena-key-buy-divider{display:flex;align-items:center;gap:calc(8 * var(--unit));margin-bottom:calc(10 * var(--unit))}.arena-key-buy-divider .ak-divider-line{flex:1;height:calc(1.5 * var(--unit));background:rgba(107,79,58,.26);border-radius:calc(1 * var(--unit))}.arena-key-buy-divider .ak-divider-text{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(12 * var(--unit)),11px);color:var(--ink-soft);line-height:1}.arena-key-buy-btn-ad{width:100%;min-height:calc(48 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--unit));padding:calc(6 * var(--unit)) calc(10 * var(--unit));box-sizing:border-box;font-family:ZCOOL KuaiLe,sans-serif}.arena-key-buy-btn-ad .ak-ad-main{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(15 * var(--unit)),12px);line-height:1.15}.arena-key-buy-btn-ad .ak-ad-sub{font-family:ZCOOL KuaiLe,sans-serif;font-size:max(calc(11 * var(--unit)),10px);line-height:1.1;opacity:.88}.arena-key-buy-btn-ad.is-disabled,.arena-key-buy-btn-ad:disabled{filter:grayscale(.6);opacity:.62;cursor:not-allowed}.item-bag-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--mask-warm);z-index:1000}.item-bag-overlay .item-bag-card{width:calc(1240 * var(--unit));height:calc(720 * var(--unit));display:flex;flex-direction:column;overflow:hidden;padding:0;box-shadow:none;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.item-bag-header{height:calc(52 * var(--unit));flex:none;display:flex;align-items:center;justify-content:center;position:relative;background:none;border-bottom:calc(2 * var(--unit)) solid var(--paper-line)}.item-bag-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(33 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(6 * var(--unit));text-shadow:calc(0 * var(--unit)) calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.item-bag-close{position:absolute;right:calc(6 * var(--unit));top:50%;transform:translateY(-50%);width:calc(32 * var(--unit));height:calc(32 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(29 * var(--unit));font-weight:900;line-height:1;color:var(--ink-soft);cursor:pointer;border-radius:calc(8 * var(--unit));transition:color .15s,background .15s}.item-bag-close:hover{color:#b91c1c;background:rgba(43,32,20,.08)}.item-bag-tabs{height:calc(52 * var(--unit));flex:none;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--unit));background:none;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);padding:0 calc(12 * var(--unit));box-sizing:border-box}.item-bag-tab{height:calc(36 * var(--unit));padding:0 calc(18 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(22 * var(--unit));font-weight:700;line-height:1;color:var(--ink-soft);background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(18 * var(--unit));cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.item-bag-tab:hover{background:var(--paper-hi);border-color:var(--paper-accent);color:var(--ink)}.item-bag-tab.active{background:var(--paper-hi);border-color:var(--paper-accent);color:var(--paper-gold);box-shadow:inset 0 0 0 calc(1 * var(--unit)) var(--paper-accent)}.item-bag-body{flex:1;display:flex;gap:calc(12 * var(--unit));overflow:hidden;min-height:0}.item-bag-grid-wrap{flex:1;position:relative;padding:calc(14 * var(--unit)) calc(16 * var(--unit));overflow-y:auto;overflow-x:hidden;box-sizing:border-box;min-width:0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit))}.item-bag-grid-wrap::-webkit-scrollbar,.item-bag-detail::-webkit-scrollbar{width:0;height:0}.item-bag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(16 * var(--unit))}.item-bag-grid-empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(26 * var(--unit));color:var(--ink-soft)}.item-bag-cell{min-width:0;aspect-ratio:1 / 1.38;background:var(--paper);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--unit));cursor:pointer;transition:background .12s,border-color .12s;padding:calc(6 * var(--unit));box-sizing:border-box}.item-bag-cell:hover{background:var(--paper-hi);border-color:var(--paper-accent)}.item-bag-cell.selected{background:var(--paper-hi);border-color:var(--paper-accent);box-shadow:inset 0 0 0 calc(1.5 * var(--unit)) var(--paper-accent)}.item-bag-icon{width:calc(96 * var(--unit));height:calc(96 * var(--unit));padding:calc(2 * var(--unit));box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none}.item-bag-icon img{width:100%;height:100%;object-fit:contain;display:block}.item-bag-qty{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));font-weight:900;line-height:1;color:var(--paper-gold);text-shadow:calc(0 * var(--unit)) calc(1 * var(--unit)) 0 rgba(255,255,255,.85)}.item-bag-cell-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(17 * var(--unit));line-height:1.15;color:var(--ink-soft);text-align:center;width:100%;height:calc(39.1 * var(--unit));white-space:normal;overflow-wrap:anywhere;overflow:hidden}.item-bag-tabs+.item-bag-body{margin-top:calc(12 * var(--unit))}.item-bag-detail{width:calc(356 * var(--unit));flex-shrink:0;background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));padding:calc(14 * var(--unit)) calc(18 * var(--unit));display:flex;flex-direction:column;align-items:center;overflow-y:auto;box-sizing:border-box;min-height:0}.item-bag-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(14 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(24 * var(--unit));color:var(--ink-soft);text-align:center}.item-bag-detail-empty-icon{font-size:calc(62 * var(--unit));opacity:.55}.item-bag-detail-icon{width:calc(132 * var(--unit));height:calc(132 * var(--unit));display:flex;align-items:center;justify-content:center;margin-bottom:calc(8 * var(--unit));flex:none}.item-bag-detail-icon img{width:100%;height:100%;object-fit:contain;display:block}.item-bag-detail-name{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(31 * var(--unit));font-weight:900;margin-bottom:calc(4 * var(--unit));text-align:center;text-shadow:calc(0 * var(--unit)) calc(1 * var(--unit)) 0 rgba(255,255,255,.7)}.item-bag-q1{color:#4b5563}.item-bag-q2{color:#166534}.item-bag-q3{color:#0369a1}.item-bag-q4{color:#6d28d9}.item-bag-q5{color:#92400e}.item-bag-detail-count{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));color:var(--ink-soft);margin-bottom:calc(8 * var(--unit))}.item-bag-detail-desc{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));line-height:1.5;color:var(--ink);text-align:center;margin-bottom:calc(12 * var(--unit));max-width:100%}.item-bag-detail-value{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(22 * var(--unit));color:var(--paper-gold);font-weight:900;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--unit));margin-bottom:calc(12 * var(--unit))}.item-bag-detail-value img{width:calc(26 * var(--unit));height:calc(26 * var(--unit));object-fit:contain}.item-bag-detail-actions{display:flex;gap:calc(14 * var(--unit));margin-bottom:calc(10 * var(--unit));width:100%}.item-bag-detail-actions .item-bag-btn{flex:1;min-width:0;font-size:calc(21 * var(--unit))}.item-bag-btn{width:auto}.item-bag-sell-count{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--unit));font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));color:var(--ink-soft);margin-top:calc(6 * var(--unit))}.item-bag-count-val{min-width:calc(46 * var(--unit));text-align:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(24 * var(--unit));font-weight:900;line-height:1;color:var(--ink)}.item-bag-count-btn{width:calc(34 * var(--unit));height:calc(34 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(22 * var(--unit));font-weight:900;line-height:1;color:var(--ink);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(9 * var(--unit));cursor:pointer;transition:background .12s,border-color .12s;box-sizing:border-box;padding:0}.item-bag-count-btn:hover{background:#fff;border-color:var(--paper-accent)}.item-bag-count-max{width:auto;padding:0 calc(12 * var(--unit));font-size:calc(15 * var(--unit));color:var(--paper-gold)}.item-bag-unsellable{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(18 * var(--unit));color:var(--ink-soft);margin-top:calc(6 * var(--unit))}.mail-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--mask-warm);z-index:1000}.mail-overlay .mail-card{width:calc(880 * var(--unit));height:calc(660 * var(--unit));display:flex;flex-direction:column;overflow:hidden;padding:0;box-shadow:none;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.mail-header{height:calc(56 * var(--unit));display:flex;align-items:center;justify-content:center;position:relative;background:none;border-bottom:calc(2 * var(--unit)) solid var(--paper-line);flex:none}.mail-title{font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(24 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(4 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.mail-close{position:absolute;right:calc(14 * var(--unit));top:50%;transform:translateY(-50%);width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:calc(20 * var(--unit));font-weight:900;line-height:1;color:var(--ink-soft);cursor:pointer;border-radius:calc(8 * var(--unit));transition:color .15s,background .15s}.mail-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.mail-body{flex:1;overflow-y:auto;padding:calc(8 * var(--unit)) calc(12 * var(--unit));display:flex;flex-direction:column;box-sizing:border-box;min-height:0}.mail-body::-webkit-scrollbar,.mail-detail-content::-webkit-scrollbar{width:0;height:0}.mail-row{display:flex;align-items:center;gap:calc(12 * var(--unit));padding:calc(9 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));margin-bottom:calc(7 * var(--unit));cursor:pointer;transition:background .12s,border-color .12s;box-sizing:border-box}.mail-row:hover,.mail-row.unread{background:var(--paper-hi);border-color:var(--paper-accent)}.mail-row.unread:hover{border-color:#b45309}.mail-dot{width:calc(11 * var(--unit));height:calc(11 * var(--unit));border-radius:50%;flex:none;border:calc(2 * var(--unit)) solid var(--paper-line);background:transparent;box-sizing:border-box}.mail-dot.on{background:#c0392b;border-color:#c0392b}.mail-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(4 * var(--unit))}.mail-row-title{font-size:calc(19 * var(--unit));font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-meta{font-size:calc(13.5 * var(--unit));color:var(--ink-soft);display:flex;align-items:center;gap:calc(10 * var(--unit))}.mail-row-meta-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-expire-badge{font-size:calc(12 * var(--unit));color:#15803d;background:rgba(21,128,61,.09);border:calc(1.5 * var(--unit)) solid rgba(21,128,61,.3);border-radius:calc(6 * var(--unit));padding:calc(1 * var(--unit)) calc(7 * var(--unit));font-weight:700;white-space:nowrap;flex-shrink:0}.mail-expire-badge.urgent{color:#b91c1c;background:rgba(185,28,28,.09);border-color:#b91c1c52}.mail-expire-badge.expired{color:var(--ink-soft);background:rgba(107,90,68,.1);border-color:#6b5a444d}.mail-row-right{display:flex;align-items:center;gap:calc(12 * var(--unit));flex-shrink:0}.mail-row-att-list{display:flex;align-items:center;gap:calc(6 * var(--unit))}.mail-row-att-cell{position:relative;width:calc(44 * var(--unit));height:calc(44 * var(--unit));background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(8 * var(--unit));display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.mail-row-att-img{width:calc(30 * var(--unit));height:calc(30 * var(--unit));object-fit:contain;display:block}.mail-row-att-custom{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mail-row-att-custom img{max-width:calc(30 * var(--unit));max-height:calc(30 * var(--unit));object-fit:contain}.mail-row-att-qty{position:absolute;bottom:calc(1 * var(--unit));right:calc(3 * var(--unit));font-size:calc(10.5 * var(--unit));font-weight:900;color:#b45309;line-height:1;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.85);white-space:nowrap}.mail-row-att-more{font-size:calc(13 * var(--unit));font-weight:900;color:var(--ink-soft);padding:0 calc(2 * var(--unit))}.mail-row-stamp{font-size:calc(14 * var(--unit));font-weight:900;letter-spacing:calc(1.5 * var(--unit));padding:calc(3 * var(--unit)) calc(8 * var(--unit));border-radius:calc(6 * var(--unit));transform:rotate(-7deg);user-select:none;line-height:1.1;white-space:nowrap;box-shadow:0 calc(2 * var(--unit)) calc(4 * var(--unit)) #2b201429}.mail-row-stamp.uncollected{color:#15803d;border:calc(2 * var(--unit)) solid #15803d;background:rgba(21,128,61,.08)}.mail-row-stamp.collected{color:#b91c1c;border:calc(2 * var(--unit)) solid #b91c1c;background:rgba(185,28,28,.08)}.mail-row-stamp.expired{color:var(--ink-soft);border:calc(2 * var(--unit)) solid var(--ink-soft);background:rgba(107,90,68,.08)}.mail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(12 * var(--unit));color:var(--ink-soft);font-size:calc(19 * var(--unit))}.mail-empty-icon{font-size:calc(60 * var(--unit))}.mail-footer{flex:none;padding:calc(12 * var(--unit)) calc(16 * var(--unit));border-top:calc(2 * var(--unit)) solid var(--paper-line);background:none;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--unit))}.mail-btn{width:auto}.mail-detail{display:flex;flex-direction:column;height:100%;min-height:100%;box-sizing:border-box;gap:calc(10 * var(--unit));padding:calc(2 * var(--unit)) calc(2 * var(--unit)) calc(8 * var(--unit))}.mail-detail-header-block{display:flex;flex-direction:column;gap:calc(6 * var(--unit));flex-shrink:0}.mail-back{font-size:calc(16 * var(--unit));color:#b45309;cursor:pointer;user-select:none;width:fit-content;font-weight:900;transition:color .15s}.mail-back:hover{color:#92400e}.mail-detail-title{font-size:calc(24 * var(--unit));font-weight:900;color:var(--ink);line-height:1.3;text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.7)}.mail-detail-meta-row{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));flex-wrap:wrap}.mail-detail-meta{font-size:calc(14.5 * var(--unit));color:var(--ink-soft)}.mail-detail-expire{font-size:calc(14 * var(--unit));color:#15803d;background:rgba(21,128,61,.09);border:calc(1.5 * var(--unit)) solid rgba(21,128,61,.3);border-radius:calc(8 * var(--unit));padding:calc(2 * var(--unit)) calc(9 * var(--unit));font-weight:700;white-space:nowrap}.mail-detail-expire.urgent{color:#b91c1c;background:rgba(185,28,28,.09);border-color:#b91c1c52}.mail-detail-expire.expired{color:var(--ink-soft);background:rgba(107,90,68,.1);border-color:#6b5a444d}.mail-detail-content{font-size:calc(17 * var(--unit));line-height:1.75;color:var(--ink);background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(14 * var(--unit)) calc(16 * var(--unit));flex:1;min-height:calc(80 * var(--unit));overflow-y:auto;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.mail-detail-bottom{display:flex;flex-direction:column;gap:calc(10 * var(--unit));flex-shrink:0;margin-top:auto}.mail-detail-att{position:relative;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));box-sizing:border-box}.mail-detail-att-label{font-size:calc(15 * var(--unit));font-weight:900;color:#b45309;margin-bottom:calc(6 * var(--unit));letter-spacing:calc(1 * var(--unit))}.mail-detail-noatt{font-size:calc(16 * var(--unit));color:var(--ink-soft)}.mail-collected-seal{position:absolute;top:calc(-8 * var(--unit));left:calc(8 * var(--unit));transform:rotate(-12deg);font-size:calc(18 * var(--unit));font-weight:900;color:#b91c1c;border:calc(3 * var(--unit)) solid #b91c1c;border-radius:calc(6 * var(--unit));padding:calc(2 * var(--unit)) calc(10 * var(--unit));letter-spacing:calc(2 * var(--unit));background:rgba(255,253,250,.86);box-shadow:0 calc(2 * var(--unit)) calc(6 * var(--unit)) #2b20142e;z-index:2;pointer-events:none;line-height:1.2}.mail-detail-actions{display:flex;gap:calc(12 * var(--unit));width:100%}.mail-detail-actions .mail-btn{flex:1;min-width:0}.bounty-board-overlay{position:fixed;inset:0;z-index:88000;display:none;align-items:center;justify-content:center;background:var(--mask-warm);user-select:none;animation:bountyFadeIn .22s ease-out forwards}@keyframes bountyFadeIn{0%{opacity:0}to{opacity:1}}.bounty-board-card{position:relative;width:calc(1240 * var(--unit));max-height:calc(740 * var(--unit));padding:0;box-sizing:border-box;display:flex;flex-direction:column;animation:bountyPopIn .3s cubic-bezier(.175,.885,.32,1.2) forwards;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;--panel-inset: 38;--close-top: 26;--close-right: 46}@keyframes bountyPopIn{0%{transform:scale(.9) translateY(calc(16 * var(--unit)));opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bounty-board-card .btn-modal-close{position:absolute;top:calc((var(--close-top) - var(--panel-inset)) * var(--unit));right:calc((var(--close-right) - var(--panel-inset)) * var(--unit));color:var(--ink-soft);font-family:ZCOOL KuaiLe,sans-serif;font-weight:900;font-size:calc(22 * var(--unit));line-height:1;width:calc(32 * var(--unit));height:calc(32 * var(--unit));display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:calc(6 * var(--unit));transition:all .15s;z-index:10}.bounty-board-card .btn-modal-close:hover{color:#c0392b;background:rgba(43,32,20,.08)}.bounty-board-header{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--unit));margin-bottom:calc(10 * var(--unit));padding:0 calc(66 * var(--unit)) 0 calc(4 * var(--unit));min-height:calc(32 * var(--unit))}.bounty-board-title{display:flex;align-items:center;gap:calc(8 * var(--unit));font-size:calc(26 * var(--unit));font-weight:900;letter-spacing:calc(2 * var(--unit));color:var(--ink);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.bounty-title-icon{width:calc(30 * var(--unit));height:calc(30 * var(--unit));flex-shrink:0;display:flex;align-items:center;justify-content:center}.bounty-title-icon svg{width:100%;height:100%;display:block}.bounty-header-info{font-size:calc(15 * var(--unit));color:var(--ink-soft);display:flex;align-items:center;gap:calc(2 * var(--unit));white-space:nowrap}.bounty-header-info b{color:#166534;font-weight:900;margin:0 calc(2 * var(--unit))}.bounty-diamond-tag{color:#0369a1;font-weight:700}.bounty-list{display:flex;flex-direction:row;gap:calc(16 * var(--unit));width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:calc(10 * var(--unit)) calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim);border:calc(2 * var(--unit)) solid var(--paper-line);border-radius:calc(14 * var(--unit));touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--paper-accent) var(--paper-dim)}.bounty-list::-webkit-scrollbar{height:calc(6 * var(--unit))}.bounty-list::-webkit-scrollbar-track{background:rgba(43,32,20,.12);border-radius:calc(3 * var(--unit))}.bounty-list::-webkit-scrollbar-thumb{background:var(--paper-accent);border-radius:calc(3 * var(--unit))}.bounty-card{position:relative;width:calc(240 * var(--unit));min-width:calc(240 * var(--unit));height:calc(412 * var(--unit));flex-shrink:0;box-sizing:border-box;border-radius:calc(10 * var(--unit));background:var(--paper-hi);border:calc(2 * var(--unit)) solid var(--ink);box-shadow:0 calc(6 * var(--unit)) calc(14 * var(--unit)) #2b201438;display:flex;flex-direction:column;align-items:center;padding:calc(14 * var(--unit)) calc(10 * var(--unit)) calc(12 * var(--unit));color:var(--ink);touch-action:pan-x}.bounty-card:before{content:"";position:absolute;top:calc(-8 * var(--unit));left:50%;transform:translate(-50%);width:calc(16 * var(--unit));height:calc(16 * var(--unit));border-radius:50%;background:#c0392b;border:calc(2 * var(--unit)) solid var(--ink);box-shadow:0 calc(2 * var(--unit)) calc(5 * var(--unit)) #2b201473;z-index:6}.bounty-refresh{position:absolute;top:calc(6 * var(--unit));right:calc(6 * var(--unit));width:calc(32 * var(--unit));height:calc(32 * var(--unit));padding:0;border-radius:50%;border:calc(2 * var(--unit)) solid var(--paper-accent);background:var(--paper-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s,border-color .18s,background .18s;z-index:5}.bounty-refresh svg{width:calc(17 * var(--unit));height:calc(17 * var(--unit));display:block}.bounty-refresh:hover{transform:rotate(180deg) scale(1.08);background:var(--paper-hi);border-color:var(--paper-gold)}.bounty-bonus-row{display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--unit));height:calc(30 * var(--unit));margin-bottom:calc(6 * var(--unit));flex-shrink:0}.bounty-bonus-icon{width:calc(30 * var(--unit));height:calc(30 * var(--unit));display:flex;align-items:center;justify-content:center;background:var(--paper-dim);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(6 * var(--unit))}.bounty-bonus-plus{font-size:calc(14 * var(--unit));font-weight:900;color:var(--paper-gold)}.bounty-card-title{font-size:calc(23 * var(--unit));font-weight:900;color:var(--ink);text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75);line-height:1.45;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:calc(2 * var(--unit));flex-shrink:0}.bounty-card-stars{font-size:calc(19 * var(--unit));height:calc(24 * var(--unit));line-height:calc(24 * var(--unit));color:var(--paper-gold);letter-spacing:calc(1 * var(--unit));margin-bottom:calc(4 * var(--unit));text-align:center;flex-shrink:0}.bounty-star-dim{color:var(--paper-line);text-shadow:none}.bounty-chance{min-height:calc(22 * var(--unit));line-height:calc(22 * var(--unit));font-size:calc(15 * var(--unit));color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:calc(1 * var(--unit));column-gap:calc(3 * var(--unit));margin-bottom:calc(4 * var(--unit));flex-shrink:0;max-width:100%;padding:0 calc(4 * var(--unit));box-sizing:border-box}.bounty-chance-label{white-space:nowrap;font-size:calc(13 * var(--unit));color:var(--ink-soft)}.bounty-chance-val{display:inline-flex;align-items:center;gap:calc(3 * var(--unit));white-space:nowrap;min-width:0}.bounty-chance b{color:var(--paper-gold);font-size:calc(18 * var(--unit))}.bounty-chance-pct{font-size:calc(13 * var(--unit));font-weight:700;color:var(--ink-soft)}.bounty-gem-line{height:calc(22 * var(--unit));line-height:calc(22 * var(--unit));font-size:calc(15 * var(--unit));color:var(--ink);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit));margin-bottom:calc(8 * var(--unit));flex-shrink:0}.bounty-gem-guaranteed{font-size:calc(12 * var(--unit));font-weight:900;color:#0369a1;background:var(--paper-dim);border:calc(1 * var(--unit)) solid #0369a1;border-radius:calc(4 * var(--unit));padding:calc(1 * var(--unit)) calc(5 * var(--unit));margin-left:calc(2 * var(--unit))}.bounty-hero-slots{display:flex;justify-content:center;align-items:center;gap:calc(8 * var(--unit));height:calc(66 * var(--unit));margin:0 0 calc(8 * var(--unit));max-width:100%;flex-shrink:0}.bounty-hero-slot{width:calc(66 * var(--unit));height:calc(66 * var(--unit));border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) dashed var(--paper-accent);background:var(--paper-dim);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.bounty-slot-req{position:absolute;top:calc(3 * var(--unit));right:calc(3 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.bounty-slot-req img{width:calc(22 * var(--unit));height:calc(22 * var(--unit));object-fit:contain}.bounty-hero-slot>span{font-size:calc(26 * var(--unit));color:var(--paper-accent);opacity:.65;font-weight:900}.bounty-hero-slot.pickable{cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.bounty-hero-slot.pickable:hover{transform:scale(1.06);border-color:var(--paper-gold);background:var(--paper-hi)}.bounty-hero-slot.filled{border-style:solid;border-color:var(--ink);background:var(--paper-hi)}.bounty-hero-slot.filled img{width:100%;height:100%;object-fit:cover}.bounty-gold-line{margin-top:auto;font-size:calc(20 * var(--unit));font-weight:900;color:var(--paper-gold);height:calc(28 * var(--unit));line-height:calc(28 * var(--unit));display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--unit));margin-bottom:calc(6 * var(--unit));flex-shrink:0}.bounty-progress-wrap{display:flex;align-items:center;gap:calc(4 * var(--unit));width:calc(192 * var(--unit));height:calc(16 * var(--unit));margin-bottom:calc(8 * var(--unit));flex-shrink:0}.bounty-progress-bar{flex:1;height:calc(14 * var(--unit));border-radius:calc(7 * var(--unit));background:var(--paper-dim);border:calc(1 * var(--unit)) solid var(--ink-soft);overflow:hidden}.bounty-progress-fill{height:100%;border-radius:calc(7 * var(--unit));background:#166534;transition:width .6s linear}.bounty-progress-fill.done{background:var(--paper-accent)}.bounty-progress-icon{width:calc(17 * var(--unit));height:calc(17 * var(--unit));flex-shrink:0;color:var(--ink-soft);line-height:1;display:flex;align-items:center;justify-content:center}.bounty-progress-icon svg{width:100%;height:100%;display:block}.bounty-btn{width:calc(180 * var(--unit));white-space:nowrap;overflow:visible;flex-shrink:0;margin-top:0}@keyframes bountyCollectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.bounty-btn-collect{animation:bountyCollectPulse 1.1s ease-in-out infinite}.bounty-card-empty{width:calc(240 * var(--unit));min-width:calc(240 * var(--unit));height:calc(412 * var(--unit));flex-shrink:0;box-sizing:border-box;background:transparent;border:calc(2 * var(--unit)) dashed var(--paper-line);box-shadow:none;justify-content:center}.bounty-card-empty:before{content:none}.bounty-empty-inner{margin:auto;text-align:center;color:var(--ink-soft)}.bounty-empty-icon{width:calc(38 * var(--unit));height:calc(38 * var(--unit));margin:0 auto;display:flex;align-items:center;justify-content:center;opacity:.7}.bounty-empty-icon svg{width:100%;height:100%;display:block}.bounty-empty-text{font-size:calc(20 * var(--unit));font-weight:900;margin-top:calc(8 * var(--unit));color:var(--ink-soft)}.bounty-empty-sub{font-size:calc(13 * var(--unit));margin-top:calc(4 * var(--unit));color:var(--ink-soft);opacity:.8}.bounty-board-footer{margin-top:calc(12 * var(--unit));text-align:center;font-size:calc(16 * var(--unit));color:var(--ink-soft);letter-spacing:calc(1 * var(--unit));line-height:calc(22 * var(--unit))}.bhp-overlay{position:fixed;inset:0;z-index:88500;display:none;align-items:center;justify-content:center;background:rgba(12,8,4,.72);user-select:none;animation:bountyFadeIn .2s ease-out forwards}.bhp-card{position:relative;width:calc(760 * var(--unit));max-height:calc(560 * var(--unit));padding:calc(2 * var(--unit)) calc(8 * var(--unit)) calc(8 * var(--unit));box-sizing:border-box;display:flex;flex-direction:column;font-family:ZCOOL KuaiLe,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;flex-shrink:0;animation:bountyPopIn .25s cubic-bezier(.175,.885,.32,1.2) forwards}.bhp-title{text-align:center;font-size:calc(22 * var(--unit));font-weight:900;color:var(--ink);letter-spacing:calc(2 * var(--unit));margin-bottom:calc(8 * var(--unit));text-shadow:0 calc(1 * var(--unit)) 0 rgba(255,255,255,.75)}.bhp-grid{flex:1;min-height:0;align-content:start;grid-auto-rows:min-content;display:grid;grid-template-columns:repeat(5,1fr);gap:calc(12 * var(--unit));overflow-y:auto;padding:calc(2 * var(--unit))}.bhp-item{position:relative;border-radius:calc(10 * var(--unit));border:calc(2 * var(--unit)) solid var(--paper-line);background:var(--paper-dim);padding:calc(6 * var(--unit)) calc(4 * var(--unit));display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.bhp-item:hover{transform:translateY(calc(-3 * var(--unit)));border-color:var(--paper-accent);background:var(--paper-hi)}.bhp-item.selected{border-color:#166534;background:#eef7ee;box-shadow:0 0 calc(10 * var(--unit)) #16653452,inset 0 0 0 calc(1 * var(--unit)) #166534}.bhp-item.selected .bhp-avatar{border-color:#166534}.bhp-item.disabled{opacity:.5;cursor:not-allowed}.bhp-item.disabled:hover{transform:none;border-color:var(--paper-line);background:var(--paper-dim)}.bhp-avatar{width:calc(64 * var(--unit));height:calc(64 * var(--unit));border-radius:50%;overflow:hidden;border:calc(2 * var(--unit)) solid var(--ink);background:var(--paper-hi);transition:border-color .15s}.bhp-avatar img{width:100%;height:100%;object-fit:cover}.bhp-name{margin-top:calc(6 * var(--unit));font-size:calc(15 * var(--unit));font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bhp-lv{font-size:calc(13 * var(--unit));color:var(--ink-soft)}.bhp-check{position:absolute;top:calc(-4 * var(--unit));left:calc(-4 * var(--unit));width:calc(22 * var(--unit));height:calc(22 * var(--unit));border-radius:50%;background:#166534;border:calc(2 * var(--unit)) solid var(--paper-hi);display:flex;align-items:center;justify-content:center;font-size:calc(14 * var(--unit));font-weight:900;line-height:1;color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s;z-index:4}.bhp-item.selected .bhp-check{opacity:1;transform:scale(1)}.bhp-elem{position:absolute;top:calc(4 * var(--unit));right:calc(5 * var(--unit));width:calc(20 * var(--unit));height:calc(20 * var(--unit));z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.bhp-elem img{width:calc(20 * var(--unit));height:calc(20 * var(--unit));object-fit:contain}.bhp-mask{position:absolute;top:calc(4 * var(--unit));left:50%;transform:translate(-50%);padding:calc(1 * var(--unit)) calc(8 * var(--unit));font-size:calc(13 * var(--unit));font-weight:900;color:#b91c1c;background:var(--paper-hi);border:calc(1.5 * var(--unit)) solid #b91c1c;border-radius:calc(10 * var(--unit));white-space:nowrap;z-index:5;pointer-events:none}.bhp-empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);font-size:calc(16 * var(--unit));padding:calc(40 * var(--unit)) 0}.bhp-actions{display:flex;justify-content:center;align-items:center;gap:calc(16 * var(--unit));margin-top:calc(14 * var(--unit))}.bhp-tip{margin-top:calc(12 * var(--unit));padding-top:calc(10 * var(--unit));border-top:calc(1.5 * var(--unit)) dashed var(--paper-line);text-align:center;font-size:calc(17 * var(--unit));line-height:calc(24 * var(--unit));color:var(--ink-soft)}.bhp-tip b{font-weight:900;color:var(--paper-gold)}.bhp-tip-elem{width:calc(18 * var(--unit));height:calc(18 * var(--unit));object-fit:contain;vertical-align:calc(-3 * var(--unit));margin:0 calc(2 * var(--unit))}.bhp-bonus-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(16 * var(--unit));margin-top:calc(12 * var(--unit));padding:calc(8 * var(--unit)) calc(12 * var(--unit));background:var(--paper-dim, #efe7d8);border:calc(1.5 * var(--unit)) solid var(--paper-line);border-radius:calc(10 * var(--unit))}.bhp-bonus-readout{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--unit));min-width:0}.bhp-bonus-total{font-size:calc(20 * var(--unit));font-weight:900;line-height:1.2;color:var(--paper-gold)}.bhp-bonus-total b{font-weight:900}.bhp-bonus-parts{font-size:calc(13 * var(--unit));line-height:1.35;color:var(--ink-soft)}.bhp-bonus-cap{color:#a32d2d;font-weight:900}.bhp-ad-btn{flex-shrink:0}.bhp-ad-btn.is-disabled{filter:grayscale(.6);opacity:.75;cursor:default}.bounty-chance-ad{position:absolute;top:calc(7 * var(--unit));left:calc(7 * var(--unit));z-index:5;padding:0 calc(5 * var(--unit));border-radius:calc(5 * var(--unit));background:rgba(217,119,6,.14);border:calc(1 * var(--unit)) solid var(--paper-accent, #d97706);color:var(--paper-gold);font-size:calc(12 * var(--unit));font-weight:900;line-height:calc(17 * var(--unit));white-space:nowrap}.bhp-bonus-hint{font-size:calc(12 * var(--unit));line-height:1.35;color:var(--ink-soft);opacity:.85}.ult-fx{position:fixed;inset:0;z-index:999990;pointer-events:none;overflow:hidden;will-change:transform;--ult-c1: #fff7d6;--ult-c2: #ffb347;--ult-c3: #ff5e3a;--ult-glow: rgba(255, 90, 40, .8);--ult-veil-a: rgba(20, 4, 2, .55);--ult-veil-b: rgba(8, 1, 0, .9);--ult-charge: rgba(255, 180, 80, .55)}.ult-fx__cv{position:absolute;inset:0;z-index:1}.ult-fx__veil{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .45s ease;background:radial-gradient(120% 100% at 50% 40%,transparent 35%,var(--ult-veil-a) 75%,var(--ult-veil-b) 100%)}.ult-fx--veil-on .ult-fx__veil{opacity:1}.ult-fx__charge{position:absolute;left:50%;top:0;transform:translate(-50%);width:520px;height:300px;z-index:3;opacity:0;background:radial-gradient(50% 80% at 50% 0%,var(--ult-charge),transparent 70%);mix-blend-mode:screen}.ult-fx--on .ult-fx__charge{opacity:1;animation:ultChargePulse 1s ease-in-out infinite}@keyframes ultChargePulse{0%,to{opacity:.55}50%{opacity:1}}.ult-fx__banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) scale(.4);z-index:4;opacity:0;font-weight:900;font-size:calc(84 * var(--unit));letter-spacing:calc(10 * var(--unit));white-space:nowrap;text-align:center;background:linear-gradient(180deg,var(--ult-c1),var(--ult-c2) 45%,var(--ult-c3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 calc(6 * var(--unit)) calc(24 * var(--unit)) var(--ult-glow))}.ult-fx__banner small{display:block;text-align:center;font-size:calc(22 * var(--unit));letter-spacing:calc(6 * var(--unit));color:var(--ult-c2);-webkit-text-fill-color:var(--ult-c2);margin-top:calc(6 * var(--unit));font-weight:700;text-shadow:0 0 calc(16 * var(--unit)) var(--ult-glow)}.ult-fx__banner--show{animation:ultBannerIn 2.6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes ultBannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-4deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(0)}26%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}#gameStage.ult-shake{animation:ultStageShake .55s cubic-bezier(.36,.07,.19,.97)}@keyframes ultStageShake{0%{transform:translate(0)}15%{transform:translate(-7px,3px)}30%{transform:translate(8px,-4px)}45%{transform:translate(-6px,2px)}60%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}