.web-settings-panel{display:flex;flex-direction:column;gap:calc(24px * var(--scale));background:#fff;border:calc(2px * var(--scale)) solid #000;border-radius:calc(24px * var(--scale));width:calc(592px * var(--scale));color:#000}.web-settings-panel .header{display:flex;align-items:center;font-size:calc(32px * var(--scale));font-weight:600;gap:calc(8px * var(--scale));padding:calc(32px * var(--scale)) calc(32px * var(--scale));border-bottom:calc(2px * var(--scale)) solid #000}.web-settings-panel .header img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.web-settings-panel .settings-content{padding:calc(16px * var(--scale)) calc(32px * var(--scale));display:flex;flex-direction:column;align-items:center;gap:calc(16px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--stroke-secondary)}.web-settings-panel .settings-content .row{width:100%;height:calc(88px * var(--scale));display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--scale))}.web-settings-panel .settings-content .label{font-size:calc(24px * var(--scale))}.web-settings-panel .settings-actions{padding:0 calc(32px * var(--scale)) calc(32px * var(--scale));display:flex;flex-direction:column;align-items:center;gap:calc(16px * var(--scale))}.web-settings-panel .settings-actions .external-links{width:100%;display:flex;justify-content:center;gap:calc(16px * var(--scale));flex-wrap:wrap}.upgrade-tab-button{width:calc(88px * var(--scale));height:calc(88px * var(--scale));display:flex;align-items:center;justify-content:center;gap:0;padding:0;border-radius:calc(24px * var(--scale));border:calc(2px * var(--scale)) solid var(--color-alpha-20, #17171733);color:var(--txt-light-primary);font-size:calc(28px * var(--scale));font-weight:600;cursor:pointer;box-shadow:calc(4px * var(--scale)) calc(4px * var(--scale)) calc(4px * var(--scale)) 0 #fff6 inset,calc(-4px * var(--scale)) calc(-4px * var(--scale)) calc(4px * var(--scale)) 0 #00000040 inset;transition:width .12s ease}.upgrade-tab-button.active{width:calc(464px * var(--scale));justify-content:flex-start;gap:calc(16px * var(--scale));padding:0 calc(24px * var(--scale))}.upgrade-tab-button img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.upgrade-tab-button .label{line-height:1}.upgrade-tab-button:disabled{opacity:.5;cursor:not-allowed}.passive-upgrade-list{flex:1;overflow-y:auto;touch-action:pan-y;display:flex;flex-direction:column;padding-bottom:calc((var(--bottom-h) + 160px) * var(--scale));gap:calc(20px * var(--scale));scrollbar-width:none}.passive-upgrade-item{display:flex;flex-direction:column;border:calc(2px * var(--scale)) solid var(--stroke-storke-secondary, #E5E5E5);border-radius:calc(16px * var(--scale))}.passive-upgrade-item .box-top{display:flex;gap:calc(24px * var(--scale));padding:calc(24px * var(--scale))}.passive-upgrade-item .box-top .icon-box{width:calc(128px * var(--scale));height:calc(128px * var(--scale));border-radius:calc(12px * var(--scale));display:flex;align-items:center;justify-content:center;background:var(--amber-100);border:calc(2px * var(--scale)) solid var(--stroke-stroke_point2, #eb9500);box-sizing:border-box}.passive-upgrade-item .box-top .icon-box img{width:calc(96px * var(--scale));height:calc(96px * var(--scale))}.passive-upgrade-item .box-top .info{flex:1;min-width:0;display:flex;font-size:calc(28px * var(--scale));flex-direction:column;color:var(--txt-light-primary)}.passive-upgrade-item .box-top .info .name,.passive-upgrade-item .box-top .info .level{font-weight:600}.passive-upgrade-item .box-top .info .desc{opacity:.8}.passive-upgrade-item .box-bottom{position:relative;display:flex;align-items:center;padding:calc(20px * var(--scale)) calc(8px * var(--scale));gap:calc(24px * var(--scale));color:var(--txt-light-primary);font-size:calc(28px * var(--scale));font-weight:600;background:var(--bg-secondary)}.passive-upgrade-item .box-bottom .step{position:absolute;top:calc(-8px * var(--scale));right:calc(8px * var(--scale));background:var(--bg-secondary);color:var(--txt-point3-primary);border-radius:calc(20px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-storke_quantanary, #404040);padding:0 calc(16px * var(--scale));gap:calc(20px * var(--scale));font-size:calc(24px * var(--scale));font-weight:600;box-sizing:border-box}.passive-upgrade-item .box-bottom .cost{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--scale));width:calc(468px * var(--scale));font-size:calc(28px * var(--scale));margin-right:calc(8px * var(--scale))}.passive-upgrade-item .box-bottom .cost img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.passive-upgrade-item .box-bottom .btn{display:flex;align-items:center;padding:calc(20px * var(--scale)) calc(24px * var(--scale));height:calc(72px * var(--scale));gap:calc(8px * var(--scale));font-size:calc(36px * var(--scale));font-weight:600}.special-upgrade-list{flex:1;overflow-y:auto;touch-action:pan-y;display:flex;flex-direction:column;padding-bottom:calc((var(--bottom-h) + 160px) * var(--scale));gap:calc(20px * var(--scale));scrollbar-width:none}.special-upgrade-item{position:relative;display:flex;flex-direction:column;border:calc(2px * var(--scale)) solid var(--stroke-storke-secondary, #E5E5E5);border-radius:calc(16px * var(--scale))}.special-upgrade-item .box-top{display:flex;gap:calc(24px * var(--scale));padding:calc(24px * var(--scale))}.special-upgrade-item .box-top .icon-box{width:calc(128px * var(--scale));height:calc(128px * var(--scale));border-radius:calc(12px * var(--scale));display:flex;align-items:center;justify-content:center;background:var(--rose-100);border:calc(2px * var(--scale)) solid var(--rose-300);box-sizing:border-box}.special-upgrade-item .box-top .icon-box img{width:calc(96px * var(--scale));height:calc(96px * var(--scale))}.special-upgrade-item .box-top .info{flex:1;min-width:0;display:flex;font-size:calc(28px * var(--scale));flex-direction:column;color:var(--txt-light-primary)}.special-upgrade-item .box-top .info .name{font-weight:600}.special-upgrade-item .box-top .info .trigger{font-weight:600;font-size:calc(28px * var(--scale));color:var(--txt-point1-tertiary)}.special-upgrade-item .box-top .info .desc{opacity:.8}.special-upgrade-item .box-bottom{position:relative;display:flex;align-items:center;border-bottom:calc(2px * var(--scale)) solid var(--natural-300);border-bottom-right-radius:calc(16px * var(--scale));border-bottom-left-radius:calc(16px * var(--scale));padding:calc(20px * var(--scale)) calc(8px * var(--scale));gap:calc(24px * var(--scale));color:var(--txt-light-primary);font-size:calc(28px * var(--scale));font-weight:600;background:var(--bg-secondary)}.special-upgrade-item .box-bottom .cost{display:flex;align-items:center;justify-content:center;width:calc(468px * var(--scale));gap:calc(8px * var(--scale))}.special-upgrade-item .box-bottom .cost-lines{display:flex;gap:calc(4px * var(--scale))}.special-upgrade-item .box-bottom .cost-line{display:flex;align-items:center;gap:calc(8px * var(--scale))}.special-upgrade-item .box-bottom .cost img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.special-upgrade-item .box-bottom .btn{display:flex;align-items:center;padding:calc(20px * var(--scale)) calc(24px * var(--scale));height:calc(72px * var(--scale));gap:calc(8px * var(--scale));font-size:calc(36px * var(--scale));font-weight:600}.special-upgrade-item .lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:var(--txt-light-primary);font-size:calc(28px * var(--scale));border-radius:calc(16px * var(--scale));font-weight:600;pointer-events:none}.ultimate-recipe-list{flex:1;display:flex;flex-direction:column;gap:calc(20px * var(--scale));overflow-y:auto;touch-action:pan-y;padding-bottom:calc((var(--bottom-h) + var(--safe-area-bottom) + 160px) * var(--scale));scrollbar-width:none}.ultimate-slot-card,.ultimate-recipe-item{display:flex;flex-direction:column;border:calc(2px * var(--scale)) solid var(--indigo-300);border-radius:calc(16px * var(--scale));background:var(--bg-primary)}.ultimate-slot-card .box-top,.ultimate-recipe-item .box-top{display:flex;gap:calc(24px * var(--scale));padding:calc(24px * var(--scale))}.ultimate-slot-card .icon-box,.ultimate-recipe-item .icon-box{width:calc(128px * var(--scale));height:calc(128px * var(--scale));border-radius:calc(12px * var(--scale));display:flex;align-items:center;justify-content:center;background:var(--indigo-100);border:calc(2px * var(--scale)) solid var(--indigo-400);box-sizing:border-box}.ultimate-slot-card .icon-box img,.ultimate-recipe-item .icon-box img{width:calc(96px * var(--scale));height:calc(96px * var(--scale))}.ultimate-slot-card .info,.ultimate-recipe-item .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(8px * var(--scale));color:var(--txt-light-primary);font-size:calc(28px * var(--scale))}.ultimate-slot-card .info .name,.ultimate-recipe-item .info .name{font-weight:600;font-size:calc(32px * var(--scale))}.ultimate-slot-card .info .count{font-size:calc(24px * var(--scale));color:var(--txt-point3-primary)}.ultimate-slot-card .box-bottom,.ultimate-recipe-item .box-bottom{position:relative;display:flex;align-items:center;padding:calc(20px * var(--scale)) calc(8px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--indigo-300);border-bottom-left-radius:calc(12px * var(--scale));border-bottom-right-radius:calc(12px * var(--scale));gap:calc(24px * var(--scale));color:var(--txt-light-primary);font-size:calc(28px * var(--scale));font-weight:600;background:var(--bg-secondary)}.ultimate-slot-card .box-bottom .cost,.ultimate-recipe-item .box-bottom .cost{display:flex;align-items:center;justify-content:center;width:calc(468px * var(--scale));gap:calc(8px * var(--scale))}.ultimate-slot-card .box-bottom .cost-lines,.ultimate-recipe-item .box-bottom .cost-lines{display:flex;gap:calc(4px * var(--scale))}.ultimate-slot-card .box-bottom .cost-free,.ultimate-recipe-item .box-bottom .cost-free{width:100%;text-align:center}.ultimate-slot-card .box-bottom .cost-line,.ultimate-recipe-item .box-bottom .cost-line{display:flex;align-items:center;gap:calc(8px * var(--scale))}.ultimate-slot-card .box-bottom .cost img,.ultimate-recipe-item .box-bottom .cost img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.ultimate-recipe-item .info .recipe-info{display:flex;align-items:center;justify-content:space-between;gap:calc(24px * var(--scale))}.ultimate-recipe-item .recipe-label{font-size:calc(24px * var(--scale));color:var(--txt-light-tertiary)}.ultimate-recipe-item .recipe-combo{flex:1;display:flex;align-items:center;gap:calc(8px * var(--scale))}.ultimate-recipe-item .combo-item{display:flex;align-items:center;gap:calc(12px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600}.ultimate-recipe-item .combo-item img{width:calc(72px * var(--scale));height:calc(72px * var(--scale));background:var(--bg-primary)}.ultimate-recipe-item .combo-plus{font-size:calc(48px * var(--scale));color:var(--indigo-500)}.ultimate-recipe-item .btn,.ultimate-slot-card .btn{display:flex;align-items:center;padding:calc(20px * var(--scale)) calc(24px * var(--scale));height:calc(72px * var(--scale));gap:calc(8px * var(--scale));font-size:calc(36px * var(--scale));font-weight:600}.upgrade-tab{display:flex;flex-direction:column;flex:1;min-height:0;padding:calc(20px * var(--scale));overflow-y:auto;-webkit-overflow-scrolling:touch}.upgrade-tab__menu{display:flex;justify-content:center;gap:calc(20px * var(--scale));padding:calc(20px * var(--scale)) 0}.upgrade-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--txt-dark-secondary);font-size:calc(48px * var(--scale));font-weight:600}.guide-tooltip{display:flex;align-items:flex-start;gap:calc(8px * var(--scale));position:relative;border-radius:calc(16px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));box-shadow:0 calc(8px * var(--scale)) calc(20px * var(--scale)) #00000026;color:var(--txt-light-primary);max-width:calc(240px * var(--scale));box-sizing:border-box;z-index:10}.guide-tooltip--type1{background:var(--amber-200)}.guide-tooltip--type2{background:var(--indigo-100)}.guide-tooltip__content{display:flex;flex-direction:column;gap:calc(2px * var(--scale))}.guide-tooltip__message{color:var(--txt-light-primary);word-break:keep-all;white-space:normal;max-width:calc(208px * var(--scale))}.guide-tooltip--type2 .guide-tooltip__message{max-width:calc(168px * var(--scale))}.guide-tooltip__close{display:flex;align-items:center;justify-content:center;width:calc(40px * var(--scale));height:calc(40px * var(--scale));background:transparent;border:none;cursor:pointer;padding:0;margin:calc(-8px * var(--scale));opacity:.8}.guide-tooltip__close:hover{opacity:1}.guide-tooltip__close-icon{width:calc(23px * var(--scale));height:calc(23px * var(--scale))}.guide-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;transform:translate(-50%);filter:drop-shadow(0 calc(2px * var(--scale)) calc(3px * var(--scale)) rgba(0,0,0,.2))}.guide-tooltip--placement-bottom .guide-tooltip__arrow{top:calc(-8px * var(--scale));border-width:0 calc(10px * var(--scale)) calc(8px * var(--scale)) calc(10px * var(--scale))}.guide-tooltip--placement-top .guide-tooltip__arrow{bottom:calc(-8px * var(--scale));border-width:calc(8px * var(--scale)) calc(10px * var(--scale)) 0 calc(10px * var(--scale))}.guide-tooltip--type1 .guide-tooltip__arrow{border-top-color:var(--amber-200)}.guide-tooltip--type1.guide-tooltip--placement-bottom .guide-tooltip__arrow{border-top-color:transparent;border-bottom-color:var(--amber-200)}.guide-tooltip--type2 .guide-tooltip__arrow{border-top-color:var(--indigo-100)}.guide-tooltip--type2.guide-tooltip--placement-bottom .guide-tooltip__arrow{border-top-color:transparent;border-bottom-color:var(--indigo-100)}.stage-select{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;gap:0;width:100%}.stage-select__mode-tabs{display:flex;justify-content:center;gap:0;position:relative;z-index:1}.stage-select__mode-tab{display:flex;align-items:center;gap:calc(8px * var(--scale));height:calc(80px * var(--scale));padding:calc(10px * var(--scale)) calc(24px * var(--scale));border:none;border-top-left-radius:calc(24px * var(--scale));border-top-right-radius:calc(24px * var(--scale));border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--bg-secondary);font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-primary);cursor:pointer;transition:all .2s ease}.stage-select__mode-tab .stage-select__mode-tab-icon,.stage-select__mode-tab span{opacity:.3}.stage-select__mode-tab--active{background:var(--bg-primary)}.stage-select__mode-tab--active .stage-select__mode-tab-icon,.stage-select__mode-tab--active span{opacity:1}.stage-select__mode-tab--locked{display:none}.stage-select__mode-tab-icon{width:calc(32px * var(--scale));height:calc(32px * var(--scale));-o-object-fit:contain;object-fit:contain}.stage-select__mode-tab-lock{font-size:calc(16px * var(--scale));margin-left:calc(4px * var(--scale))}.stage-select__slider{display:flex;align-items:center;gap:0}.stage-card{width:calc(552px * var(--scale));height:calc(522px * var(--scale));background:#fff;border-radius:calc(24px * var(--scale));box-shadow:0 calc(8px * var(--scale)) calc(24px * var(--scale)) 0 #00000024;padding:calc(20px * var(--scale)) calc(24px * var(--scale));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(20px * var(--scale));position:relative;z-index:0}.stage-card__title-desc{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--scale))}.stage-card__stage-num{color:var(--txt-point1-primary)}.stage-card__name{height:calc(90px * var(--scale));color:var(--txt-light-primary);text-align:center}.stage-card__difficulty-reward{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.stage-card__difficulties{display:flex;justify-content:center}.stage-card__reward-box{width:100%;border-width:calc(2px * var(--scale));border-style:solid;border-radius:calc(24px * var(--scale));padding:calc(32px * var(--scale)) calc(16px * var(--scale));box-shadow:2px 2px 2px #fff6 inset,-2px -2px 2px #00000040 inset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--scale))}.stage-select__diff-btn.btn{height:calc(80px * var(--scale));padding:calc(10px * var(--scale)) calc(12px * var(--scale));border-top-left-radius:calc(24px * var(--scale));border-top-right-radius:calc(24px * var(--scale));border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0;transition:width .2s ease}.stage-select__diff-btn--collapsed.btn{padding:calc(10px * var(--scale)) calc(4px * var(--scale))}.stage-card__rewards{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--scale))}.stage-card__reward{display:flex;align-items:center;gap:calc(8px * var(--scale))}.stage-card__reward img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.stage-card__reward span{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.stage-select__nav{position:relative;z-index:1}.stage-select__nav--left{margin-right:calc(-60px * var(--scale))}.stage-select__nav--right{margin-left:calc(-60px * var(--scale))}.stage-select__start{position:relative;display:flex;justify-content:center;align-items:flex-end;margin-top:calc(48px * var(--scale));padding-bottom:calc(32px * var(--scale))}.stage-select__character-wrap{position:relative;width:calc(80px * var(--scale));height:calc(100px * var(--scale));overflow:visible;pointer-events:auto;cursor:pointer;z-index:2;margin-left:calc(-24px * var(--scale));margin-bottom:calc(-8px * var(--scale));transition:transform .15s ease}.stage-select__character-wrap:hover{transform:scale(1.1)}.stage-select__character-wrap:active{transform:scale(.95)}.stage-select__character--clickable{pointer-events:none}.stage-select__character-status-wrapper{pointer-events:auto;display:flex;height:100%;min-height:100%;max-height:100vh;align-items:center;justify-content:center;overflow-y:auto}.stage-select__character{--frame: calc(128px * var(--scale));--start-frame: 0;--use-frames: 1;--total-frames: 1;width:var(--frame);height:var(--frame);background-repeat:no-repeat;background-position:calc(-1 * var(--frame) * var(--start-frame)) 0;background-size:calc(var(--frame) * var(--total-frames)) var(--frame);image-rendering:pixelated;position:relative;left:calc(-24px * var(--scale));top:calc(-14px * var(--scale));animation:stage-select-character .6s steps(var(--use-frames)) infinite}.stage-select__character--static{animation:none}@keyframes stage-select-character{0%{background-position:calc(-1 * var(--frame) * var(--start-frame)) 0}to{background-position:calc(-1 * var(--frame) * (var(--start-frame) + var(--use-frames))) 0}}.stage-select__start .btn{position:relative;z-index:1}.stage-card__speed-mode{display:flex;align-items:center;gap:calc(12px * var(--scale));cursor:pointer}.stage-card__speed-mode-checkbox{display:none}.stage-card__speed-mode-icon{width:calc(32px * var(--scale));height:calc(32px * var(--scale));flex-shrink:0}.stage-card__speed-mode-text{display:flex;flex-direction:column;gap:calc(2px * var(--scale))}.stage-card__speed-mode-label{color:var(--txt-light-primary)}.stage-card__speed-mode-desc{color:var(--txt-light-secondary)}.arena-card{width:calc(552px * var(--scale));height:calc(522px * var(--scale));background:var(--bg-primary);border-radius:calc(24px * var(--scale));box-shadow:0 calc(8px * var(--scale)) calc(24px * var(--scale)) 0 #00000024;padding:calc(20px * var(--scale)) calc(24px * var(--scale));box-sizing:border-box;display:flex;flex-direction:column;gap:calc(16px * var(--scale));overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.arena-card::-webkit-scrollbar{display:none}.arena-card__section{background:var(--bg-primary);border:calc(2px * var(--scale)) solid var(--stroke-point1);border-radius:calc(16px * var(--scale));padding:calc(16px * var(--scale))}.arena-card__section--record{display:flex;flex-direction:column;gap:calc(8px * var(--scale));box-shadow:calc(2px * var(--scale)) calc(2px * var(--scale)) calc(2px * var(--scale)) 0 #fff6 inset,calc(-2px * var(--scale)) calc(-2px * var(--scale)) calc(-2px * var(--scale)) 0 #00000040 inset}.arena-card__section-header{display:flex;align-items:center;gap:calc(8px * var(--scale))}.arena-card__section-title--green{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-point1-primary)}.arena-card__record-details{display:flex;flex-direction:row;gap:calc(16px * var(--scale))}.arena-card__record-row{display:flex;flex-direction:column;gap:calc(2px * var(--scale))}.arena-card__record-label{font-size:calc(16px * var(--scale));color:var(--txt-light-secondary)}.arena-card__record-value{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.arena-card__section--reward{border-color:var(--stroke-point1)}.arena-card__reward-content{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--scale))}.arena-card__reward-text{display:flex;flex-direction:column;gap:calc(4px * var(--scale))}.arena-card__reward-rank{font-size:calc(16px * var(--scale));color:var(--txt-light-secondary)}.arena-card__reward-items{display:flex;gap:calc(16px * var(--scale))}.arena-card__reward-item{display:flex;align-items:center;gap:calc(4px * var(--scale))}.arena-card__reward-item img{width:calc(24px * var(--scale));height:calc(24px * var(--scale))}.arena-card__reward-item span{font-size:calc(16px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.arena-card__tier-list{display:flex;flex-direction:column;gap:calc(8px * var(--scale));overflow-x:auto;padding:calc(4px * var(--scale)) 0;scrollbar-width:none;-ms-overflow-style:none}.arena-card__tier-list::-webkit-scrollbar{display:none}.arena-card__tier-item{display:flex;align-items:center;justify-content:center;width:100%;height:calc(104px * var(--scale));padding:calc(16px * var(--scale)) calc(20px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-secondary);border-radius:calc(6px * var(--scale));background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.arena-card__tier-item--selected{border-color:var(--stroke-tertiary);background:var(--bg-primary)}.arena-card__tier-item--locked{opacity:.5;cursor:not-allowed}.arena-card__tier-item--test-mode{border-color:var(--txt-point2-primary);box-shadow:0 0 calc(8px * var(--scale)) var(--txt-point2-primary)}.arena-card__tier-icon{flex-shrink:0;width:calc(120px * var(--scale));height:calc(40px * var(--scale));margin-right:calc(12px * var(--scale));-o-object-fit:contain;object-fit:contain}.arena-card__tier-name{width:calc(120px * var(--scale));color:var(--txt-light-primary);white-space:nowrap}.leaderboard-tab{display:flex;flex-direction:column;flex:1;min-height:0;padding:calc(20px * var(--scale)) calc(32px * var(--scale)) 0;color:var(--txt-light-primary);box-sizing:border-box;background:var(--bg-primary)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;font-size:calc(32px * var(--scale));font-weight:600;margin-bottom:calc(24px * var(--scale));box-sizing:border-box}.leaderboard-header-info{display:flex;flex-direction:column;gap:calc(4px * var(--scale));font-size:calc(48px * var(--scale));font-weight:600}.leaderboard-updated{font-size:calc(24px * var(--scale));font-weight:400}.leaderboard-menu{display:flex;justify-content:center;gap:calc(20px * var(--scale));padding:calc(12px * var(--scale)) 0 calc(20px * var(--scale));width:100%}.leaderboard-menu .tab-btn-wrapper{position:relative;flex:1;min-width:0}.leaderboard-season-info{display:flex;align-items:center;gap:calc(8px * var(--scale));margin-bottom:calc(16px * var(--scale));max-width:100%}.leaderboard-season-info__week{font-size:calc(24px * var(--scale));font-weight:600;color:var(--stroke-stroke_point1, #08ba25);white-space:nowrap}.leaderboard-season-info__time{font-size:calc(20px * var(--scale));font-weight:400;color:var(--txt-light-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-mode{display:flex;justify-content:center;gap:calc(24px * var(--scale));margin-bottom:calc(16px * var(--scale))}.leaderboard-table{flex:1;display:flex;flex-direction:column;position:relative;align-items:center;min-height:0;width:100%;max-width:100%}.leaderboard-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;display:flex;flex-direction:column;gap:calc(8px * var(--scale));padding-bottom:calc((var(--bottom-h) + 164px) * var(--scale));width:100%;align-items:center}.leaderboard-list::-webkit-scrollbar{display:none}.leaderboard-row{display:flex;width:100%;justify-content:space-between;align-items:center;padding:calc(16px * var(--scale)) calc(20px * var(--scale));font-size:calc(28px * var(--scale));border-radius:calc(24px * var(--scale));background:var(--bg-secondary);color:var(--txt-light-primary);box-sizing:border-box}.leaderboard-row.arena{display:flex;gap:calc(32px * var(--scale));padding:calc(16px * var(--scale)) calc(20px * var(--scale))}.leaderboard-row>:first-child,.leaderboard-self>:first-child{width:calc(96px * var(--scale));display:flex;align-items:center;justify-content:center}.leaderboard-row.arena>:first-child,.leaderboard-self.arena>:first-child{width:auto;justify-content:center}.leaderboard-self{position:fixed;left:50%;transform:translate(-50%);width:min(100%,calc(640px * var(--scale)));bottom:calc((var(--safe-area-bottom) + var(--bottom-h) + 24px) * var(--scale));z-index:5;display:flex;justify-content:space-between;align-items:center;min-height:calc(68px * var(--scale));padding:calc(16px * var(--scale)) calc(20px * var(--scale));font-size:calc(32px * var(--scale));color:var(--txt-point1-tertiary);font-weight:600;white-space:normal;border-radius:calc(24px * var(--scale));background:var(--bg-primary);border:calc(4px * var(--scale)) solid var(--stroke-stroke_point1, #08ba25)}.leaderboard-self .rank-number{font-size:calc(32px * var(--scale));color:var(--txt-point1-tertiary)}.leaderboard-self .rank-box{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary);background:var(--emerald-100)}.leaderboard-self .medal-box{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary)}.leaderboard-self.top3,.leaderboard-self.top3 .rank-number,.leaderboard-self.top3 .rank-box,.leaderboard-self.top3 .medal-box{color:var(--txt-light-primary)}.leaderboard-self.arena{display:flex;gap:calc(32px * var(--scale));align-items:center}.rank-badge{position:relative;width:calc(96px * var(--scale));height:calc(96px * var(--scale))}.rank-badge-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--scale));width:100%}.arena-rank-section{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.arena-rank-character{position:relative;z-index:1;width:calc(72px * var(--scale));height:calc(72px * var(--scale));margin-top:calc(-32px * var(--scale));display:flex;align-items:center;justify-content:center;overflow:hidden}.arena-rank-character .collection-tab__character-preview--icon{width:calc(72px * var(--scale));height:calc(72px * var(--scale))}.rank-medal{width:100%;height:100%;display:block}.rank-number{position:absolute;inset:0;top:calc(32px * var(--scale));display:flex;align-items:center;justify-content:center;font-size:calc(28px * var(--scale));font-weight:600;color:#000}.rank-box{display:flex;align-items:center;justify-content:center;width:calc(96px * var(--scale));height:calc(56px * var(--scale));padding:calc(4px * var(--scale));border:calc(2px * var(--scale)) solid;border-radius:calc(40px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600;gap:calc(4px * var(--scale));background:var(--natural-200)}.medal-box{display:flex;position:relative;align-items:center;justify-content:center;height:calc(42px * var(--scale));width:calc(92px * var(--scale));gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) calc(16px * var(--scale)) calc(8px * var(--scale)) calc(40px * var(--scale));background:var(--emerald-100);box-shadow:0 calc(-16px * var(--scale)) calc(8px * var(--scale)) 0 #08ba251a inset;border-radius:calc(40px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600;text-align:center}.medal-box img{position:absolute;left:-15%;top:15%;transform:translate(-50%,-50%);width:calc(48px * var(--scale));height:calc(48px * var(--scale));transform:rotate(-8deg)}.arena-info{display:flex;flex-direction:column;gap:calc(8px * var(--scale));flex:1;min-width:0}.arena-info__name{font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-info__stats{display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--scale))}.arena-stat{display:flex;flex-direction:column}.arena-stat__label{font-size:calc(16px * var(--scale));font-weight:400;color:var(--txt-light-secondary);line-height:1.5}.arena-stat__value{font-size:calc(20px * var(--scale));font-weight:400;color:var(--txt-light-primary);line-height:1.4}.arena-stat__rewards{display:flex;gap:calc(8px * var(--scale));align-items:center}.arena-stat__reward-item{display:flex;align-items:center;gap:calc(4px * var(--scale));font-size:calc(20px * var(--scale));font-weight:400;color:var(--txt-light-primary);line-height:1.4}.arena-stat__reward-item img{width:calc(24px * var(--scale));height:calc(24px * var(--scale))}.arena-stat__tier-value{display:flex;align-items:center;gap:calc(8px * var(--scale))}.arena-stat__tier-icon{width:calc(72px * var(--scale));height:calc(24px * var(--scale))}.leaderboard-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.simple-btn{--sbtn-scale-mult: 1;--sbtn-scale: calc(var(--scale) * var(--sbtn-scale-mult));height:calc(var(--sbtn-h, 96px) * var(--sbtn-scale));min-width:calc(var(--sbtn-minw, 180px) * var(--sbtn-scale));padding:0 calc(24px * var(--sbtn-scale));border-radius:calc(16px * var(--sbtn-scale));border:1px solid var(--color-alpha-20, #17171733);background:var(--sbtn-color, var(--natural-100));box-shadow:calc(2px * var(--sbtn-scale)) calc(2px * var(--sbtn-scale)) calc(2px * var(--sbtn-scale)) 0 #fff6 inset,calc(-2px * var(--sbtn-scale)) calc(-2px * var(--sbtn-scale)) calc(2px * var(--sbtn-scale)) 0 #00000040 inset;color:var(--txt-light-primary);font-size:calc(32px * var(--sbtn-scale));font-weight:600;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5;gap:calc(20px * var(--sbtn-scale))}.simple-btn[data-selected=true]{opacity:1}.simple-btn:disabled{opacity:.5;cursor:not-allowed}.simple-btn[data-size=small]{--sbtn-h: 72px;--sbtn-minw: 160px;font-size:calc(24px * var(--sbtn-scale))}.simple-btn img{width:calc(48px * var(--sbtn-scale));height:calc(48px * var(--sbtn-scale))}.season-referral{position:relative;display:flex;flex-direction:column;gap:calc(24px * var(--scale));margin:0 calc(20px * var(--scale));padding:calc(20px * var(--scale));border-radius:calc(24px * var(--scale));background-color:var(--natural-50);background-image:url(/assets/char-pattern.png);background-repeat:repeat;background-size:auto;overflow:hidden}.season-referral__header{display:flex;align-items:center;justify-content:space-between;gap:calc(24px * var(--scale))}.season-referral__texts{display:flex;flex-direction:column;flex:1}.season-referral__title{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.season-referral__subtitle{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.season-referral__header .btn{flex-shrink:0}.season-referral__summary{display:flex;gap:calc(16px * var(--scale));align-items:center}.season-referral__summary-label{font-size:calc(24px * var(--scale));color:var(--txt-light-primary);white-space:nowrap;flex-shrink:0;padding-top:calc(16px * var(--scale))}.season-referral__reward-list{display:flex;gap:calc(16px * var(--scale));overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:calc(16px * var(--scale));padding-bottom:calc(4px * var(--scale));margin-left:calc(-32px * var(--scale));margin-right:calc(-32px * var(--scale));padding-left:calc(32px * var(--scale));padding-right:calc(32px * var(--scale))}.season-referral__reward-list::-webkit-scrollbar{display:none}.season-referral__reward-card{position:relative;display:flex;flex-direction:column;scroll-snap-align:start;flex-shrink:0;padding-top:calc(16px * var(--scale))}.season-referral__reward-badge{position:absolute;top:calc(-12px * var(--scale));right:calc(-8px * var(--scale));padding:calc(6px * var(--scale)) calc(14px * var(--scale));border-radius:calc(999px * var(--scale));background:#fff;border:calc(3px * var(--scale)) solid var(--stroke-point1);font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary);line-height:1;white-space:nowrap;z-index:1}.season-referral__reward-btn{display:flex;font-size:calc(24px * var(--scale))!important;font-weight:600;align-items:center}.season-referral__reward-btn .btn__icon{width:calc(36px * var(--scale))!important;height:calc(36px * var(--scale))!important}.season-referral__reward-icon{width:calc(36px * var(--scale))!important;height:calc(36px * var(--scale))!important;align-self:center}.referral-share-overlay__backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;z-index:250;padding:calc(32px * var(--scale))}.referral-share-overlay{position:relative;border-radius:calc(16px * var(--scale));padding:calc(32px * var(--scale));background:var(--bg-primary);box-shadow:0 calc(16px * var(--scale)) calc(32px * var(--scale)) #00000024;border:calc(2px * var(--scale)) solid var(--stroke-point1);display:flex;flex-direction:column;gap:calc(32px * var(--scale))}.referral-share-overlay__close img{width:calc(32px * var(--scale));height:calc(32px * var(--scale))}.referral-share-overlay__header{display:flex;flex-direction:column;gap:calc(8px * var(--scale));text-align:center;font-size:calc(36px * var(--scale));font-weight:600;color:var(--txt-point1-primary)}.referral-share-overlay__qr{display:flex;justify-content:center;align-items:center}.referral-share-overlay__qr img{width:calc(480px * var(--scale));height:calc(480px * var(--scale))}.referral-share-overlay__qr-placeholder{width:calc(480px * var(--scale));height:calc(480px * var(--scale));display:grid;place-items:center;border:calc(2px * var(--scale)) dashed rgba(134,239,172,.4);color:var(--txt-light-secondary);text-align:center;font-size:calc(22px * var(--scale))}.referral-share-overlay__actions{display:flex;gap:calc(16px * var(--scale));flex-direction:row;align-items:center;justify-content:center}.referral-share-overlay__footer{display:flex;align-items:center;justify-content:center}.referral-share-overlay__footer .share-close{font-weight:600;font-size:calc(28px * var(--scale));text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0%;text-decoration-thickness:0%;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:var(--txt-light-tertiary);cursor:pointer}.reward-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}.reward-fx__chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:calc(8px * var(--scale));padding:calc(12px * var(--scale)) calc(16px * var(--scale));border-radius:calc(999px * var(--scale));background:var(--icon-light-primary);color:var(--txt-dark-primary);font-weight:600;font-size:calc(40px * var(--scale));filter:drop-shadow(0 calc(8px * var(--scale)) calc(20px * var(--scale)) var(--stroke-quinary));will-change:transform,opacity}.reward-fx__chip-icon{width:calc(60px * var(--scale));height:calc(60px * var(--scale));-o-object-fit:contain;object-fit:contain}.reward-fx__chip-amount{line-height:1}.reward-fx__target-pulse{position:absolute;left:0;top:0;border-radius:calc(18px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-primary);opacity:0;will-change:transform,opacity;animation:reward-fx-target-pulse 1.28s cubic-bezier(.2,.9,.2,1)}.reward-fx__target-pulse[data-type=gold]{border-color:var(--stroke-point2)}.reward-fx__target-pulse[data-type=medal]{border-color:var(--stroke-point1)}.reward-fx__target-pulse[data-type=diamond]{border-color:var(--stroke-secondary)}@keyframes reward-fx-target-pulse{0%{transform:scale(.9);opacity:0}35%{transform:scale(1.2);opacity:.9}to{transform:scale(1);opacity:0}}.quest-panel{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:calc(20px * var(--scale));color:var(--txt-light-primary);background:var(--bg-primary)}.quest-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:flex;flex-direction:column;padding:0 calc(20px * var(--scale)) calc((var(--bottom-h) + 80px) * var(--scale));gap:calc(20px * var(--scale));scrollbar-width:none}.quest-item{display:flex;align-items:center;padding:calc(20px * var(--scale));gap:calc(20px * var(--scale))}.quest-item.claimed{opacity:.5}.quest-item.locked{border:calc(2px * var(--scale)) solid var(--stroke-secondary);border-radius:calc(8px * var(--scale))}.quest-item.locked .quest-item__name,.quest-item.locked .quest-item__progress,.quest-item.locked .quest-item__rewards{color:var(--txt-light-disabled)}.quest-item__locked-text{display:flex;align-items:center;justify-content:center;height:calc(72px * var(--scale));padding:0 calc(24px * var(--scale));font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-disabled)}.quest-item.alt{background:var(--bg-secondary)}.quest-item__info{flex:1;display:flex;flex-direction:column;gap:calc(8px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600}.quest-item__name{font-weight:600}.quest-item__progress{font-size:calc(20px * var(--scale))}.quest-item__rewards{display:flex;gap:calc(16px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600}.quest-item__reward{display:flex;align-items:center;gap:calc(4px * var(--scale))}.quest-item__reward img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.quest-item__claimed-text{display:flex;align-items:center;justify-content:center;height:calc(72px * var(--scale));padding:0 calc(24px * var(--scale));font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-disabled)}.mission-tag{display:inline-block;width:-moz-fit-content;width:fit-content;padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:calc(8px * var(--scale));font-size:calc(16px * var(--scale));font-weight:600;color:var(--txt-light-tertiary)}.mission-tag--daily{background-color:var(--emerald-100)}.mission-tag--season{background-color:var(--amber-100)}.mission-tag--special{background:linear-gradient(90deg,#ffe2e2,#c9fac7,#ffe2e2);background-size:200% 100%;animation:special-tag-flow 3s linear infinite}@keyframes special-tag-flow{0%{background-position:0% 0}to{background-position:-200% 0}}.community-banner{display:flex;align-items:center;justify-content:space-between;padding:calc(20px * var(--scale));margin-top:calc(20px * var(--scale));gap:calc(20px * var(--scale))}.community-banner__title{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.community-banner__links{display:flex;gap:calc(12px * var(--scale))}.safe-page{padding-top:calc(var(--safe-area-top-web, var(--safe-area-top)));padding-bottom:var(--safe-area-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}.dashboard{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--gray-900),var(--black));color:var(--txt-dark-primary);padding-top:0}.dashboard-header{padding-top:var(--safe-area-top-web);padding-left:calc(16px * var(--scale));padding-right:calc(8px * var(--scale));z-index:1}.dashboard-header .inner{margin:0 auto;display:flex;flex-wrap:wrap;min-height:calc(72px * var(--scale));width:min(100%,calc(640px * var(--scale)));align-items:center;justify-content:space-between;padding:calc(8px * var(--scale)) calc(4px * var(--scale)) calc(8px * var(--scale)) calc(16px * var(--scale));gap:calc(8px * var(--scale))}.dashboard-header .inner>.btn{flex-shrink:0}.resource-section{display:flex;align-items:center;gap:calc(8px * var(--scale));flex:1;min-width:0}.header-actions{display:flex;align-items:center;gap:calc(8px * var(--scale));flex-shrink:0}.resource-list{display:flex;align-items:center;gap:calc(32px * var(--scale));flex-wrap:wrap}.resource-box{position:relative;width:calc(104px * var(--scale));height:calc(24px * var(--scale));background:#1717174d;border-radius:calc(16px * var(--scale));display:flex;align-items:center;color:#fafafa;font-size:calc(16px * var(--scale));font-weight:600;padding-left:calc(24px * var(--scale))}.resource-box img{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.resource-box--reward-pulse{animation:resource-box-reward-pulse .32s cubic-bezier(.2,.9,.2,1)}@keyframes resource-box-reward-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.dashboard-main{margin:0 auto;width:calc(720px * var(--scale));max-width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.dashboard-home{flex:1;display:flex;flex-direction:column;padding:calc(32px * var(--scale)) calc(20px * var(--scale)) calc(160px * var(--scale));box-sizing:border-box;gap:calc(32px * var(--scale))}.dashboard-home__quick-actions{display:flex;flex-wrap:wrap;gap:calc(16px * var(--scale));justify-content:flex-start;min-height:calc(120px * var(--scale))}.dashboard-home__quick-action-wrapper{position:relative}.dashboard-home__quick-action-wrapper .notify-icon{position:absolute;top:calc(-8px * var(--scale));right:calc(-8px * var(--scale));width:calc(48px * var(--scale));height:calc(48px * var(--scale));animation:notice-pulse 1s infinite ease-in-out;transform-origin:center;pointer-events:none}.dashboard-home__quick-action{width:calc(96px * var(--scale));height:calc(120px * var(--scale));border:none;padding:0;border-radius:calc(24px * var(--scale));background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:flex-start}.dashboard-home__quick-action-image{position:relative;width:100%;height:calc(96px * var(--scale));display:block}.dashboard-home__quick-action-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.dashboard-home__quick-action-label{position:absolute;left:50%;bottom:calc(1px * var(--scale));transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:0 calc(4px * var(--scale));height:calc(20px * var(--scale));border-radius:calc(8px * var(--scale));background:var(--icon-light-primary, #171717);color:var(--txt-dark-primary);font-weight:600;font-size:calc(16px * var(--scale));text-align:center;white-space:nowrap}.dashboard-home__stage-select{flex:1;display:flex;justify-content:center;align-items:center}.main-home{flex:1;display:flex;padding:2rem 1rem 6rem;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.main-home h1{font-size:1.875rem;font-weight:600}@media (min-width: 640px){.main-home h1{font-size:2.25rem}}.main-home p{font-size:.875rem;opacity:.8}@media (min-width: 640px){.main-home p{font-size:1rem}}.main-home__cta{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.main-home__cta .start-btn{width:min(16rem,80vw)}.main-home__cta .version{font-size:.75rem;opacity:.6}.settings-container{position:fixed;inset:0;padding:1rem;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.quest-complete-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.dashboard-nav{position:fixed;left:0;right:0;bottom:0;z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(0deg,#17171780 50%,#fff0);padding-bottom:var(--safe-area-bottom)}.dashboard-nav .inner{margin:0 auto;width:min(100%,calc(640px * var(--scale)));padding:0 calc(16px * var(--scale))}.dashboard-nav .tab-bar{display:flex;justify-content:center;align-items:center;gap:calc(8px * var(--scale));padding:calc(20px * var(--scale)) 0;box-sizing:border-box}.dashboard-nav .tab-btn{min-width:calc(180px * var(--scale));height:calc(96px * var(--scale));--btn-label-hover: var(--txt-light-primary);--btn-label-pressed: var(--txt-light-primary);font-size:calc(24px * var(--scale))}.dashboard-nav .tab-icon-btn{height:calc(96px * var(--scale))}.tab-btn-wrapper{position:relative}.tab-btn-wrapper .notify-icon{position:absolute;top:calc(-8px * var(--scale));right:calc(-8px * var(--scale));width:calc(48px * var(--scale));height:calc(48px * var(--scale));animation:notice-pulse 1s infinite ease-in-out;transform-origin:center;pointer-events:none}.dashboard-version{position:fixed;right:calc(env(safe-area-inset-right,0px) + var(--scale) * 16px);bottom:calc(var(--safe-area-bottom) + var(--scale) * 20px);padding:calc(6px * var(--scale)) calc(12px * var(--scale));border-radius:calc(12px * var(--scale));background:#000000a6;color:#fafafabf;font-size:calc(20px * var(--scale));font-weight:600;z-index:3;border:none;cursor:pointer;transition:background .2s}.dashboard-version:hover{background:#000000d9}.dashboard-version:active{background:#323232d9}@keyframes notice-pulse{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.upgrade-tutorial-guide{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:10;pointer-events:none}.upgrade-tutorial-guide .quest-complete-modal,.upgrade-tutorial-guide .guide-tooltip{pointer-events:auto}.collection-tab{display:flex;flex-direction:column;flex:1;min-height:0;padding:calc(20px * var(--scale));overflow-y:auto;-webkit-overflow-scrolling:touch}.collection-tab__menu{display:flex;justify-content:center;gap:calc(20px * var(--scale));padding:calc(20px * var(--scale)) 0}.collection-tab__character-bonus{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(12px * var(--scale));height:calc(64px * var(--scale));margin-bottom:calc(20px * var(--scale));padding:calc(8px * var(--scale));border-radius:calc(16px * var(--scale));background-color:var(--bg-secondary);background-image:var(--collection-bonus-background);background-repeat:repeat}.collection-tab__character-bonus-label{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-secondary);white-space:nowrap}.collection-tab__character-bonus-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(12px * var(--scale))}.collection-tab__character-bonus-badge{display:inline-flex;align-items:center;gap:calc(4px * var(--scale));padding:calc(8px * var(--scale)) calc(16px * var(--scale));border-radius:calc(16px * var(--scale));background:var(--bg-primary);color:var(--txt-point1-primary);font-size:calc(20px * var(--scale));font-weight:600}.collection-tab__character-bonus-badge-icon{width:calc(32px * var(--scale));height:calc(32px * var(--scale));-o-object-fit:contain;object-fit:contain}.collection-tab__character-bonus-value{line-height:1}.collection-tab__weapon-grid{display:flex;flex-wrap:wrap;gap:calc(20px * var(--scale));padding-bottom:calc((var(--bottom-h) + 160px) * var(--scale));overflow-y:auto;scrollbar-width:none}.collection-tab__weapon,.collection-tab__character-icon{width:calc(128px * var(--scale));height:calc(128px * var(--scale));background:var(--emerald-100);border:calc(2px * var(--scale)) solid var(--stroke-point1);border-radius:calc(8px * var(--scale));display:flex;align-items:center;justify-content:center;padding:0}.collection-tab__weapon--ultimate{background:var(--indigo-100);border-color:var(--indigo-400)}.collection-tab__weapon img{width:calc(96px * var(--scale));height:calc(96px * var(--scale));-o-object-fit:contain;object-fit:contain}@media (hover: hover){.collection-tab__weapon:hover img{animation:sc-thumb-bounce .5s ease-in-out alternate infinite}}@keyframes sc-thumb-bounce{0%{transform:translateY(calc(-32px * var(--scale)))}to{transform:translateY(0)}}.collection-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--txt-dark-secondary);font-size:calc(48px * var(--scale));font-weight:600}.collection-tab__character-grid{display:flex;flex-wrap:wrap;gap:calc(20px * var(--scale));align-items:flex-start}.collection-tab__character-card{display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--scale));width:calc(128px * var(--scale))}.collection-tab__character-name{font-size:calc(16px * var(--scale));font-weight:600;color:var(--txt-light-secondary);text-align:center;white-space:normal}.collection-tab__character-name--locked{color:var(--txt-light-disabled)}.collection-tab__character-icon{position:relative;cursor:pointer;background:var(--natural-100);border:calc(2px * var(--scale)) solid var(--stroke-secondary);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}.collection-tab__character-icon--working{opacity:.6}.collection-tab__character-icon--locked{border-style:dashed}.collection-tab__character-icon--locked .collection-tab__character-preview-image{filter:grayscale(100%);opacity:.6}.collection-tab__character-icon:focus-visible{outline:calc(4px * var(--scale)) solid rgba(46,204,113,.45);outline-offset:calc(2px * var(--scale))}.collection-tab__character-icon-badge{position:absolute;bottom:calc(-24px * var(--scale));left:50%;padding:calc(8px * var(--scale));transform:translate(-50%);height:calc(32px * var(--scale));border-radius:calc(8px * var(--scale));background:var(--icon-point-primary);color:var(--txt-dark-primary);font-size:calc(16px * var(--scale));font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;white-space:nowrap}.collection-tab__character-icon-badge--locked{background:var(--stroke-secondary);color:var(--txt-dark-secondary)}.collection-tab__character-icon-badge--working{background:#22c55ee6;color:#f8fafc}.collection-tab__character-chip-badge{position:absolute;top:calc(4px * var(--scale));right:calc(4px * var(--scale));padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:calc(6px * var(--scale));background:#22c55ee6;color:#f8fafc;font-size:calc(14px * var(--scale));font-weight:600;pointer-events:none}.collection-tab__character-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:calc(32px * var(--scale));color:var(--txt-dark-secondary);border:calc(2px * var(--scale)) dashed var(--stroke-point1);border-radius:calc(20px * var(--scale))}.collection-tab__character-preview{width:100%;height:100%;border-radius:calc(12px * var(--scale));display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-tab__character-preview--icon{width:calc(96px * var(--scale));height:calc(96px * var(--scale));border:none;border-radius:calc(4px * var(--scale));background-color:transparent}.collection-tab__character-preview--detail{border:none;border-radius:calc(12px * var(--scale));background-color:transparent}.collection-tab__character-preview-image{--character-preview-frame: calc(128px * var(--scale));--character-preview-start-frame: 0;--character-preview-use-frames: 1;--character-preview-total-frames: 1;width:var(--character-preview-frame);height:var(--character-preview-frame);background-repeat:no-repeat;background-position:calc(-1 * var(--character-preview-frame) * var(--character-preview-start-frame)) 0;background-size:calc(var(--character-preview-frame) * var(--character-preview-total-frames)) var(--character-preview-frame);image-rendering:pixelated;animation:collection-tab-character-preview-frames .6s steps(var(--character-preview-use-frames)) infinite}.collection-tab__character-preview-image--static{animation:none}@keyframes collection-tab-character-preview-frames{0%{background-position:calc(-1 * var(--character-preview-frame) * var(--character-preview-start-frame)) 0}to{background-position:calc(-1 * var(--character-preview-frame) * (var(--character-preview-start-frame) + var(--character-preview-use-frames))) 0}}.collection-tab__character-icon .collection-tab__character-preview{width:calc(96px * var(--scale));height:calc(96px * var(--scale))}@media (hover: hover){.collection-tab__character-icon:hover .collection-tab__character-preview{animation:sc-thumb-bounce .5s ease-in-out alternate infinite}}.collection-tab__character-status-wrapper{pointer-events:auto;display:flex;height:100%;min-height:100%;max-height:100vh;align-items:center;justify-content:center;overflow-y:auto}.status-panel--collection .status-panel__info{align-items:flex-start;gap:calc(24px * var(--scale))}.status-panel--collection .status-panel__name-row{align-items:center;gap:calc(12px * var(--scale));flex-wrap:wrap}.status-panel__badge{padding:calc(4px * var(--scale)) calc(8px * var(--scale));border-radius:calc(8px * var(--scale));background:var(--emerald-100);color:var(--txt-light-tertiary);font-size:calc(16px * var(--scale));font-weight:600}.status-panel--collection .status-panel__info-left{max-width:calc(360px * var(--scale))}.status-panel--collection .status-panel__weapon{padding:0;gap:calc(12px * var(--scale))}.status-panel__avatar--collection{width:calc(168px * var(--scale));height:calc(168px * var(--scale));background:var(--stroke-secondary);border-radius:calc(8px * var(--scale));padding:calc(8px * var(--scale));display:flex;align-items:center;justify-content:center}.status-panel--collection .status-panel__avatar-container{width:calc(168px * var(--scale))}.status-panel__avatar__image--collection{width:100%;height:100%;border:calc(2px * var(--scale)) solid var(--stroke-tertiary);background:var(--natural-100);border-radius:calc(8px * var(--scale));display:flex;align-items:center;justify-content:center}.status-panel__avatar__image--collection .collection-tab__character-preview--detail{width:calc(128px * var(--scale));height:calc(128px * var(--scale));border-radius:calc(8px * var(--scale))}.status-panel__avatar__image--collection .collection-tab__character-preview .collection-tab__character-preview-image{filter:none;opacity:1}.store-overlay__backdrop{position:fixed;inset:0;background:#000c;z-index:10;display:flex;justify-content:center;align-items:center;padding:calc(24px * var(--scale));box-sizing:border-box}.store-overlay{position:relative;width:min(calc(656px * var(--scale)),100%);max-width:calc(656px * var(--scale));height:80%;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:calc(16px * var(--scale));border:1px solid var(--stroke-storke_quinary, #000000);box-shadow:0 calc(16px * var(--scale)) calc(32px * var(--scale)) 0 #00000024;overflow:hidden}.store-overlay__header{display:flex;align-items:center;gap:calc(16px * var(--scale));padding:calc(8px * var(--scale)) calc(8px * var(--scale)) calc(8px * var(--scale)) calc(32px * var(--scale))}.store-overlay__header-main{display:flex;align-items:center;gap:calc(8px * var(--scale));flex:1}.store-overlay__header-icon{display:inline-flex;align-items:center;justify-content:center}.store-overlay__header-icon img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.store-overlay__title{font-size:calc(40px * var(--scale));font-weight:600;color:var(--txt-light-primary, #0f172a)}.store-overlay__close{--btn-scale: var(--scale);transition:transform .12s ease}.store-overlay__close:hover{transform:translateY(calc(-2px * var(--scale)))}.store-overlay__close:active{transform:translateY(calc(1px * var(--scale)))}.store-overlay__close-icon{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.store-overlay__content{flex:1;padding:calc(20px * var(--scale)) calc(32px * var(--scale)) calc(36px * var(--scale));overflow-y:auto;display:block;scrollbar-width:none}.store-overlay__content::-webkit-scrollbar{display:none}.store-overlay__section{display:flex;flex-direction:column;gap:calc(24px * var(--scale))}.store-overlay__section+.store-overlay__section{margin-top:calc(32px * var(--scale))}.store-overlay__section-heading{display:inline-flex;align-items:center;gap:calc(12px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.store-overlay__section-heading img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.store-overlay__special-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(280px * var(--scale)),1fr));gap:calc(20px * var(--scale))}.store-overlay__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20px * var(--scale));align-content:flex-start}.store-overlay__placeholder{margin:auto;text-align:center;font-size:calc(24px * var(--scale));color:var(--txt-light-secondary)}.store-product-card{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) calc(8px * var(--scale)) calc(16px * var(--scale)) calc(8px * var(--scale));border-radius:calc(16px * var(--scale));border:1px solid var(--stroke-secondary)}.store-product-card.store-product-card--ad{padding:calc(8px * var(--scale)) calc(8px * var(--scale)) calc(20px * var(--scale)) calc(8px * var(--scale));background:var(--bg-secondary)}.store-product-card__amount{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.store-product-card__icon{display:flex;align-items:center;justify-content:center}.store-product-card__icon img{width:calc(168px * var(--scale));height:calc(168px * var(--scale))}.store-product-card__icon__ad img{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.store-product-card__name{font-size:calc(24px * var(--scale));font-weight:600;text-align:center;color:var(--txt-light-secondary)}.store-product-card__button{width:100%;justify-content:center;color:var(--txt-light-primary);font-size:calc(24px * var(--scale));opacity:1!important}.store-product-card__button:disabled{opacity:.5!important;cursor:not-allowed}.store-product-card__button-content{display:inline-flex;align-items:center;gap:calc(12px * var(--scale))}.store-product-card__button-icon{width:calc(32px * var(--scale))!important;height:calc(32px * var(--scale))!important}.store-product-card__button-icon--gem{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.store-product-card__action{display:flex}.store-product-card__action .simple-btn{border-radius:calc(24px * var(--scale))}.store-product-card__sold-out{width:100%;height:calc(88px * var(--scale));border-radius:calc(24px * var(--scale));background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-secondary)}.store-product-card__meta{display:inline-flex;align-items:center;gap:calc(8px * var(--scale));padding:calc(8px * var(--scale)) calc(16px * var(--scale));border-radius:calc(18px * var(--scale));border:1px solid var(--stroke-secondary);background:var(--bg-primary);font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.store-product-card__meta img{width:calc(32px * var(--scale));height:calc(32px * var(--scale))}.store-overlay__modal-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:11}.store-overlay__modal-layer>*{pointer-events:auto}.spore-sweep-overlay-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--scale));background:#09090bcc;box-sizing:border-box}.spore-sweep-overlay{width:calc(656px * var(--scale));height:auto;max-height:80%;display:flex;flex-direction:column;background:var(--bg-primary, #f8fafc);border-radius:calc(16px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-quinary);overflow:hidden;box-shadow:0 calc(16px * var(--scale)) calc(32px * var(--scale)) 0 #00000024}.spore-sweep-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:calc(32px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--stroke-secondary)}.spore-sweep-overlay__header .status-panel__close-btn{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.spore-sweep-overlay__header-main{display:flex;align-items:center;gap:calc(8px * var(--scale))}.spore-sweep-overlay__header-icon{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.spore-sweep-overlay__title{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.spore-sweep-overlay__content{flex:1;padding:calc(24px * var(--scale)) calc(32px * var(--scale));overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none}.spore-sweep-overlay__subtitle{padding:calc(20px * var(--scale));font-weight:400;font-size:calc(24px * var(--scale));color:var(--txt-light-primary);text-align:center}.spore-sweep-overlay__content::-webkit-scrollbar{display:none}.spore-sweep-overlay__stage{padding:calc(20px * var(--scale)) 0;display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--scale))}.spore-sweep-overlay__stage__title{font-size:calc(28px * var(--scale));font-weight:600;color:var(--emerald-400)}.spore-sweep-overlay__stage-select{display:flex;align-items:center;text-align:center;justify-content:space-between;gap:calc(16px * var(--scale));width:100%}.spore-sweep-overlay__stage-select .btn__icon{width:calc(96px * var(--scale))!important;height:calc(96px * var(--scale))!important}.spore-sweep-overlay__stage-select .btn__icon img{width:100%;height:100%}.spore-sweep-overlay__stage-nav[disabled]{visibility:hidden}.spore-sweep-overlay__stage-info{flex:1;text-align:center}.spore-sweep-overlay__stage-name{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.spore-sweep-overlay__stage-map{font-weight:600;font-size:calc(20px * var(--scale));color:var(--txt-light-tertiary)}.spore-sweep-overlay__description{font-size:calc(16px * var(--scale));color:var(--txt-light-tertiary);font-weight:600}.spore-sweep-overlay__stats{display:flex;flex-direction:column;border-radius:calc(16px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-point1);box-shadow:calc(4px * var(--scale)) calc(4px * var(--scale)) calc(4px * var(--scale)) 0 #fff6 inset,calc(-4px * var(--scale)) calc(-4px * var(--scale)) calc(4px * var(--scale)) 0 #00000040 inset}.spore-sweep-overlay__stat-card{display:flex;flex-direction:column;gap:calc(16px * var(--scale));padding:calc(16px * var(--scale));border-radius:calc(12px * var(--scale))}.spore-sweep-overlay__stat-card--summary{gap:calc(16px * var(--scale))}.spore-sweep-overlay__summary-time{display:flex;padding:calc(8px * var(--scale)) calc(20px * var(--scale)) calc(8px * var(--scale)) calc(20px * var(--scale));align-items:center;justify-content:center;gap:calc(20px * var(--scale));background:var(--emerald-50)}.spore-sweep-overlay__summary-time .spore-sweep-overlay__summary-time__label{font-size:calc(24px * var(--scale));color:var(--txt-light-primary)}.spore-sweep-overlay__summary-time .spore-sweep-overlay__summary-time__value{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary)}.spore-sweep-overlay__summary-label{font-size:calc(18px * var(--scale));font-weight:600;color:var(--txt-light-secondary, rgba(15, 23, 42, .7))}.spore-sweep-overlay__summary-value{font-size:calc(22px * var(--scale));font-weight:600;color:var(--txt-light-primary, #0f172a)}.spore-sweep-overlay__summary-rewards{display:flex;flex-direction:column;gap:calc(12px * var(--scale))}.spore-sweep-overlay__reward-line{display:flex;align-items:center;gap:calc(12px * var(--scale))}.spore-sweep-overlay__reward-icon{width:calc(40px * var(--scale));height:calc(40px * var(--scale));-o-object-fit:contain;object-fit:contain}.spore-sweep-overlay__reward-detail{display:flex;flex-direction:column;gap:calc(4px * var(--scale))}.spore-sweep-overlay__reward-values{display:flex;align-items:baseline;gap:calc(8px * var(--scale));font-size:calc(32px * var(--scale));font-weight:600}.spore-sweep-overlay__reward-multiplier{font-size:calc(18px * var(--scale));font-weight:600;color:var(--txt-point1-primary, #34d399)}.spore-sweep-overlay__summary-footnote{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-secondary)}.spore-sweep-overlay__operation{display:flex;flex-direction:column;gap:calc(8px * var(--scale))}.spore-sweep-overlay__operation-main{display:flex;align-items:center;gap:calc(16px * var(--scale))}.spore-sweep-overlay__operation-main .collection-tab__character-preview{justify-content:normal;width:calc(108px * var(--scale));height:calc(108px * var(--scale))}.spore-sweep-overlay__operation-details{display:flex;flex-direction:column;gap:calc(8px * var(--scale));flex:1}.spore-sweep-overlay__operation-map{font-size:calc(16px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.spore-sweep-overlay__operation-remaining{font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-point1-primary)}.spore-sweep-overlay__operation-progress .exp-bar{width:100%}.spore-sweep-overlay__action{display:flex;flex-direction:column;align-items:center;padding-top:calc(20px * var(--scale));gap:calc(12px * var(--scale))}.spore-sweep-overlay__start-btn{width:100%}.spore-sweep-overlay__character-select{padding:calc(20px * var(--scale)) 0;display:flex;flex-direction:column;gap:calc(20px * var(--scale))}.spore-sweep-overlay__character-select-title{font-size:calc(28px * var(--scale));text-align:center;font-weight:600;color:var(--emerald-400)}.spore-sweep-overlay__character-select .status-panel__character-carousel-list{scrollbar-width:none}.spore-sweep-overlay__character-select .status-panel__character-carousel-list::-webkit-scrollbar{display:none}.spore-sweep-overlay__character-select .status-panel__character-chip{position:relative}.spore-sweep-overlay__character-chip--selected{border-color:#3b82f699;box-shadow:0 0 0 calc(3px * var(--scale)) #3b82f640}.spore-sweep-overlay__character-chip--working{opacity:.5;cursor:not-allowed;pointer-events:none}.spore-sweep-overlay__character-badge{position:absolute;top:calc(4px * var(--scale));right:calc(4px * var(--scale));padding:calc(2px * var(--scale)) calc(6px * var(--scale));border-radius:calc(6px * var(--scale));background:#16a34ad9;color:#f8fafc;font-size:calc(14px * var(--scale));font-weight:600;pointer-events:none}.spore-sweep-overlay__modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(24px * var(--scale))}@media (max-height: 960px){.spore-sweep-overlay{max-height:90vh}}.spore-sweep-overlay__no-stages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(80px * var(--scale)) calc(40px * var(--scale));text-align:center;gap:calc(16px * var(--scale))}.spore-sweep-overlay__no-stages-title{font-size:calc(28px * var(--scale));text-align:center;font-weight:600;color:var(--emerald-400)}.spore-sweep-overlay__no-stages p{font-size:calc(28px * var(--scale));color:var(--txt-light-secondary);margin:0}.spore-sweep-overlay__no-stages p:first-child{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.sweep-result-view{display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--scale));width:100%;height:100%}.sweep-result-view__title{font-size:calc(28px * var(--scale));font-weight:600;color:var(--emerald-400);text-align:center}.sweep-result-view__card{display:flex;flex-direction:column;gap:calc(16px * var(--scale));padding:calc(24px * var(--scale));border-radius:calc(16px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-point1);box-shadow:calc(2px * var(--scale)) calc(2px * var(--scale)) calc(2px * var(--scale)) #fff6 inset,calc(-2px * var(--scale)) calc(-2px * var(--scale)) calc(2px * var(--scale)) #00000040 inset}.sweep-result-view__rewards{display:flex;align-items:center;justify-content:center;gap:calc(32px * var(--scale))}.sweep-result-view__reward-item{display:flex;align-items:center;gap:calc(8px * var(--scale))}.sweep-result-view__reward-item img{width:calc(40px * var(--scale));height:calc(40px * var(--scale));-o-object-fit:contain;object-fit:contain}.sweep-result-view__reward-item span{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.sweep-result-view__report{font-size:calc(16px * var(--scale));color:var(--txt-light-tertiary);white-space:pre-line;text-align:left}.sweep-result-view__character-info{display:flex;align-items:center;gap:calc(20px * var(--scale))}.sweep-result-view__character-info .collection-tab__character-preview{flex-shrink:0;overflow:visible}.sweep-result-view__character-text{display:flex;flex-direction:column;gap:calc(2px * var(--scale));flex:1;min-width:0}.sweep-result-view__character-text .label{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.sweep-result-view__character-text .name{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sweep-result-view__bonus{display:flex;flex-direction:column;gap:calc(2px * var(--scale));flex:1;min-width:0}.sweep-result-view__bonus .label{font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.sweep-result-view__bonus .value{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-point1-tertiary)}.sweep-result-view__actions{display:flex;gap:calc(16px * var(--scale));width:100%;margin-top:auto}.sweep-result-view__actions .btn{flex:1}.debug-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:calc(20px * var(--scale))}.debug-modal{width:min(100%,calc(600px * var(--scale)));max-height:90vh;background:var(--bg-primary);border-radius:calc(16px * var(--scale));display:flex;flex-direction:column;overflow:hidden}.debug-modal__header{display:flex;justify-content:space-between;align-items:center;padding:calc(16px * var(--scale)) calc(20px * var(--scale));border-bottom:1px solid var(--stroke-secondary)}.debug-modal__header h2{margin:0;font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.debug-modal__content{flex:1;overflow-y:auto;padding:calc(16px * var(--scale)) calc(20px * var(--scale));display:flex;flex-direction:column;gap:calc(16px * var(--scale))}.debug-modal__footer{padding:calc(16px * var(--scale)) calc(20px * var(--scale));border-top:1px solid var(--stroke-secondary);display:flex;justify-content:center}.debug-section{display:flex;flex-direction:column;gap:calc(8px * var(--scale))}.debug-section__title{margin:0;font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-point1-primary);padding-bottom:calc(4px * var(--scale));border-bottom:1px solid var(--stroke-tertiary)}.debug-row{display:flex;justify-content:space-between;align-items:center;font-size:calc(18px * var(--scale));padding:calc(4px * var(--scale)) 0}.debug-row--wrap{flex-direction:column;align-items:flex-start;gap:calc(4px * var(--scale))}.debug-label{color:var(--txt-light-secondary);font-weight:500}.debug-value{color:var(--txt-light-primary);font-family:monospace;font-weight:600}.debug-value--small{font-size:calc(14px * var(--scale));word-break:break-all;line-height:1.4}.notice-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.notice-overlay__panel{width:calc(640px * var(--scale));max-width:95%;max-height:95dvh;background:var(--white);border-radius:calc(16px * var(--scale));display:flex;flex-direction:column;overflow:hidden}.notice-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:calc(32px * var(--scale));border-bottom:calc(2px * var(--scale)) solid var(--color-alpha-20, #17171733);flex-shrink:0}.notice-overlay__header-left{display:flex;align-items:center;gap:calc(8px * var(--scale))}.notice-overlay__header-icon{width:calc(48px * var(--scale));height:calc(48px * var(--scale))}.notice-overlay__header-title{font-size:calc(32px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.notice-overlay__header-links{display:flex;gap:calc(8px * var(--scale))}.notice-overlay__content{flex:1;overflow-y:auto;padding:calc(16px * var(--scale));scrollbar-width:none;-ms-overflow-style:none;min-height:0}.notice-overlay__content::-webkit-scrollbar{display:none}.notice-overlay__list{display:flex;flex-direction:column}.notice-overlay__item{border-bottom:1px solid var(--gray-200)}.notice-overlay__item:last-child{border-bottom:none}.notice-overlay__item-header{display:flex;align-items:center;justify-content:space-between;padding:calc(16px * var(--scale)) calc(8px * var(--scale));cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.notice-overlay__item-header:hover{background:var(--gray-100)}.notice-overlay__item-info{display:flex;flex-direction:column;gap:calc(4px * var(--scale))}.notice-overlay__item-date{font-size:calc(18px * var(--scale));color:var(--txt-light-tertiary)}.notice-overlay__item-title{font-size:calc(24px * var(--scale));font-weight:600;color:var(--txt-light-primary)}.notice-overlay__item-toggle{width:calc(32px * var(--scale));height:calc(32px * var(--scale));display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.notice-overlay__item-toggle--open{transform:rotate(180deg)}.notice-overlay__item-toggle img{width:100%;height:100%}.notice-overlay__item-body{padding:0 calc(8px * var(--scale)) calc(16px * var(--scale));display:flex;flex-direction:column;gap:calc(16px * var(--scale))}.notice-overlay__item-text{font-size:calc(20px * var(--scale));color:var(--txt-light-secondary);line-height:1.5;white-space:pre-wrap}.notice-overlay__item-image{width:100%;background:var(--gray-200);border-radius:calc(12px * var(--scale));display:flex;align-items:center;justify-content:center;color:var(--txt-light-tertiary);font-size:calc(20px * var(--scale));overflow:hidden;flex-shrink:0}.notice-overlay__item-image img{width:100%;height:auto;display:block}.notice-overlay__item-link{align-self:flex-start;font-size:calc(20px * var(--scale));font-weight:600;color:var(--txt-light-primary);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:calc(10px * var(--scale));padding:calc(10px * var(--scale)) calc(14px * var(--scale));cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.notice-overlay__footer{padding:calc(20px * var(--scale));display:flex;justify-content:center;flex-shrink:0;border-top:1px solid var(--gray-200)}.daily-check-in-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.daily-check-in-overlay__panel{width:calc(618px * var(--scale));max-width:95%;background:var(--white);border-radius:calc(24px * var(--scale));display:flex;flex-direction:column;overflow:hidden;padding:calc(32px * var(--scale));gap:calc(8px * var(--scale))}.daily-check-in-overlay__title{color:var(--txt-point1-primary);text-align:center;margin-bottom:calc(8px * var(--scale))}.daily-check-in-overlay__description{text-align:center;width:100%;max-width:calc(407px * var(--scale));margin-left:auto;margin-right:auto;color:var(--txt-light-tertiary);margin-bottom:calc(4px * var(--scale));white-space:break-spaces}.daily-check-in-overlay__reset-info{text-align:center;color:var(--txt-light-tertiary);margin-bottom:calc(24px * var(--scale))}.daily-check-in-overlay__character{display:flex;justify-content:center;align-items:center;margin-bottom:calc(32px * var(--scale))}.daily-check-in-overlay__character .collection-tab__character-preview{width:calc(168px * var(--scale));height:calc(168px * var(--scale))}.daily-check-in-overlay__days{display:flex;justify-content:center;gap:calc(8px * var(--scale));margin-bottom:calc(16px * var(--scale))}.daily-check-in-overlay__day{padding:calc(24px * var(--scale)) calc(8px * var(--scale)) calc(8px * var(--scale)) calc(8px * var(--scale));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:calc(72px * var(--scale));height:calc(102px * var(--scale));border:calc(2px * var(--scale)) solid var(--stroke-secondary);border-radius:calc(8px * var(--scale));background:var(--white)}.daily-check-in-overlay__day--completed,.daily-check-in-overlay__day--current{border-color:var(--stroke-point1)}.daily-check-in-overlay__day-star{width:calc(32px * var(--scale));height:calc(32px * var(--scale));position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1}.daily-check-in-overlay__day-label{color:var(--txt-light-tertiary)}.daily-check-in-overlay__day--completed .daily-check-in-overlay__day-label,.daily-check-in-overlay__day--current .daily-check-in-overlay__day-label{color:var(--txt-point1-primary)}.daily-check-in-overlay__day-number{color:var(--txt-light-tertiary)}.daily-check-in-overlay__day--completed .daily-check-in-overlay__day-number,.daily-check-in-overlay__day--current .daily-check-in-overlay__day-number{color:var(--txt-point1-primary)}.daily-check-in-overlay__footer{display:flex;justify-content:center}.oi-growth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:20}.oi-growth-overlay__panel{width:calc(560px * var(--scale));max-width:92vw;background:var(--white);border-radius:calc(24px * var(--scale));border:calc(3px * var(--scale)) solid var(--stroke-point1);padding:calc(32px * var(--scale));display:flex;flex-direction:column;align-items:center;gap:calc(32px * var(--scale));text-align:center}.oi-growth-overlay__title{color:var(--txt-point1-primary)}.oi-growth-overlay__description{color:var(--txt-light-secondary);font-weight:400;white-space:pre-line}.oi-growth-overlay__sprite{--oi-growth-frame: calc(144px * var(--scale));--oi-growth-start-frame: 0;--oi-growth-use-frames: 1;--oi-growth-total-frames: 1;width:var(--oi-growth-frame);height:var(--oi-growth-frame);background-repeat:no-repeat;background-position:calc(-1 * var(--oi-growth-frame) * var(--oi-growth-start-frame)) 0;background-size:calc(var(--oi-growth-frame) * var(--oi-growth-total-frames)) var(--oi-growth-frame);image-rendering:pixelated;animation:oi-growth-sprite-frames .6s steps(var(--oi-growth-use-frames)) infinite}.oi-growth-overlay__actions{margin-top:calc(8px * var(--scale))}@keyframes oi-growth-sprite-frames{0%{background-position:calc(-1 * var(--oi-growth-frame) * var(--oi-growth-start-frame)) 0}to{background-position:calc(-1 * var(--oi-growth-frame) * (var(--oi-growth-start-frame) + var(--oi-growth-use-frames))) 0}}.tutorial-intro{position:fixed;top:0;left:0;width:100dvw;height:100dvh;overflow:hidden;background:#000}.tutorial-intro__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.tutorial-intro__caption{position:absolute;left:50%;transform:translate(-50%);width:calc(640px * var(--scale));bottom:calc(40px * var(--scale));padding:calc(32px * var(--scale));color:var(--txt-point1-primary);text-align:center;border:2px solid var(--stroke-stroke-point1, #08BA25);border-radius:calc(16px * var(--scale));gap:calc(32px * var(--scale));font-size:calc(28px * var(--scale));font-weight:600;background:#17171780;word-break:break-word;pointer-events:none}.loading-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:wait;pointer-events:auto;touch-action:none}.loading-overlay__lottie{width:calc(240px * var(--scale));height:calc(240px * var(--scale))}.loading-overlay__lottie svg{width:100%;height:100%}