:root{--paper22:#efe2c2;--glow22:#dbe4ac;--touch-size22:68px}button,summary,button *,[role=button],.controls22,.mobile-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button img,button svg,button canvas{pointer-events:none;-webkit-user-drag:none}button{touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button:disabled{transform:none!important}button:focus-visible,summary:focus-visible{outline:3px solid #d5b66d;outline-offset:4px}.icon22{width:28px;height:28px;display:inline-block;flex-shrink:0;pointer-events:none}.image-button22{display:inline-grid;place-items:center;min-width:48px;min-height:48px}.image-button22 .icon22{width:32px;height:32px}.mobile-controls,.arena-touch17{touch-action:none}.arena-touch17{display:none}.touch22 .arena-touch17{display:flex!important}.direction22,.jumpzone22{display:flex;align-items:flex-end;gap:12px}.touch-key22{width:var(--touch-size22);height:var(--touch-size22);padding:14px!important;box-shadow:0 5px 0 #17324444,0 8px 24px #15314922;border:2px solid #e6f5e7!important;background:#e6efdadc!important;color:#274954!important;border-radius:25px!important}.touch-key22.held{transform:translateY(3px)!important;background:#a2d8bc!important;box-shadow:0 2px 0 #17324444}.jumpzone22 .touch-key22{width:calc(var(--touch-size22)*1.22);height:calc(var(--touch-size22)*1.22);background:#e8d7a5ed!important}.touch-emote22{width:48px;height:48px;border-radius:50%!important;padding:6px!important}.mode-grid22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.mode-card22{padding:0 0 22px;overflow:hidden;border-radius:26px;background:var(--cw21-panel);border:1px solid var(--cw21-line);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.mode-card22:has(button.active){border-color:#dec98e;box-shadow:0 0 0 3px #dec98e18,0 18px 40px #17283a33}.mode-art22{width:100%!important;height:auto!important;aspect-ratio:640/300!important}.mode-card22>h3,.mode-card22>p,.mode-card22>small{margin-left:22px;margin-right:22px}.mode-card22>h3{font-size:23px;letter-spacing:-.5px;margin-top:8px;margin-bottom:8px}.mode-card22>p{font-size:13px;line-height:1.7;color:var(--cw21-muted);flex:1}.mode-card22>small{letter-spacing:1.5px;font-size:10px;color:#a8cbb7;margin-top:13px}.mode-card22>button{margin:10px 22px 0;min-height:46px}.arena-ranked19{padding:16px 20px;border-radius:18px;background:var(--cw21-panel);border:1px solid var(--cw21-line)}.arena-actions19{gap:10px;margin-bottom:20px}.arena-actions19 button.primary{min-width:190px;min-height:48px}.arena-live19 .arena-actions19{margin:0}.arena-live19 .arena-actions19 button{min-width:0;min-height:40px}.arena-live19 .arena-hud17{max-width:70%;white-space:normal;line-height:1.5;font-weight:700;letter-spacing:.5px}.result-backdrop22{position:absolute;inset:0;display:grid;place-items:center;background:#122c4266;backdrop-filter:blur(8px);z-index:50;padding:20px;overflow:auto}.match-result22{text-align:center;width:min(100%,520px);padding:28px;border-radius:30px;background:linear-gradient(160deg,#3b584e,#243742);border:1px solid #d9d9a2;color:#f8eed7;box-shadow:0 24px 90px #12283b66;animation:result-in22 .4s ease-out}.match-result22.loss22{background:linear-gradient(160deg,#4c4554,#27394b);border-color:#a7bccf}.result-kicker22{display:block;font-size:10px;letter-spacing:2.5px;margin-bottom:22px}.match-result22>.icon22{width:70px;height:70px;color:#f5d98c;filter:drop-shadow(0 0 20px #f5d98c55)}.match-result22 h2{font-size:34px;margin:12px 0 22px}.match-result22 button{margin:7px;min-height:44px}.result-score22{display:flex;justify-content:center;gap:60px;margin:24px}.result-score22>div{display:grid;gap:7px}.result-score22 strong{font-size:46px;color:#c2d2d1}.result-score22 .winner22 strong{color:#f5da93}.result-score22 span{font-size:13px;max-width:155px;overflow-wrap:anywhere}.completion22{width:min(92vw,670px);max-height:90dvh;border-radius:30px;padding:30px;text-align:center;background:var(--cw21-panel);color:var(--cw21-ink);border:1px solid #ccb989}.completion22 #dialogTitle{font-size:30px}.completion22::backdrop{backdrop-filter:blur(6px);background:#19304488}.completion22 #dialogButtons{justify-content:center}.medal-row22{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.medal22{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 6px;border-radius:19px;background:#12283b16;color:var(--cw21-muted);border:1px solid var(--cw21-line)}.medal22 .icon22{width:65px;height:65px;opacity:.3}.medal22.earned22{border-color:#d6ba7466;background:#dbca8012;animation:medal-in22 .6s both;animation-delay:calc(.15s + var(--order)*.2s)}.earned22 .icon22{opacity:1;color:#dfb95f;filter:drop-shadow(0 5px 7px #deb05255)}.earned22 .icon22 path{fill:#ebcc7b;stroke:#9a783e;stroke-width:2}.medal22 strong{font-size:12px}.medal22 small{font-size:11px}.result-time22{font-variant-numeric:tabular-nums}.shop-hero22,.promo-hero22{border:1px solid #ffffff22;background:radial-gradient(ellipse at 85% 10%,#b9cfaa22,transparent 45%),linear-gradient(130deg,#31554e,#28374b);padding:32px;border-radius:28px;color:#f6eed7;margin:20px 0}.shop-hero22 h2,.promo-hero22 h2{font-size:36px;letter-spacing:-1px;margin:10px 0}.shop-hero22 small,.promo-hero22 small{font-size:10px;letter-spacing:2.5px}.shop-tabs22{display:flex;gap:8px;overflow:auto;padding:7px 0 17px;position:sticky;top:0;z-index:4;background:var(--cw21-panel);border-radius:14px}.shop-tabs22 button{flex-shrink:0}.shop-grid22{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.shop-grid22>.card{padding:20px;display:flex;flex-direction:column;gap:8px;border-radius:24px;background:linear-gradient(145deg,#ffffff08,transparent),var(--cw21-panel);border-color:var(--cw21-line)}.shop-grid22 .case-art14{max-width:100%;height:auto!important;aspect-ratio:320/180!important}.shop-grid22 .card h3{font-size:20px;margin:5px 0}.shop-grid22 .card>p{margin:0;line-height:1.7;font-size:12px;min-height:0}.shop-grid22 .card>select{margin-top:auto}.shop-grid22 .card:has([data-currency=capCoins]){border-color:#ccb48788}.shop-grid22 .case-odds19{margin:9px 0}.shop-grid22 .card>button{min-height:46px}.shop-grid22 .card[hidden]{display:none}.fragment-grid22{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;margin:22px 0}.fragment-card22{padding:20px;text-align:center;border-radius:22px;background:var(--cw21-panel);border:1px solid var(--rarity);display:flex;flex-direction:column;gap:9px}.fragment-card22 h3{color:var(--rarity);margin:5px}.fragment-card22 progress{width:100%;accent-color:var(--rarity);height:7px}.fragment-art22{width:140px!important;height:166px!important;aspect-ratio:160/190!important;margin:auto}.fragment-pool22{display:flex;align-items:center;gap:8px;padding:7px 0;text-align:left;font-size:11px}.fragment-pool22 img{width:60px;height:auto}.fragment-pool22 small{margin-left:auto}.paper-reveal22{width:min(92vw,690px);background:var(--cw21-panel);color:var(--cw21-ink);text-align:center;border:1px solid #dabf84;border-radius:26px;padding:25px}.paper-drops22{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.paper-drop22{display:flex;flex-direction:column;gap:10px;color:var(--rarity);animation:medal-in22 .65s both;animation-delay:calc(var(--order)*.2s)}.paper-drop22 small{font-size:12px}.paper-drop22 canvas{max-width:100%;height:auto!important}.admin-form22{max-width:850px;display:grid;gap:14px;margin:24px 0}.admin-form22 label{display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:13px}.admin-form22 input:not([type=checkbox]){max-width:310px;width:100%}.promo-reward22{display:grid;grid-template-columns:1fr 1.5fr 80px 80px auto;gap:7px;padding:12px;border:1px solid var(--cw21-line);border-radius:15px;margin:10px 0}.promo-reward22>*{min-width:0}.promo-form22{display:flex;gap:10px;margin:20px 0;max-width:580px}.promo-form22 input{min-width:0;flex:1;font-size:18px;text-transform:uppercase;letter-spacing:1px}.promo-output22{line-height:1.7}.temporary22{font-size:11px;color:#e4be81;padding:7px 9px;border:1px dashed #e4be8188;border-radius:9px}.ads-choices22{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ad-choice22{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--cw21-panel);border:1px solid var(--cw21-line);border-radius:24px}.ad-choice22 img{max-width:100%;height:auto}.ads-status22{padding:18px;border:1px solid var(--cw21-line);border-radius:14px}.ad-player22{margin:0;background:radial-gradient(ellipse at top,#375b54,#1b2d40);color:#f2edd9;font:16px system-ui;min-height:100dvh;display:grid;place-items:center}.ad-player22 main{text-align:center;max-width:550px;padding:30px}.ad-player22 button{background:#e5d097;border:0;border-radius:12px;padding:15px 20px;margin:10px;color:#293e49;cursor:pointer;font:inherit}.ad-player22 button[hidden]{display:none}.ad-player22 h1{font-size:36px}.ad-player22 span{letter-spacing:4px;font-size:11px}.ad-player22 p{line-height:1.8}.nav-icon22{display:none}.emote-choice19 canvas{image-rendering:auto}.emote-disk19{border:1px solid #d2dac155}.emote-choice19.selected{background:linear-gradient(135deg,#597d70,#385958);box-shadow:inset 0 0 0 2px #e7cf9166,0 0 20px #d4dfb425} @keyframes medal-in22{from{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}@keyframes result-in22{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}} html.touch22 button,html.touch22 summary{min-height:44px}html.touch22 #nav{display:flex;flex-wrap:wrap;width:100%;gap:6px;order:4;overflow:visible}html.touch22 #nav>button{flex:1 1 14%;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:14px}html.touch22 .nav-icon22{display:block;width:22px;height:22px}html.touch22 #nav>.nav-more20{flex:1}html.touch22 .nav-more20>summary{font-size:12px;padding:11px;text-align:center}html.touch22 .nav-popover20{left:0;right:auto;min-width:185px;max-height:60dvh;overflow:auto}html.touch22 .nav-more20:last-child .nav-popover20{left:auto;right:0}html.touch22 header{padding:10px;gap:8px;flex-wrap:wrap}html.touch22 header .brand{margin-right:auto}html.touch22 #themeToggle{font-size:11px;padding:8px}html.touch22 #account,html.touch22 #wallet{font-size:12px;padding:8px}html.touch22 #menu{padding:14px 12px 85px}html.touch22 input,html.touch22 textarea,html.touch22 select{font-size:16px}html.touch22 .hub-hero21{padding:24px;grid-template-columns:1fr}html.touch22 .hub-art21{display:none}html.touch22 .hub-grid21{grid-template-columns:1fr}html.touch22 .hub-choice21{grid-template-columns:94px 1fr;min-height:114px}html.touch22 .hub-choice21 img{width:94px}html.touch22 .inventory-grid20{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.touch22 .inventory-toolbar20{display:flex;flex-wrap:wrap;gap:8px}html.touch22 .inventory-toolbar20>input{flex:1;min-width:140px}html.touch22 .loadout20{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.touch22 .inventory-tabs20{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}html.touch22 .inventory-tabs20 button{flex-shrink:0}html.touch22 .chat-launch21{bottom:calc(12px + env(safe-area-inset-bottom))}html.touch22 .playing19 .mobile-controls{display:flex!important;position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;pointer-events:none;width:auto}.touch22 .mobile-controls>*{pointer-events:auto}.touch22 .mobile-controls[hidden]{display:none!important}.touch22 .move-pad{width:132px;height:90px;border:2px solid #e4f2d899;border-radius:48px;background:#294b5766;backdrop-filter:blur(6px);touch-action:none}.touch22 .move-guide{display:flex;align-items:center;justify-content:space-between;position:absolute;inset:23px 10px;color:#e8f0d1}.touch22 .move-guide svg{width:34px;height:34px}.touch22 .move-knob{width:62px;height:62px;border-radius:50%;background:#e4edc9cc;border:3px solid #fff3cf;box-shadow:0 5px 15px #142c4b33}.touch22 .mobile-actions{display:grid;grid-template-columns:52px 66px 78px;gap:10px;align-items:end;width:auto}.touch22 .mobile-actions button{width:52px;height:52px;min-width:0;min-height:0;padding:8px;border-radius:18px;background:#e1eed2df;color:#284958;border:2px solid #e9f4e0aa}.touch22 .mobile-actions .jump-button{width:78px;height:78px;grid-column:3;grid-row:1/3;border-radius:28px;background:#ecd8a4ed}.touch22 .mobile-actions .jump-button svg{width:40px;height:40px}.touch22 .mobile-actions [data-mobile=dash]{grid-column:2;grid-row:2}.touch22 .mobile-actions .emote-mobile19{grid-column:1;grid-row:1}.touch22 .playing19 .scene-actions19{display:none}.touch22 .playing19 .hud{top:70px}.touch22 .playing19 .strip{right:12px;gap:7px}.touch22 .playing19 .strip button{width:44px;min-height:44px;padding:8px}.touch22 .playing19 #restart{display:none}.touch22 .playing19 #leveltitle{display:none}.touch22 .playing19 .chat-launch21,.touch22 .arena-live19 .chat-launch21{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;padding:8px}.touch22 .arena-live19 .arena-hud17{top:12px;width:50%;max-width:50%;padding:7px;font-size:11px;min-height:30px;left:50%}.touch22 .arena-status19{top:63px;font-size:11px;width:82%;max-width:82%;margin:0}.touch22 .arena-live19 .arena-actions19{top:12px;left:12px;right:auto;bottom:auto}.touch22 .arena-live19 .arena-actions19>button{display:none}.touch22 .arena-live19 .arena-actions19>.leave22{display:block;width:44px;height:44px;padding:7px}.touch22 .arena-live19 .arena-touch17{bottom:max(22px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));pointer-events:none}.touch22 .arena-touch17 button{pointer-events:auto}.touch22 .chat21{max-height:65dvh}.touch22 .mode-grid22{grid-template-columns:1fr}.touch22 .mode-card22{display:grid;grid-template-columns:125px 1fr;padding:12px;gap:2px 12px;border-radius:20px}.touch22 .mode-card22>.mode-art22{width:125px!important;height:130px!important;object-fit:cover;grid-row:1/5;border-radius:14px}.touch22 .mode-card22>h3,.touch22 .mode-card22>p,.touch22 .mode-card22>small,.touch22 .mode-card22>button{margin:4px 0}.touch22 .mode-card22>h3{font-size:19px}.touch22 .mode-card22>p{font-size:11px}.touch22 .ads-choices22{grid-template-columns:1fr}.touch22 .ad-choice22{padding:15px;display:grid;grid-template-columns:110px 1fr}.touch22 .ad-choice22>img{grid-row:1/4}.touch22 .fragment-grid22{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.touch22 .fragment-card22{padding:10px}.touch22 .promo-reward22{grid-template-columns:1fr 1fr}.touch22 .admin-form22 label{flex-direction:column;align-items:stretch}.touch22 .admin-form22 input:not([type=checkbox]){max-width:none}.touch22 .shop-grid22{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.touch22 .shop-grid22>.card{padding:12px;gap:6px}.touch22 .shop-grid22 h3{font-size:16px}.touch22 .shop-grid22 button{font-size:11px;padding:10px 6px}.touch22 .shop-grid22 select{font-size:14px}.touch22 .shop-hero22,.touch22 .promo-hero22{padding:22px}.touch22 .promo-form22{flex-wrap:wrap}.touch22 .promo-form22 input{flex-basis:100%}.touch22 .completion22{padding:20px 12px}.touch22 .medal22{padding:14px 4px}.touch22 .medal22 .icon22{width:50px;height:50px}.touch22 .medal22 strong{font-size:10px}.touch22 .medal22 small{font-size:9px}.touch22 .emote-choice19{min-height:0}.touch22 .emote-center19{min-height:0} @media(orientation:portrait){html.touch22 .playing19 .stage,html.touch22 .arena-live19 .arena-canvas17{height:calc(100dvh - 195px - env(safe-area-inset-bottom))!important}html.touch22 .playing19 #play,html.touch22 .arena-shell19{background:linear-gradient(#294753,#243846)}html.touch22 .playing19 .mobile-controls,html.touch22 .arena-live19 .arena-touch17{bottom:calc(30px + env(safe-area-inset-bottom))}.touch22 .result-backdrop22{padding:12px}.touch22 .match-result22{padding:24px 15px}.touch22 .match-result22 h2{font-size:28px}} @media(max-height:480px){.touch22{--touch-size22:60px}.touch22 .mobile-actions{gap:7px}.touch22 .mobile-actions button{height:44px;width:44px}.touch22 .mobile-actions .jump-button{height:70px;width:70px}.touch22 .move-pad{width:116px;height:80px}.touch22 .move-knob{width:55px;height:55px}.touch22 .match-result22{padding:15px}.touch22 .match-result22>.icon22{display:none}.touch22 .match-result22 h2{margin:5px;font-size:25px}.touch22 .result-score22{margin:8px}.touch22 .result-score22 strong{font-size:29px}.touch22 .result-kicker22{margin-bottom:8px}.touch22 .medal-row22{margin:10px 0}.touch22 .medal22{padding:7px}.touch22 .medal22 .icon22{width:38px;height:38px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.medal22,.match-result22,.paper-drop22{animation:none!important}} 