:root{--ek-title:"Trebuchet MS", "Segoe UI", Tahoma, Arial, sans-serif;--ek-label:Georgia, "Times New Roman", serif;--ek-band:40px;color:#eee8dc;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#0a1017;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#0a1017 url(../../../ui/background_07.png) 50%/cover fixed;min-width:320px;min-height:100vh;margin:0}:where(button,input,select){font:inherit}button{touch-action:manipulation}h1,h2,h3{font-family:var(--ek-title);color:#ececef;letter-spacing:.2px;text-shadow:0 0 2px #000,1px 2px 2px #000;font-weight:400;line-height:1.2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #f2d393}.panel{border:12px solid #0000;border-top-width:var(--ek-band);border-image:url(../../../ui/ui_common/dialog_1.png) 64 60 40 60 fill / var(--ek-band) 38px 25px 38px stretch;background:0 0;border-radius:0;position:relative;box-shadow:0 4px 14px #0009}.panel-title{top:calc(-1 * var(--ek-band));height:calc(var(--ek-band) - 4px);font:20px/1 var(--ek-title);color:#ececef;white-space:nowrap;text-overflow:ellipsis;z-index:1;justify-content:center;align-items:center;gap:10px;margin:0;padding:0 34px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.panel-title small{font:bold 12px var(--ek-label);color:#e2bf68}:where(a){color:#e2bf68}.report-link{font:bold 14px var(--ek-label);color:#e2bf68}.panel-body{flex:1;min-height:0;overflow:auto}.panel>.modal-close{top:calc(5px - var(--ek-band));z-index:2}.title-bar{background:0 0;border:12px solid #0000;border-image:url(../../../ui/ui_common/shopdakuang.png) 22 34 fill/12px 18px}.eyebrow,.label{font:bold 13px var(--ek-label);letter-spacing:0;text-transform:none;color:#e2bf68;text-shadow:0 0 2px #000,1px 1px 1px #000}.button{white-space:nowrap;min-height:38px;box-shadow:none;color:#fff;letter-spacing:.2px;text-shadow:0 0 2px #000,1px 1px 2px #000;cursor:pointer;background:0 0;border:8px solid #0000;border-width:8px 10px;border-image:url(../../../ui/ui_common/button_rect_cyan.png) 14 18 fill/8px 10px;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:2px 12px;font:700 13px Arial,Helvetica,sans-serif;transition:filter .15s;display:inline-flex}.button.primary,.button[aria-pressed=true],.button.selected{border-image-source:url(../../../ui/ui_common/button_rect_red.png);border-image-slice:20 30 fill}.button.small{border-width:6px 8px;border-image-width:6px 8px;min-height:28px;padding:0 6px;font-size:11px}.button:hover:not(:disabled){filter:brightness(1.22)}.button:active:not(:disabled){filter:brightness(.9)}.button:disabled{filter:grayscale(.85)brightness(.55);cursor:default}.arrow-button{cursor:pointer;color:#0000;filter:drop-shadow(0 2px 2px #000a);background:url(../../../ui/ui_common/icon_arrow_horiz.png) 50%/contain no-repeat;border:0;flex-shrink:0;width:34px;height:34px;min-height:0;padding:0;font-size:0;transition:filter .15s}.arrow-button.prev{transform:scaleX(-1)}.arrow-button:hover:not(:disabled){filter:brightness(1.2)drop-shadow(0 2px 2px #000a)}.arrow-button:disabled{filter:grayscale()brightness(.5);cursor:default}:where(select,input:not([type=checkbox],[type=radio],[type=range]),textarea){color:#f1e4c6;text-shadow:1px 1px 1px #000;background:#0d141b;border:7px solid #0000;border-image:url(../../../ui/ui_common/dialog_4.png) 12 14/7px 8px;border-radius:0;min-height:34px;padding:2px 6px;font:13px Arial,Helvetica,sans-serif}:where(select){appearance:none;cursor:pointer;background:#0d141b url(../../../ui/ui_common/button_round_down.png) right 0 center/20px 20px no-repeat;padding-right:26px}select option{color:#f1e4c6;text-shadow:none;background:#121a22}input[type=checkbox]{accent-color:#a8262a;width:16px;height:16px}input::placeholder{color:#a3a3a4}.muted{color:#aaa9a8;font-size:11px;line-height:1.6}.form-message{color:#d8cfac;min-height:16px;margin:10px 0 0;font-size:11px;line-height:1.6}.error{color:#efb4a0}.modal-backdrop{z-index:50;background:#02060ad9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-close{color:#0000;cursor:pointer;background:url(../../../ui/ui_common/webviewclose.png) 50%/contain no-repeat;border:0;width:29px;height:29px;font-size:24px;position:absolute;top:5px;right:7px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4d5360;border:1px solid #817767;border-radius:0}::-webkit-scrollbar-track{background:#121821}::selection{color:#fff2c6;background:#876235}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}:where(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text}:root .app-shell .profile{border:0;padding-left:0}:root .app-shell .profile>span{color:#0000;background:url(../../../ui/ui_map/icon_crown.png) 50%/contain no-repeat;width:32px;height:28px}:root .app-shell main{padding-top:25px}:root .app-shell .campaign-heading{min-height:76px;margin-bottom:18px;padding:6px 16px}:root .app-shell .campaign-heading h1{margin:4px 0;font-size:26px}:root .app-shell .campaign-heading p,:root .app-shell .campaign-footer{display:none}:root .app-shell .campaign-progress small{color:#c5bbac}:root .app-shell .encounter-scene{background:#111921 url(../../../ui/world-map.png) 50% 43%/cover no-repeat;min-height:300px}:root .app-shell .scene-art,:root .app-shell .scene-ornament{display:none}:root .app-shell .scene-vignette{background:linear-gradient(90deg,#030811d9,#04081360 65%,#04070e60)}:root .app-shell .scene-copy{text-shadow:2px 2px 3px #000;padding:60px 30px 40px}:root .app-shell .scene-copy>p{color:#e3d4c0}:root .app-shell .scene-copy small,:root .app-shell .scene-rule{display:none}:root .app-shell .chapter-number{color:#e7d4b4;letter-spacing:2px}:root .app-shell .encounter-details{padding:18px 24px}:root .app-shell .difficulties{border-bottom:1px solid #5f5d5870;justify-content:space-around;gap:10px;margin:13px 0 17px;padding-bottom:15px;display:flex}:root .app-shell .difficulties>div{text-align:center;position:relative}:root .app-shell .difficulties small{color:#d8c899;margin-top:4px;font-size:9px;display:block}:root .app-shell .encounter-objective{border-color:#6c67604d;margin-bottom:15px;padding:13px 0}:root .app-shell .encounter-objective>span{color:#0000;background:url(../../../ui/ui_map/icon_monster_2.png) 50%/contain no-repeat;width:33px;height:36px}:root .app-shell .encounter-objective p{font:17px var(--ek-title);color:#ececef}:root .app-shell .encounter-bottom{align-items:center}:root .app-shell .reward-preview span{color:#eee2c9;align-items:center;gap:5px;display:inline-flex}:root .app-shell .reward-preview img{object-fit:contain;width:24px;height:24px}:root .app-shell .reward-preview .exp-icon{width:34px;height:16px}:root .app-shell .hero-portrait{box-shadow:none;background:url(../../../ui/ui_common/frame_avatar.png) 50%/100% 100% no-repeat;border:0;border-radius:0;outline:0;width:92px;height:94px;padding:9px;font-size:0;position:relative}:root .app-shell .hero-portrait img{object-fit:cover;width:100%;height:100%}:root .app-shell .hero-panel{padding:14px 13px 18px}:root .app-shell .hero-properties{border-color:#7c706058}:root .app-shell .current-deck{padding:12px 17px 17px}:root .app-shell .mini-deck{height:147px}:root .app-shell .mini-deck>div{width:78px;margin:0 -8px;transform:none}:root .app-shell .deck-summary{color:#b3b1ab;margin-top:15px}:root .app-shell .battle-tip{display:none}:root .app-shell .deck-header{margin-bottom:15px;padding:6px 16px}:root .app-shell .deck-header h1{margin:4px 0;font-size:28px}:root .app-shell .deck-header p,:root .app-shell .collection-count{display:none}:root .app-shell .inspector{top:108px}:root .app-shell .deck-slot.empty{background:url(../../../ui/cardGroup/kapaikong.png) 50%/100% 100% no-repeat;border:0;border-radius:0;min-height:170px}:root .app-shell .deck-slot.empty>span{display:none}:root .app-shell .deck-slot.empty small{color:#726f69}:root .app-shell .deck-slot .slot-controls button{color:#0000;background:url(../../../ui/ui_common/webviewclose.png) 50%/contain no-repeat;border:0;width:24px}:root .app-shell .detail-stats{border-color:#73665855}:root .app-shell .ability h3,:root .app-shell .modal-ability h3{color:#e4ca90;background:url(../../../ui/cardGroup/skillbackgroud.png) 0/100% 100% no-repeat;padding:6px 8px}:root .app-shell .ability p,:root .app-shell .modal-ability p{color:#bebbb6}:root .app-shell .locked-ability{color:#9e9994;border-color:#6d665650}:root .app-shell .catalogue-meta,:root .app-shell .pagination{color:#b1ada7}:root .app-shell .collection-grid{gap:15px 11px}:root .app-shell .battle-heading{border:12px solid #0000;border-image:url(../../../ui/ui_common/shopdakuang.png) 22 34 fill/12px 18px;margin-bottom:12px;padding:0 6px}:root .app-shell .battle-heading h1{font-size:25px}:root .app-shell .objective,:root .app-shell .battle-log,:root .app-shell .mechanics-note{background:#0d141b;border:7px solid #0000;border-image:url(../../../ui/ui_common/dialog_4.png) 12 14 fill/7px 8px}:root .app-shell .ready-banner{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:12px solid #0000;border-image:url(../../../ui/ui_common/dialog_1.png) 64 60 40 fill/40px 38px 25px;border-radius:0;box-shadow:0 12px 30px #000c}:root .app-shell .ready-banner>span{display:none}:root .app-shell .ready-banner h2{font-size:25px}:root .app-shell .ready-banner p{color:#c7c2b8}:root .app-shell .result-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050913cf}:root .app-shell .card-modal,:root .app-shell .grave-modal{background:0 0;border:12px solid #0000;border-image:url(../../../ui/ui_common/dialog_1.png) 64 60 40 fill/40px 38px 25px}:root .app-shell .progress-stars{gap:5px;display:flex}:root .app-shell .encounter-foes>div{transform:none}:root .app-shell .scene-copy>small{display:none}:root .app-shell .collection-layout{grid-template-columns:265px minmax(0,1fr);align-items:start}:root .app-shell .collection{grid-area:1/2}:root .app-shell .inspector{grid-area:1/1}:root .app-shell .inspector-close{display:none}:root .app-shell .detail-art{width:155px}
