html body #character-screen .lobby-slot--play{align-items:flex-end!important}html body #character-screen .pm-fan{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:260px;margin-bottom:12px;pointer-events:none}html body #character-screen .pm-fan-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:8px 22px 5px;box-sizing:border-box;color:#3d2403;font-size:1.75rem;letter-spacing:.02em;white-space:nowrap;cursor:pointer;border:4px solid #5a2704;border-radius:18px;background:linear-gradient(135deg,#fff2d4,#f3c471);box-shadow:inset 0 2px #ffffffe6,inset 0 -3px #ba763629,0 6px #5b3a213d,0 10px 18px #39434a29;opacity:0;transform:translateY(30px) scale(.9);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.9,.3,1.25),filter .1s ease}html body #character-screen .pm-fan-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 0 rgba(90,39,4,.18))}html body #character-screen .pm-fan-private{background:linear-gradient(135deg,#ffeed0,#e9b784)}html body #character-screen .lobby-slot--play.pm-open .pm-fan{pointer-events:auto}html body #character-screen .lobby-slot--play.pm-open .pm-fan-btn{opacity:1;transform:none}html body #character-screen .lobby-slot--play.pm-open .pm-fan-ranked{transition-delay:70ms}html body #character-screen .pm-fan-btn:hover{filter:brightness(1.06)}html body #character-screen .pm-fan-btn:active{transform:translateY(3px) scale(.99);box-shadow:inset 0 2px 3px #6d421d24,0 2px #5b3a2133}html body #character-screen .lobby-slot--play.pm-open .character-screen-play-btn{filter:brightness(1.05)!important;transform:translateY(2px) scale(.985)!important}html body #character-screen .pm-backdrop{position:absolute;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:20px;background:#2b1c0c8c}html body #character-screen .pm-backdrop.is-open{display:flex}html body #character-screen .pm-panel{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:400px;max-height:calc(100% - 40px);padding:12px 18px 18px;box-sizing:border-box;border:4px solid #a5640a;border-radius:24px;background:linear-gradient(to bottom left,#f9e5bd,#f8daa5);box-shadow:0 8px #64360f59,0 18px 34px #0000004d;animation:pm-pop .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes pm-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}}html body #character-screen .pm-head{display:flex;align-items:center;justify-content:space-between;gap:8px}html body #character-screen .pm-title{flex:1;display:flex;justify-content:center;color:#42250e;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}html body #character-screen .pm-head-spacer,html body #character-screen .pm-icon-btn{flex:none;width:38px;height:38px}html body #character-screen .pm-icon-btn{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;border:3px solid #5a2704;border-radius:12px;background:linear-gradient(180deg,#f5c866,#d08a2d);box-shadow:0 3px #5b3a2159;color:#44260d;font-family:inherit;font-size:1.25rem;line-height:1;cursor:pointer}html body #character-screen .pm-icon-btn:hover{filter:brightness(1.07)}html body #character-screen .pm-icon-btn:active{transform:translateY(2px);box-shadow:0 1px #5b3a2159}html body #character-screen .pm-body{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;overflow-y:auto;overflow-x:hidden}html body #character-screen .pm-section-title{justify-content:center;color:#6b431a;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}html body #character-screen .pm-start{align-self:center;justify-content:center;min-width:220px;min-height:58px;margin-top:4px;padding:8px 30px 5px;font-size:1.7rem;letter-spacing:.03em;border:4px solid #5a2704;border-radius:18px;background:linear-gradient(135deg,#fff2d4,#f3c471);box-shadow:inset 0 2px #ffffffe6,0 6px #5b3a213d}html body #character-screen .pm-start:hover{filter:brightness(1.06);transform:translateY(-2px)}html body #character-screen .pm-start:active{transform:translateY(3px) scale(.99)}html body #character-screen .pm-start.pm-start-disabled{filter:grayscale(.55);pointer-events:none}html body #character-screen #pm-ranked #ranked-info-button{display:none!important}html body #character-screen #pm-ranked .ranked-card{width:100%;margin:0}html body #character-screen .pm-panel--private{width:420px}html body #character-screen #pm-private.pm-in-room .pm-panel--private{width:520px}html body #character-screen .pm-room #private-lobby{align-items:stretch;gap:8px;width:100%}html body #character-screen .pm-room{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:0;margin:0;white-space:normal}html body #character-screen .pm-room h3,html body #character-screen .pm-room h4{margin:0;text-align:center}html body #character-screen .pm-room #join-title{color:#6b431a;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}html body #character-screen .pm-room #join-options{align-items:center;gap:8px}html body #character-screen .pm-room #join-options .btn{justify-content:center;width:190px;margin:2px auto;padding:7px 16px 4px;font-size:1.15rem}html body #character-screen .pm-room .two-column{display:flex;align-items:center;justify-content:center;gap:8px}html body #character-screen .pm-room #invite-online,html body #character-screen .pm-room #joined-online{align-items:center;justify-content:center}html body #character-screen .pm-room #room-code-display{justify-content:center;padding:3px 12px 1px;border:3px dashed rgba(90,39,4,.45);border-radius:12px;background:#fff4d699;color:#2a6634;font-size:1.6rem;font-weight:700;letter-spacing:.2ch;cursor:pointer;user-select:all}html body #character-screen .pm-room #room-code-display:hover{background:#fff4d6f2}html body #character-screen .pm-room .room-code-row{display:flex;align-items:center;justify-content:center;gap:10px}html body #character-screen .pm-room .room-code-label{color:#6b431a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}html body #character-screen .pm-room .room-code-row .btn{justify-content:center;min-width:84px;padding:5px 12px 3px;font-size:.95rem}html body #character-screen .pm-room #text-copied{justify-content:center;margin:0;color:#5f3d20;font-size:.8rem;text-align:center}html body #character-screen .pm-room .room-stage{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 8px 8px;border:2px solid rgba(116,67,22,.4);border-radius:16px;background:linear-gradient(180deg,#a0d6f58c,#a0d6f500 62%),linear-gradient(180deg,#f4d69a00 58%,#e8c37ef2),#fff4d680}html body #character-screen .pm-room .room-seat{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0}html body #character-screen .pm-room .room-seat-art{display:flex;align-items:flex-end;justify-content:center;width:100%;height:108px}html body #character-screen .pm-room .room-seat-art img{max-width:100px;max-height:104px;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(75,42,14,.22))}html body #character-screen .pm-room #room-seat-2 .room-seat-art img{transform:scaleX(-1)}html body #character-screen .pm-room .room-seat-name{justify-content:center;max-width:100%;overflow:hidden;color:#42250e;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}html body #character-screen .pm-room .room-seat-state{justify-content:center;color:#7a5228;font-size:.7rem;text-align:center;white-space:normal}html body #character-screen .pm-room .room-seat-empty{opacity:.55}html body #character-screen .pm-room .room-stage-vs{display:flex;flex:none;align-items:center;justify-content:center;padding-bottom:34px;color:#a5640a;font-size:1.1rem;letter-spacing:.06em}html body #character-screen .pm-room .room-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7a5228;font-size:.68rem;white-space:nowrap}html body #character-screen .pm-room #room-chat{align-items:stretch;gap:6px}html body #character-screen .pm-room #room-chat-log{display:block;height:104px;padding:7px 9px;overflow-y:auto;border:2px solid rgba(116,67,22,.4);border-radius:12px;background:#fff8e2b8;font-size:.8rem;text-align:left;white-space:normal}html body #character-screen .pm-room .room-chat-line{display:block;margin-bottom:3px;color:#4f3a27;line-height:1.3;overflow-wrap:anywhere}html body #character-screen .pm-room .room-chat-author{margin-right:.6ch;color:#a5640a;font-weight:700}html body #character-screen .pm-room .room-chat-own .room-chat-author{color:#2a6634}html body #character-screen .pm-room .room-chat-system{color:#8a7156;font-style:italic}html body #character-screen .pm-room .room-chat-row{display:flex;align-items:center;gap:6px}html body #character-screen .pm-room #room-chat-input{flex:1;width:auto;min-width:0;padding:4px 10px 2px;font-size:.9rem;text-align:left}html body #character-screen .pm-room #room-chat-send{flex:none;justify-content:center;min-width:74px;padding:5px 12px 3px;font-size:.95rem}html body #character-screen .pm-room .private-room-details{align-items:center;gap:6px;color:#5f3d20;font-size:.9rem}html body #character-screen .pm-room .private-settings-list{flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:8px 12px;border:2px solid rgba(116,67,22,.4);border-radius:12px;background:#fff4d68c;font-size:.85rem}html body #character-screen .pm-room .private-settings-list label{display:flex;align-items:center;gap:8px;cursor:pointer}html body #character-screen .pm-room .private-settings-list input{width:auto;border:0;accent-color:#c67a22}html body #character-screen .pm-room #private-room-owner-note{justify-content:center;color:#8a633b;font-size:.72rem;text-align:center;white-space:normal}html body #character-screen .pm-room .private-room-leave{align-self:center;justify-content:center;width:170px;margin:4px auto 0}html body.pm-modal-open #world-chat-bar,html body.pm-modal-open button#world-chat-bar{display:none!important}html body #game>#match-top-tools{position:absolute;top:12px;right:14px;z-index:30;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}html body #game #leave-match-btn{position:static;justify-content:center;min-width:92px;padding:5px 14px 3px;font-size:1rem;letter-spacing:.04em;opacity:.72;transition:opacity .12s ease,filter .12s ease}html body #game #leave-match-btn:hover{opacity:1;filter:brightness(1.06)}html body #game #match-fullscreen-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid #76502c;border-radius:11px;background:#f9d9a7;box-shadow:inset 0 1px #ffffffd9,0 3px #59391f29;color:#5a3a12;cursor:pointer;opacity:.72;transition:opacity .12s ease,filter .12s ease}html body #game #match-fullscreen-btn:hover{opacity:1;filter:brightness(1.06)}html body #game>#match-overlay{position:absolute;inset:0;z-index:40;align-items:center;justify-content:center;padding:20px;background:#2b1c0c8c}html body #game>#match-overlay.hidden{display:none!important}html body #game .match-overlay-panel{align-items:center;gap:10px;min-width:340px;max-width:460px;padding:20px 26px;text-align:center;white-space:normal}html body #game #match-overlay-title{justify-content:center;color:#42250e;font-size:1.7rem;letter-spacing:.03em}html body #game #match-overlay-text{justify-content:center;color:#6b431a;font-size:1rem;line-height:1.35}html body #game .match-overlay-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}html body #game .match-overlay-actions .btn{justify-content:center;min-width:150px;padding:7px 16px 4px;font-size:1.1rem}@media(max-width:640px){html body #character-screen .pm-fan{width:210px}html body #character-screen .pm-fan-btn{min-height:54px;font-size:1.4rem}html body #character-screen .pm-panel,html body #character-screen .pm-panel--private{width:calc(100% - 24px)}}html body #end-match .end-match-summary-panel{gap:10px;width:440px;max-width:calc(100% - 24px);padding:16px 20px 14px}html body #end-match .end-match-head{display:flex;flex-direction:column;align-items:center;gap:0}html body #end-match .end-match-title{justify-content:center;color:#42250e;font-size:2.2rem;line-height:1.1;letter-spacing:.03ch}html body #end-match .end-match-subtitle{justify-content:center;color:#8a6a45;font-size:.85rem;white-space:normal}html body #end-match .end-match-score{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0;padding:6px 0}html body #end-match .end-match-digits{display:flex;flex:none;align-items:baseline;justify-content:center;gap:6px;color:#42250e;font-size:2rem;line-height:1}html body #end-match .end-match-digits .score-left,html body #end-match .end-match-digits .score-right{justify-content:center;min-width:1.4ch}html body #end-match .end-match-dash{color:#c08a3e}html body #end-match .end-match-stats{display:flex;align-items:stretch;gap:7px;width:100%;min-width:0}html body #end-match .end-match-stat{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;min-width:0;padding:7px 6px 6px;border:2px solid rgba(116,67,22,.3);border-radius:13px;background:#fff9e7cc}html body #end-match .end-match-stat-label{justify-content:center;color:#a08359;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}html body #end-match .end-match-stat-value{display:block;width:100%;min-width:0;overflow:hidden;color:#42250e;font-size:1.3rem;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}html body #end-match .end-match-stat-value .coinIcon{display:inline-block;margin-left:3px;vertical-align:-.12em}html body #end-match .end-match-stat-value .dustIcon{display:inline-block;width:1.1em;height:1.1em;margin-left:3px;vertical-align:-.14em}html body #end-match .end-match-stat-value.dust-earned{color:#b8860b}html body #end-match .end-match-stat-value.dust-empty{opacity:.45}html body #end-match .end-match-stat-sub{display:-webkit-box;width:100%;min-width:0;overflow:hidden;color:#a08359;font-size:.6rem;line-height:1.25;text-align:center;white-space:normal;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}html body #end-match .end-match-stat-value.elo-positive{color:#2a6634}html body #end-match .end-match-stat-value.elo-negative{color:#a33b2a}html body #end-match .end-match-actions{display:none;flex-direction:column;align-items:center;gap:7px;width:100%;padding-top:9px;border-top:2px solid rgba(116,67,22,.22)}html body #end-match .end-match-status{justify-content:center;color:#6b431a;font-size:1.05rem;text-align:center;white-space:normal}html body #end-match .end-match-buttons{display:flex;align-items:center;justify-content:center;gap:9px;width:100%}html body #end-match .end-match-buttons .btn{flex:1 1 0;justify-content:center;max-width:190px;margin:0;padding:8px 14px 5px;font-size:1.15rem}html body #end-match .end-match-share-section{display:flex;justify-content:center;width:100%;margin-top:2px}html body #end-match .end-match-x-share{min-width:0!important;padding:5px 14px 3px!important;border-radius:999px!important;font-size:.82rem!important;color:#1a1a1a!important;background:#fff!important;border-color:#5a2704!important;opacity:.9}html body #end-match .end-match-x-share:hover{opacity:1;background:#fff!important}html body #end-match .end-match-x-share .share-button{width:13px;height:13px}@media(max-width:640px){html body #end-match .end-match-summary-panel{width:calc(100% - 20px);padding:14px 14px 12px}html body #end-match .end-match-title{font-size:1.8rem}html body #end-match .end-match-digits{font-size:1.65rem}html body #end-match .end-match-stat-value{font-size:1.1rem}html body #end-match .end-match-side .name-left,html body #end-match .end-match-side .name-right{font-size:.95rem}}html body .touch-layer{position:fixed;inset:0;z-index:12000;display:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html body .touch-layer.is-active{display:block}html body .touch-layer{pointer-events:none}html body .touch-layer .touch-zone-left,html body .touch-layer .touch-jump{pointer-events:auto}html body .touch-layer .touch-zone-left{position:absolute;left:0;top:0;width:50%;height:100%}html body .touch-layer .touch-stick{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#281a0c2e;opacity:0;transform:scale(.8);transition:opacity .1s ease,transform .12s cubic-bezier(.2,.9,.3,1.25);pointer-events:none}html body .touch-layer .touch-stick.is-visible{opacity:.9;transform:scale(1)}html body .touch-layer .touch-stick-thumb{position:absolute;left:50%;top:50%;width:40px;height:40px;border:2px solid rgba(90,39,4,.45);border-radius:50%;background:linear-gradient(135deg,#fff4dc,#f0bd6c);box-shadow:0 2px 6px #00000047}html body .touch-layer .touch-jump{position:absolute;right:8%;bottom:148px;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:2px solid rgba(90,39,4,.5);border-radius:50%;background:linear-gradient(135deg,#fff4dcd9,#f0bd6cd9);box-shadow:0 3px 9px #00000040;color:#5a2704;font-size:1.15rem;line-height:1;transition:transform 70ms ease,filter 70ms ease}html body .touch-layer .touch-jump.is-pressed{transform:scale(.9);filter:brightness(1.15)}html body .rotate-gate{position:fixed;inset:0;z-index:12100;display:none;align-items:center;justify-content:center;padding:24px;background:#1c1208eb}html body .rotate-gate.is-visible{display:flex}html body .rotate-gate-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 30px;border:3px solid #a5640a;border-radius:20px;background:linear-gradient(to bottom left,#f9e5bd,#f8daa5);text-align:center}html body .rotate-gate-icon{width:46px;height:74px;border:4px solid #5a2704;border-radius:9px;animation:rotate-hint 2.2s ease-in-out infinite}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}html body .rotate-gate-title{color:#42250e;font-size:1.5rem}html body .rotate-gate-text{color:#7a5228;font-size:.95rem}html body .fullscreen-btn{display:flex;align-items:center;justify-content:center;background-image:none!important}html body .fullscreen-btn .fullscreen-icon{width:15px;height:15px;border:2px solid currentColor;border-radius:3px;opacity:.85}html body .fullscreen-btn.is-active .fullscreen-icon{width:11px;height:11px;border-width:4px;border-style:double}html body .fullscreen-btn.is-blocked{opacity:.3;pointer-events:none}html body #character-screen #shop-screen{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#2b1c0c8c}html body #character-screen #shop-screen.hidden{display:none!important}html body #shop-screen .shop-tab{display:flex;align-items:center;justify-content:center;padding:8px 10px 6px;margin:3px 0;border-radius:10px;color:#6b431a;font-size:1rem;cursor:pointer;white-space:nowrap}html body #shop-screen .shop-tab.is-active{background:#a5640a2e;color:#42250e}html body #shop-screen .shop-coins{display:flex;align-items:center;gap:14px;justify-content:flex-start;gap:4px;margin-bottom:6px;color:#7a5228;font-size:.95rem}html body #shop-screen .shop-grid{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:10px;overflow-y:auto}html body #shop-screen .shop-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:118px;padding:9px 7px 7px;border:3px solid #a5640a;border-radius:15px;background:#fff9e7d9;cursor:pointer;transition:transform 90ms ease,filter 90ms ease}html body #shop-screen .shop-card:hover{transform:translateY(-2px);filter:brightness(1.04)}html body #shop-screen .shop-card.is-owned{cursor:default;opacity:.62}html body #shop-screen .shop-card.is-owned:hover{transform:none;filter:none}html body #shop-screen .shop-card-art{width:78px;height:78px;background-position:center;background-repeat:no-repeat;background-size:contain}html body #shop-screen .shop-card-name{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;max-width:100%;overflow:hidden;color:#42250e;font-size:.9rem;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:anywhere;word-spacing:initial}html body #shop-screen .shop-card-price{display:flex;align-items:center;gap:3px;color:#2a6634;font-size:.95rem}html body #shop-screen .shop-card-price.is-short{color:#a33b2a}html body #shop-screen .shop-card-owned{color:#8a6a45;font-size:.8rem}html body #shop-screen .shop-empty{justify-content:center;width:100%;padding:30px 0;color:#8a6a45;font-size:.95rem}html body #heroes-grid .hero-card{position:relative}html body #heroes-grid .hero-card-info{position:absolute;right:5px;top:5px;z-index:3;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #5a2704;border-radius:50%;background:linear-gradient(180deg,#f5c866,#d08a2d);color:#44260d;font-size:.85rem;line-height:1;cursor:pointer}html body #heroes-grid .hero-card-info:hover{filter:brightness(1.08)}html body #heroes-grid .hero-card.is-locked .hero-card-lock{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2}html body #character-screen .hero-info-overlay{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#2b1c0c8c}html body #character-screen .hero-info-panel{align-items:center;gap:10px;width:340px;max-width:calc(100% - 30px);padding:20px 22px;text-align:center}html body #character-screen .hero-info-title{color:#42250e;font-size:1.5rem}html body #character-screen .hero-info-text{color:#6b431a;font-size:.95rem;line-height:1.35;white-space:normal}html body #character-screen .hero-info-actions{display:flex;gap:9px;justify-content:center}html body #character-screen .hero-info-actions .btn{justify-content:center;min-width:120px;margin:0}html body .prf-avatar-option.prf-locked,html body .prf-frame-option.prf-locked{cursor:not-allowed;opacity:.6}html body #shop-screen .shop-panel{cursor:default}html body #shop-screen .shop-balance{display:inline-flex;align-items:center;gap:4px}html body #shop-screen .shop-balance .pearlIcon{width:15px;height:15px;object-fit:contain}html.is-touch #daily-gift-box{width:330px;padding:36px 14px 14px;border-width:3px;border-radius:14px;font-size:13px}html.is-touch #daily-gift-topper{width:86px;top:-34px}html.is-touch #daily-gift-box .dg-title{font-size:16px}html.is-touch #daily-gift-box .dg-sub,html.is-touch #daily-gift-box .dg-hint{font-size:11px}html.is-touch #daily-gift-box .dg-current{margin:11px 0 9px}html.is-touch #daily-gift-box .dg-next{gap:6px}html.is-touch #daily-gift-box .dg-cell{gap:2px;padding:6px 3px 4px;border-width:2px;border-radius:9px}html.is-touch #daily-gift-box .dg-icon{width:30px;height:30px}html.is-touch #daily-gift-box .dg-cell--current .dg-icon{width:40px;height:40px}html.is-touch #daily-gift-box .dg-claim{min-height:38px;padding:8px 18px 6px;font-size:15px}:root{--emote-knob-size: 46px;--emote-knob-edge: 6px;--emote-knob-lift: 178px}@media(max-width:1440px),(max-height:900px){html.vb-itch{--emote-knob-size: 38px;--emote-knob-lift: 136px}}@media(max-width:720px),(max-height:620px){html.vb-itch{--emote-knob-size: 34px;--emote-knob-lift: 116px}}html body .emote-wheel-knob{position:fixed;left:var(--emote-knob-edge);bottom:var(--emote-knob-lift);z-index:12150;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:var(--emote-knob-size);height:var(--emote-knob-size);border:2px solid rgba(90,39,4,.55);border-radius:50%;background:linear-gradient(135deg,#fff4dceb,#f0bd6ceb);box-shadow:0 3px 8px #00000047;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html body.emote-wheel-visible .emote-wheel-knob{display:flex}html body.emote-wheel-cooldown .emote-wheel-knob{opacity:.4;pointer-events:none}html body .emote-wheel-knob-art{width:26px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}html body .emote-wheel-knob-hint{font-size:8px;font-weight:700;letter-spacing:.08em;color:#5a2704;opacity:.8;pointer-events:none}html body .emote-wheel-knob:active{transform:scale(.93)}#emote-wheel{position:fixed;inset:0;z-index:12200;background:#1c12086b;touch-action:none;user-select:none;-webkit-user-select:none}#emote-wheel .emote-wheel-ring{position:absolute;width:0;height:0}#emote-wheel .emote-wheel-slot{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(90,39,4,.5);border-radius:50%;background:#fff4d6eb;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}#emote-wheel .emote-wheel-slot img{width:42px;height:32px;object-fit:contain;pointer-events:none}#emote-wheel .emote-wheel-slot-key{font-size:9px;font-weight:700;line-height:1;color:#5a2704;opacity:.7;pointer-events:none}#emote-wheel .emote-wheel-slot.is-selected{transform:scale(1.26);border-color:#f0bd6c;box-shadow:0 0 0 4px #f0bd6c80}#emote-wheel .emote-wheel-hint{position:absolute;transform:translate(-50%);color:#fff4dc;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:.8;pointer-events:none}@media(pointer:coarse){:root{--emote-knob-lift: 128px}html body .emote-wheel-knob{left:auto;right:var(--emote-knob-edge)}html body .emote-wheel-knob-hint{display:none}}.concept-settings-row-stacked{flex-direction:column;align-items:stretch;gap:6px}.emote-bind-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;width:100%}.emote-bind-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.emote-bind-art{flex:0 0 auto;width:34px;height:26px;background-repeat:no-repeat;background-position:center;background-size:contain}.emote-bind-name{flex:1 1 auto;display:block;text-align:left;font-size:.82rem;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emote-bind-key,.emote-bind-reset{flex:0 0 auto;min-width:46px;padding:4px 8px;border:2px solid rgba(90,39,4,.5);border-radius:8px;background:#fff4d6e6;color:#5a2704;font:inherit;font-size:.78rem;cursor:pointer}.emote-bind-key.is-capturing{border-color:#f0bd6c;box-shadow:0 0 0 3px #f0bd6c73}.emote-bind-reset{align-self:flex-end}html body #auth-gate{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;align-items:flex-start!important;padding:14px 0}html body #auth-gate #auth-gate-box{margin:auto}html body #auth-gate:before{position:fixed}@media(max-height:560px){html body #auth-gate{padding:10px 0}html body #auth-gate #auth-gate-box{gap:8px;padding:14px 18px 12px;width:min(360px,calc(100vw - 28px))}html body #auth-gate #auth-gate-logo{max-width:132px}html body #auth-gate #auth-gate-sub{font-size:.8em;max-width:34ch}html body #auth-gate #auth-gate-google{padding:8px 14px 6px;font-size:.92em}}@media(max-height:400px){html body #auth-gate #auth-gate-logo{display:none}html body #auth-gate #auth-gate-box{gap:7px;padding:12px 16px 10px}}html body #shop-screen .shop-grid.is-chests{display:block;overflow:hidden;padding:2px 2px 4px}html body #shop-screen .shop-dust-balance{margin-left:4px}html body #shop-screen .shop-dust-icon{width:17px;height:17px;object-fit:contain}html body #shop-screen .dust-chest-shop-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;width:100%;min-height:330px;box-sizing:border-box;padding:22px 24px;border:3px solid #b47a31;border-radius:18px;background:#fff9e7c7;box-shadow:inset 0 1px #ffffffbf}html body #shop-screen .dust-chest-shop-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:15px;background:radial-gradient(circle at 50% 44%,#f4b3213d 0,#f4b32100 46%),linear-gradient(180deg,#e2bf7e57,#ffffff14);overflow:hidden}html body #shop-screen .dust-chest-shop-art:after{content:"";position:absolute;left:12%;right:12%;bottom:24px;height:18px;border-radius:50%;background:#5d320c2e;filter:blur(7px)}html body #shop-screen .dust-chest-shop-art img{position:relative;z-index:1;width:205px;max-width:92%;filter:drop-shadow(0 8px 8px rgba(79,42,11,.16));transition:transform .14s ease}html body #shop-screen .dust-chest-shop-card:hover .dust-chest-shop-art img{transform:translateY(-3px)}html body #shop-screen .dust-chest-shop-info{display:flex;flex-direction:column;min-width:0;padding:6px 0 2px;color:#633d19}html body #shop-screen .dust-chest-shop-kicker{align-self:flex-start;padding:4px 9px 2px;border:2px solid rgba(165,100,10,.34);border-radius:10px;background:#f4b32121;color:#9a651b;font-size:.72rem;letter-spacing:.11em}html body #shop-screen .dust-chest-shop-name{margin-top:7px;color:#42250e;font-size:1.55rem;line-height:1.05}html body #shop-screen .dust-chest-shop-desc{max-width:430px;margin-top:8px;color:#7a5228;font-family:Arial,sans-serif;font-size:.84rem;line-height:1.4}html body #shop-screen .dust-chest-limit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;color:#795125;font-family:Arial,sans-serif;font-size:.82rem}html body #shop-screen .dust-chest-limit-row b{color:#4e2d11;font-family:South Africa,Arial,sans-serif;font-size:.9rem;font-weight:400}html body #shop-screen .dust-chest-pips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px}html body #shop-screen .dust-chest-pips span{height:9px;border:1px solid rgba(144,91,27,.25);border-radius:7px;background:#ead9b9;box-shadow:inset 0 1px 2px #502b0c14}html body #shop-screen .dust-chest-pips span.is-used{border-color:#a96f14;background:linear-gradient(180deg,#f6bd35,#dc9211)}html body #shop-screen .dust-chest-reset{margin-top:6px;color:#9b754e;font-family:Arial,sans-serif;font-size:.72rem}html body #shop-screen .dust-chest-reward-row{display:flex;align-items:center;gap:6px;margin-top:14px;padding:8px 10px;border:2px solid rgba(180,122,49,.35);border-radius:11px;background:#f4b32117;color:#5b3615}html body #shop-screen .dust-chest-reward-row img{width:22px;height:22px;object-fit:contain}html body #shop-screen .dust-chest-reward-row span{font-size:.94rem}html body #shop-screen .dust-chest-reward-row small{margin-left:auto;color:#967047;font-family:Arial,sans-serif;font-size:.69rem}html body #shop-screen .dust-chest-buy-btn{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;margin-top:auto;padding:10px 18px 8px;border:3px solid #8c5407;border-radius:13px;background:linear-gradient(180deg,#f7c748,#e9a718);box-shadow:inset 0 2px #ffffff73,0 3px #76450938;color:#4e2b0a;font:inherit;cursor:pointer;transition:transform 80ms ease,filter 80ms ease}html body #shop-screen .dust-chest-buy-btn:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}html body #shop-screen .dust-chest-buy-btn:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d}html body #shop-screen .dust-chest-buy-btn:disabled{cursor:default;opacity:.55;filter:saturate(.65)}html body #shop-screen .dust-chest-buy-btn .coinIcon{width:17px;height:17px}html body #shop-screen .dust-chest-shop-loading,html body #shop-screen .dust-chest-shop-error{margin-top:14px;font-family:Arial,sans-serif;font-size:.78rem}html body #shop-screen .dust-chest-shop-loading{color:#95734c}html body #shop-screen .dust-chest-shop-error{color:#a33b2a}#dust-chest-open-overlay{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;background:#2b1c0cb8;opacity:0;transition:opacity .15s ease}#dust-chest-open-overlay.is-opening{opacity:1}#dust-chest-open-overlay .dust-chest-open-box{width:430px;max-width:calc(100vw - 34px);box-sizing:border-box;padding:18px 22px 20px;border:3px solid #a5640a;border-radius:20px;background:linear-gradient(to bottom left,#f9e5bd,#f8daa5);box-shadow:0 12px 45px #0000006b;text-align:center;transform:scale(.94);transition:transform .17s ease;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}#dust-chest-open-overlay.is-opening .dust-chest-open-box{transform:scale(1)}#dust-chest-open-overlay .dust-chest-open-title{display:block!important;width:100%;flex:0 0 auto;color:#4c2b0f;font-size:1.35rem;letter-spacing:.04em;text-align:center}#dust-chest-open-overlay .dust-chest-open-stage{position:relative;display:block!important;flex:0 0 auto;width:300px;height:210px;margin:3px auto 0;overflow:visible}#dust-chest-open-overlay .dust-chest-open-base,#dust-chest-open-overlay .dust-chest-open-lid{position:absolute;left:30px;width:240px;pointer-events:none}#dust-chest-open-overlay .dust-chest-open-base{bottom:8px;z-index:3}#dust-chest-open-overlay .dust-chest-open-lid{top:45px;z-index:4;transform-origin:50% 80%;transition:transform .36s cubic-bezier(.2,.75,.25,1.25),opacity .25s ease}#dust-chest-open-overlay.is-opening .dust-chest-open-lid{animation:dust-chest-shake .33s ease 1}#dust-chest-open-overlay.is-revealed .dust-chest-open-lid{transform:translate(-13px,-58px) rotate(-10deg)}#dust-chest-open-overlay .dust-chest-open-glow{position:absolute;z-index:1;left:50%;top:90px;width:90px;height:90px;border-radius:50%;background:#ffbe26cc;filter:blur(22px);opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .22s ease,transform .38s ease}#dust-chest-open-overlay.is-revealed .dust-chest-open-glow{opacity:.85;transform:translate(-50%,-50%) scale(1.9)}#dust-chest-open-overlay .dust-chest-burst{position:absolute;z-index:5;left:50%;top:95px;width:1px;height:1px}#dust-chest-open-overlay .dust-chest-burst span{--a: calc(var(--i) * 30deg);position:absolute;width:7px;height:7px;border-radius:50%;background:#f5b526;box-shadow:0 0 7px #f5b526a6;opacity:0}#dust-chest-open-overlay.is-revealed .dust-chest-burst span{animation:dust-chest-particle .65s ease-out forwards;animation-delay:calc(var(--i) * 13ms)}#dust-chest-open-overlay .dust-chest-reward-pop{position:absolute;z-index:7;left:50%;top:92px;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;min-width:112px;padding:6px 12px;box-sizing:border-box;border:2px solid rgba(169,99,10,.72);border-radius:15px;background:#ffe8adf5;box-shadow:0 5px 16px #7542073d,0 0 24px #f7b7256b;color:#62380d;opacity:0;transform:translate(-50%,30px) scale(.55);pointer-events:none}#dust-chest-open-overlay .dust-chest-reward-pop img{display:block;width:38px;height:38px;object-fit:contain}#dust-chest-open-overlay .dust-chest-reward-pop b{display:block;font-size:1.75rem;line-height:1;white-space:nowrap}#dust-chest-open-overlay.is-revealed .dust-chest-reward-pop{animation:dust-chest-reward-rise .52s cubic-bezier(.15,.82,.25,1.18) 80ms forwards}#dust-chest-open-overlay .dust-chest-open-result{position:relative;z-index:10;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:12px;width:calc(100% - 18px);min-height:66px;margin:2px auto 0!important;padding:8px 16px!important;box-sizing:border-box;border:2px solid #d29a42;border-radius:15px;background:#fff6dcb8;box-shadow:inset 0 1px #ffffffb8;color:#5c350f;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .17s ease,transform .22s cubic-bezier(.2,.8,.2,1.2);text-align:left}#dust-chest-open-overlay.is-revealed .dust-chest-open-result{opacity:1;transform:none}#dust-chest-open-overlay .dust-chest-open-result>img{display:block;flex:0 0 auto;width:45px;height:45px;object-fit:contain}#dust-chest-open-overlay .dust-chest-open-result-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0}#dust-chest-open-overlay .dust-chest-open-result-copy b{display:block;font-size:2rem;line-height:.95;color:#58310b;white-space:nowrap}#dust-chest-open-overlay .dust-chest-open-result-copy span{display:block;margin-top:4px;color:#95671f;font-size:.78rem;line-height:1;letter-spacing:.08em;white-space:nowrap}#dust-chest-open-overlay .dust-chest-open-hint{display:block!important;flex:0 0 auto!important;width:100%;margin:10px auto 0!important;color:#9b7650;font-family:Arial,sans-serif;font-size:.72rem;line-height:1.25;text-align:center;opacity:0;transition:opacity .15s ease}#dust-chest-open-overlay.is-ready .dust-chest-open-hint{opacity:1}@keyframes dust-chest-reward-rise{0%{opacity:0;transform:translate(-50%,32px) scale(.55)}65%{opacity:1;transform:translate(-50%,-42px) scale(1.08)}to{opacity:1;transform:translate(-50%,-36px) scale(1)}}@keyframes dust-chest-shake{0%,to{transform:translate(0) rotate(0)}24%{transform:translate(-5px) rotate(-2deg)}48%{transform:translate(5px) rotate(2deg)}72%{transform:translate(-3px) rotate(-1deg)}}@keyframes dust-chest-particle{0%{opacity:0;transform:rotate(var(--a)) translate(4px) scale(.5)}18%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(84px) scale(1.1)}}@media(max-width:720px){html body #shop-screen .dust-chest-shop-card{grid-template-columns:150px minmax(0,1fr);gap:12px;padding:14px;min-height:0}html body #shop-screen .dust-chest-shop-art{min-height:220px}html body #shop-screen .dust-chest-shop-art img{width:150px}html body #shop-screen .dust-chest-shop-name{font-size:1.25rem}html body #shop-screen .dust-chest-shop-desc{font-size:.75rem}}html body #character-screen #inventory-screen{position:fixed!important;inset:0!important;z-index:14500!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:34px!important;background:#2b1f128c!important}html body #character-screen #inventory-screen.hidden{display:none!important}html body #inventory-panel{width:min(1180px,94vw);height:min(720px,88vh);min-height:520px;display:grid;grid-template-columns:245px 1fr;overflow:hidden;background:linear-gradient(135deg,#f5d99d,#ffe9bd 55%,#f8d79c);border:4px solid #a5640a;border-radius:24px;box-shadow:0 18px 55px #00000061;color:#513018;font-family:South Africa,sans-serif}html body #inventory-side{padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:#bf84332e;border-right:2px solid rgba(165,100,10,.35)}html body #inventory-back{align-self:flex-start;width:52px;height:42px;margin-bottom:15px}html body .inventory-tab{padding:15px 16px 12px;border-radius:15px;cursor:pointer;font-size:1.1rem;font-weight:800;color:#71451f;transition:background .12s,transform .12s}html body .inventory-tab:hover{background:#fff4d38c}html body .inventory-tab.is-active{background:linear-gradient(180deg,#fff0c8,#f6d99f);color:#4d2d14;box-shadow:0 3px #a5640a47,inset 0 1px #ffffffa6}html body #inventory-main{min-width:0;display:grid;grid-template-rows:auto minmax(200px,1fr) auto auto;padding:22px 26px 20px}html body #inventory-title{font-size:2rem;font-weight:900;letter-spacing:.02em;color:#4b2c14;margin-bottom:14px}html body #inventory-grid{align-content:start;display:grid;grid-template-columns:repeat(7,minmax(76px,1fr));gap:12px;overflow:auto;padding:8px 6px 16px 2px;border-bottom:1px solid rgba(113,69,31,.2)}html body .inventory-item-card{position:relative;aspect-ratio:1;min-height:82px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(126,78,28,.38);border-radius:10px;background:linear-gradient(145deg,#fff6dce6,#e6c280b8);box-shadow:inset 0 1px #ffffffbf,0 2px 7px #5935121f;transition:transform .12s,filter .12s,border-color .12s}html body .inventory-item-card:hover{transform:translateY(-2px);filter:brightness(1.04)}html body .inventory-item-card.is-selected{border-color:#a5640a;box-shadow:0 0 0 3px #e5a52a57,0 3px 8px #5935122e}html body .inventory-item-card img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(70,38,9,.18))}html body .inventory-item-count{position:absolute;right:6px;bottom:4px;min-width:22px;padding:2px 5px;text-align:center;border-radius:7px;background:#4e2b0cd1;color:#fff2cc;font:700 .78rem Arial,sans-serif}html body .inventory-empty{grid-column:1/-1;padding:38px 8px;text-align:center;color:#9b754d;font-size:1rem}html body #inventory-detail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 6px 4px}html body #inventory-detail.is-hidden{display:none}html body #inventory-detail-art:empty{display:none}html body #inventory-detail-meta:empty{display:none}html body #inventory-detail-art{width:64px;height:64px;display:flex;align-items:center;justify-content:center}html body #inventory-detail-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(70,38,9,.18))}html body #inventory-detail-copy{min-width:0}html body #inventory-detail-name{font-size:1.08rem;font-weight:900;color:#5a3518;margin-bottom:3px}html body #inventory-detail-desc{font-family:Arial,sans-serif;font-size:.84rem;line-height:1.35;color:#795535;max-width:610px}html body #inventory-detail-meta{margin-top:5px;font-size:.78rem;color:#a16b2e}html body #inventory-use{min-width:118px;max-width:130px;padding:10px 16px 8px;border:3px solid #8e570b;border-radius:12px;background:linear-gradient(180deg,#efb437,#d98a0d);box-shadow:0 4px #975908;color:#fff3cc;font-family:South Africa,sans-serif;font-weight:900;font-size:.92rem;cursor:pointer}html body #inventory-use:disabled{opacity:.45;cursor:default;filter:saturate(.55)}html body #inventory-error{min-height:15px;text-align:right;color:#a33b2a;font:.78rem Arial,sans-serif}@media(max-width:900px){html body #inventory-panel{grid-template-columns:185px 1fr}html body #inventory-grid{grid-template-columns:repeat(5,minmax(68px,1fr))}html body #inventory-detail{gap:10px}html body #inventory-detail-art{width:54px;height:54px}}html body #heroes-grid .hero-card.rarity-mythic{border-color:#d92d2d!important;box-shadow:inset 0 0 0 1px #ff757547!important}html body #heroes-grid .hero-card.rarity-mythic .hero-card-plate{background:linear-gradient(90deg,#761017f5,#570c12f5)!important}html body #heroes-grid .hero-card.rarity-mythic .hero-card-rarity{color:#ffd0d0!important}html body #heroes-grid .hero-card.rarity-mythic:hover{border-color:#ef3f3f!important;box-shadow:0 8px 14px #2d3a4538,0 0 0 2px #ef3f3f8c!important}html body #heroes-grid .hero-card.rarity-mythic.is-selected{border-color:#a70f18!important;box-shadow:0 0 0 3px #f15353,0 8px 14px #2d3a4540!important}html body #heroes-grid .hero-card.rarity-mythic.is-locked{border-color:#d92d2d!important}html body #character-screen .pm-sub{display:flex;flex-direction:column;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:max-height .18s ease,opacity .18s ease;pointer-events:none}html body #character-screen .pm-sub.pm-sub-open{max-height:200px;opacity:1;pointer-events:auto}html body #character-screen .pm-sub-btn{min-height:48px;margin-left:26px;font-size:1.3rem}html body #character-screen .pm-fan-caret{display:inline-block;margin-left:6px;font-size:1.1rem;line-height:1}
