/* Shared interface finish. Warm paper, charcoal panels and restrained game colours. */
:root{--ui-panel:#242627;--ui-raised:#303334;--ui-line:#ffffff24;--ui-text:#faf7ef;--ui-muted:#b7b9b4;--ui-orange:#f59b42;--ui-green:#a5d586;--ui-font:Barlow,Arial,sans-serif}
button,input,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ffd29c!important;outline-offset:4px}button{ -webkit-tap-highlight-color:transparent}
#main-menu,#modal,#match-top,#match-controls,#match-rescue,#match-observe{font-family:var(--ui-font);color:var(--ui-text)}
#main-menu::before{background:#13181745;backdrop-filter:blur(7px) saturate(.92);-webkit-backdrop-filter:blur(7px) saturate(.92);animation:none}
#main-menu[data-screen=main] .mm-stack{width:min(450px,calc(100vw - 40px));gap:12px;padding-bottom:28px}
.cv-logo{width:min(345px,70vw);margin:0 auto -10px}.cv-logo img{filter:drop-shadow(0 4px 0 #171c2455)}
#main-menu[data-screen=main] .mm-home{padding:0;gap:15px}
.cv-play-grid{gap:10px}.cv-play-grid .mm-item{min-height:64px;padding:18px 10px;border-radius:10px;background:#292d2de8;border:1px solid #ffffff38;box-shadow:0 3px 0 #161b1ca8;transition:background .12s,transform .12s;filter:none}
.cv-play-grid .mm-item b{font:700 17px/1.2 var(--ui-font);text-shadow:0 1px 1px #0006;letter-spacing:.02em}
.cv-play-grid .cv-quick{min-height:80px;background:#ef963f;border-color:#ffbe78;box-shadow:0 4px 0 #a45b29}
.cv-play-grid .cv-quick b{font:800 27px/1 var(--ui-font);text-shadow:0 2px 0 #ad672d80;letter-spacing:.025em}
.cv-play-grid .mm-item:hover{background:#3b4040;border-color:#ffffff78;transform:translateY(-1px);box-shadow:0 4px 0 #161b1ca8;filter:none}.cv-play-grid .cv-quick:hover{background:#f9a34e;box-shadow:0 5px 0 #a45b29}.cv-play-grid .mm-item:active{transform:translateY(2px);box-shadow:0 1px 0 #161b1ca8}
.cv-player{margin:2px 0 0;gap:10px}.cv-player>span{display:block;color:#eee9df;font:600 11px var(--ui-font);letter-spacing:.07em;text-shadow:0 1px 3px #0009}.cv-player input{width:174px;background:#242829b3;border:1px solid #ffffff30;border-radius:6px;padding:8px 12px;font:600 14px var(--ui-font);color:#fff;text-align:left}
.cv-tools{gap:10px;bottom:max(24px,env(safe-area-inset-bottom))}.cv-tools button{background:#242829e8;border:1px solid #ffffff35;border-radius:8px;min-height:44px;padding:11px 18px;font:600 13px var(--ui-font);letter-spacing:.02em;box-shadow:0 2px 0 #0004}.cv-tools button:hover{background:#3b4040}.cv-tools svg{width:18px;height:18px;color:#d2d5ce}
.cv-menu-wallet{top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));background:#242829e8!important;border:1px solid #ffffff2b!important;border-radius:8px;padding:11px 15px!important;gap:18px!important;font:700 16px var(--ui-font)!important;box-shadow:0 2px 0 #0003}.cv-menu-wallet span{gap:8px}.cv-menu-wallet em{color:#efc66e}.cv-menu-wallet .diamond-balance em{color:#9acfd9}
#daily-open{left:24px;top:18px;border:1px solid #ffffff30!important;border-radius:9px;background:#242829e8!important;box-shadow:0 2px 0 #0003;padding:6px 15px 6px 6px!important;gap:6px}#daily-open img{width:48px;height:45px;animation:none!important}#daily-open b{font:700 12px var(--ui-font)!important}#daily-open small{display:block!important;font:500 10px var(--ui-font);color:#b5b8af;margin-top:3px}#daily-open[data-ready=true]{border-color:#dcb66c88!important}
#main-menu .mm-panel>*{animation:none}#main-menu:not([data-screen=main]) .mm-stack{width:min(480px,100%);margin:auto}#main-menu:not([data-screen=main]) .mm-sheet{max-width:none;padding:28px;background:#242627f5;border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 12px 40px #0004;animation:none}
#main-menu .mm-title{font:700 28px/1.1 var(--ui-font);letter-spacing:0;margin:4px 0 13px}#main-menu .mm-back{font:600 13px var(--ui-font);color:#c4c8c1;padding:4px 0;text-align:left;width:fit-content}#main-menu .mm-back:hover{color:#fff}#main-menu .mm-label{font:700 11px var(--ui-font);letter-spacing:.07em;color:#bdc1b9}#main-menu .mm-create-note,#main-menu .mm-field>small{font:400 14px/1.5 var(--ui-font);color:#c3c6bf}
#main-menu .mm-primary{border:1px solid #ffbc76;border-radius:7px;background:#ee9642;color:#211b15;box-shadow:0 2px 0 #aa652f;padding:13px 17px;font:700 15px var(--ui-font)}#main-menu .mm-primary:hover{background:#ffad5c;filter:none}#main-menu .mm-primary:disabled{background:#414541;border-color:#5d645a;color:#c1c5bc;box-shadow:none;opacity:.8}
#main-menu input:not(#mm-name),#main-menu select{font:600 15px var(--ui-font);background:#181b1c;border:1px solid #ffffff32;border-radius:7px;color:#faf7ef;padding:12px;min-width:0}#main-menu .mm-code{background:#191c1d;border:1px solid #ffffff28;border-radius:7px;font:700 22px var(--ui-font);letter-spacing:.08em;color:#faf7ef}#main-menu .mm-switch{background:#191c1d;border:1px solid #ffffff24;border-radius:7px;padding:3px}#main-menu .mm-switch button{font:600 12px var(--ui-font);border-radius:4px}#main-menu .mm-switch [aria-checked=true]{background:#c6d3ba;color:#253026;box-shadow:none}#main-menu summary{font:600 13px var(--ui-font);color:#c5c9c0}#main-menu details{border-color:#ffffff20}#main-menu .mm-members>div{background:#ffffff05;border:1px solid #ffffff13;border-radius:6px;padding:11px 12px;font-family:var(--ui-font)}#main-menu .mm-members span{font-size:15px}#main-menu .mm-members small{font-size:10px;color:#b5bcb1}#main-menu .mm-members i{background:#a5d586;box-shadow:none}#main-menu .mm-status,#main-menu .mm-notice{font:500 13px/1.5 var(--ui-font);color:#d8c7a4}#main-menu .mm-search{background:#191c1d;border:1px solid #ffffff1c;border-radius:10px;padding:22px}#main-menu .mm-search>b{font:700 46px/1 var(--ui-font);color:#f8ca8e;text-shadow:none}#main-menu .mm-search>span{font:500 14px/1.5 var(--ui-font);color:#c5c9c0}#main-menu .mm-ghost,#main-menu .mm-danger,#mm-lobby{font:600 13px var(--ui-font);padding:12px;border-radius:7px;background:#333738;border:1px solid #ffffff22}#main-menu .mm-danger{color:#e3aaa0;background:#352a28}#main-menu .mm-rooms button{background:#303434;border-color:#ffffff24;border-radius:7px;font-family:var(--ui-font)}
/* All overlays share one frame. Existing purchase and room actions are retained. */
#modal-backdrop,body[data-modal=daily] #modal-backdrop{background:#14171999;backdrop-filter:blur(5px)}
body[data-modal] #modal,body[data-modal] #modal.simple-modal{width:min(900px,94vw);max-width:94vw;height:auto;max-height:88dvh;padding:26px;background:#242627f7;border:1px solid #676c66;border-radius:14px;box-shadow:0 16px 60px #0005;color:#faf7ef;scrollbar-width:thin;scrollbar-color:#666b62 transparent}
body[data-modal=settings] #modal,body[data-modal=pause] #modal,body[data-modal=result] #modal,body[data-modal=online-result] #modal,body[data-modal=guide] #modal{width:min(560px,94vw)}
#modal>header,#modal.simple-modal>header{display:flex;align-items:center;gap:18px;padding-bottom:18px;margin-bottom:0;border-bottom:1px solid #ffffff20}#modal #modal-title,#modal.simple-modal #modal-title,body[data-modal=daily] #modal-title{font:700 29px/1.1 var(--ui-font);letter-spacing:0;margin:0;color:#faf7ef;text-shadow:none}#modal #modal-eyebrow{display:none}#modal #close-modal{width:35px;height:35px;min-width:35px;border:1px solid #ffffff2d;background:#343839;border-radius:7px;color:#d7d9d1;font:500 26px/1 var(--ui-font);box-shadow:none}#modal #close-modal:hover{background:#51413c;color:#fff}#modal #modal-content{padding-top:20px}#modal p,.simple-intro{font:400 15px/1.5 var(--ui-font)!important;color:#bcc0b7!important}#modal button{font-family:var(--ui-font)}
.collection-nav{display:flex;gap:5px;padding:0 0 18px;margin:0 0 17px;border-bottom:1px solid #ffffff16}.collection-nav button{padding:9px 16px;background:transparent;border:1px solid transparent;border-radius:6px;font:600 14px var(--ui-font);color:#bfc3ba}.collection-nav button:hover{background:#ffffff08;color:#fff}.collection-nav button[aria-current]{background:#444b40;border-color:#9aa88b55;color:#e7efde}.simple-back{font:600 13px var(--ui-font)!important;color:#c5c9c0!important;padding:0 0 15px}.simple-link{font:600 13px var(--ui-font)!important;color:#e3bd83!important}.simple-intro{margin:0 0 18px!important}.simple-muted{font:400 12px var(--ui-font);color:#b6bcb0}.simple-note{font:500 14px var(--ui-font)!important;color:#c0dda9!important}
.loadout-grid{gap:12px}.loadout-tile{padding:18px;border-radius:10px;border:1px solid #ffffff24;background:#2e3232;grid-template-columns:105px 1fr;gap:16px;min-height:158px}.loadout-tile:hover{background:#383d3b;border-color:#949e87}.loadout-art{height:116px}.loadout-art svg{width:72px;height:72px}.loadout-tile small{font:600 11px var(--ui-font);color:#b6bdb1;letter-spacing:.07em;margin-bottom:7px}.loadout-tile b{font:700 19px var(--ui-font);color:#faf7ef}.loadout-tile em{font:500 13px var(--ui-font);color:#d5c5a8;margin-top:12px}.simple-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.avatar-choice{background:#303434;border:1px solid #ffffff25;border-radius:9px;padding:16px 8px;gap:12px}.avatar-choice>img{height:195px}.avatar-choice b{font:600 14px var(--ui-font)}.avatar-choice small{font:600 11px var(--ui-font);color:#bdc8b4}.avatar-choice.selected{border-color:#a7cf8b;background:#354130}.avatar-choice:hover{border-color:#a6b09e}
.simple-knife-layout{grid-template-columns:1fr 1.1fr;gap:24px}.simple-knife-focus{padding:15px;background:#1b1e1f;border:1px solid #ffffff18;border-radius:10px}.simple-knife-focus #knife-preview{height:244px;background:radial-gradient(ellipse at 50% 60%,#555e4b33,transparent 72%);border-radius:6px}.simple-knife-focus h3{font:700 27px var(--ui-font);color:#faf7ef;margin:14px 0 8px}.simple-knife-focus p{font:400 14px/1.45 var(--ui-font)!important;color:#bec3b7!important}.simple-knife-focus>small{font:400 12px var(--ui-font);color:#9da599}.simple-primary{font:700 15px var(--ui-font);padding:13px 16px;background:#e99b50;color:#241d16;border:1px solid #f8c18c;border-radius:7px;box-shadow:0 2px 0 #8b5a2f}.simple-primary:hover{background:#f9ab61}.simple-primary:disabled{background:#3a4c32;color:#c7dfb7;border-color:#7e9968;box-shadow:none}
.simple-knife-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:510px;padding:1px 6px 2px 1px;scrollbar-width:thin;scrollbar-color:#666b62 transparent}.simple-knife-grid button{border-radius:8px;padding:10px 6px;border:1px solid #ffffff25;background:#303434;min-height:125px}.simple-knife-grid button[data-rarity=rare]{background:#33343c}.simple-knife-grid button[data-rarity=epic]{background:#3d3442}.simple-knife-grid button[data-rarity=legendary]{background:#403b2f}.simple-knife-grid button.selected{border-color:#d0c3a5;background:#494a40;box-shadow:inset 0 0 0 1px #d0c3a533}.simple-knife-grid button.equipped{border-color:#a7cf8b}.simple-knife-grid button:hover{border-color:#b8bbaa}.simple-knife-grid img{height:82px}.simple-knife-grid b{font:600 12px/1.2 var(--ui-font);margin-top:6px;color:#f3f1e8}.simple-knife-grid small{position:static;display:block;font:500 10px var(--ui-font);margin-top:5px;color:#b9bdb5}.simple-knife-grid .equipped small{color:#bfdca8}
.simple-options{gap:10px}.simple-options article{grid-template-columns:74px 1fr auto;background:#303434;border:1px solid #ffffff20;border-radius:9px;padding:16px;gap:16px}.simple-option-art,.simple-option-art img,.simple-option-art svg{width:70px;height:70px}.simple-options h3{font:700 19px var(--ui-font);margin:0 0 5px}.simple-options p{font:400 14px/1.4 var(--ui-font)!important}.simple-options small{font:500 12px var(--ui-font);color:#b6bfb0}.simple-options button,.simple-reward-links button{background:#454a40;color:#e5e9dd;border:1px solid #89917d66;border-radius:6px;padding:11px 14px;font:600 13px var(--ui-font);min-width:106px}.simple-options button:disabled{background:#3c4a32;color:#cce0b8;border-color:#8b9e76;opacity:1}.simple-item-actions{gap:8px}
.simple-chests{gap:14px}.simple-chests button{padding:20px;background:#303434;border:1px solid #ffffff25;border-radius:10px}.simple-chests button:hover{background:#3b3f39;border-color:#aaa080}.simple-chests img{height:170px}.simple-chests b{font:700 20px var(--ui-font);margin:12px 0 9px}.simple-chests small{font:600 15px var(--ui-font);color:#dcc08a}.simple-reward-links{gap:10px}.simple-reward-links button{min-height:42px;background:#343839}.simple-details{border-color:#ffffff24}.simple-details summary{font:600 14px var(--ui-font);color:#c5c9bf}.simple-modal .settings-row{border-bottom:1px solid #ffffff0d;padding:12px 0;margin-bottom:10px}.simple-modal .settings-row label{font:500 16px var(--ui-font)}.simple-modal .settings-row select{font:500 14px var(--ui-font);background:#343839;border:1px solid #ffffff30;border-radius:6px;padding:10px;max-width:60%}.settings-row input[type=range]{accent-color:#d9b075}.settings-row input[type=checkbox]{accent-color:#acc990}.simple-guide h3{font:700 23px var(--ui-font);color:#e6d7b6}.simple-guide p{font:400 15px/1.5 var(--ui-font)!important}.simple-controls{font:500 14px var(--ui-font);gap:17px}.simple-controls kbd{font:600 12px var(--ui-font);background:#3d4240;border:1px solid #ffffff20;border-radius:4px}
#modal .menu-actions{gap:9px;margin-top:18px}#modal .menu-actions button{padding:14px 18px;background:#363b3a;border:1px solid #ffffff30;border-radius:7px;color:#faf7ef;text-align:center;font:600 16px var(--ui-font);box-shadow:none}#modal .menu-actions .primary{background:#ee9846;border-color:#ffc28a;color:#241d16}#modal .menu-actions button:hover{filter:brightness(1.1)}.simple-result-line{font:400 18px var(--ui-font)!important;margin:12px 0 20px!important}.match-result-stats{color:#bbc2b4;font:500 12px var(--ui-font);gap:10px;margin:22px 0}.match-result-stats span{background:#ffffff05;border-radius:7px;padding:15px 5px}.match-result-stats b{font:700 29px var(--ui-font);color:#faf7ef}.simple-prizes{gap:10px;margin:20px 0}.simple-prizes span{font:500 13px var(--ui-font);background:#ffffff05;padding:18px;border-radius:7px}.simple-prizes b{font:700 29px var(--ui-font);color:#e9c28a}
.reward-tabs button{font:600 13px var(--ui-font);background:#323737;border-color:#ffffff25;border-radius:6px}.reward-tabs button.active{background:#48483c;border-color:#b7a77b;color:#e9d9af}.reward-stage{height:185px}.reward-stage>img{height:185px}.reward-rays{animation:none;opacity:.4}.reward-week span,.reward-week small{font:500 10px var(--ui-font)}.reward-week b{font:700 16px var(--ui-font)}.reward-week li{background:#303434;border-color:#ffffff20;border-radius:6px}.reward-week .current{background:#494739;border-color:#bca370;box-shadow:none}.reward-amount b{font:700 34px var(--ui-font);color:#e5c38b}.reward-amount span,.reward-next,.reward-fine{font-family:var(--ui-font)}.reward-primary,.reward-missions button,.reward-gifts button{font:700 15px var(--ui-font);background:#ee9846;border-color:#ffc28a;color:#241d16;box-shadow:0 2px 0 #925c2f;border-radius:7px}.reward-missions article,.reward-gifts article{background:#303434;border-color:#ffffff20;border-radius:8px}.reward-missions h3,.reward-gifts h3{font:700 19px var(--ui-font)}.reward-missions p,.reward-gifts p{font:400 14px/1.4 var(--ui-font)!important}.reward-missions small,.reward-gifts small{font:500 12px var(--ui-font)}.mission-track i{background:#a5bc8b}.crate-view .crate-wallet{font-family:var(--ui-font)}.crate-view button{border-radius:7px}.crate-pool{font-family:var(--ui-font)}
/* A quiet top plate and illustrated action cards leave the centre of play clear. */
#match-top{top:max(18px,env(safe-area-inset-top));width:min(450px,calc(100vw - 210px));padding:12px 17px;background:#232728e8;border:1px solid #ffffff3a;border-radius:10px;box-shadow:0 3px 0 #0003;backdrop-filter:blur(3px)}.match-meta{gap:10px;font:600 11px var(--ui-font);color:#bac3b6}.match-meta b{font:700 11px var(--ui-font);letter-spacing:.06em;color:#b9dba1}.match-meta span:last-child{font:400 11px var(--ui-font);color:#c0c5bb}#match-top[data-role=chaser] .match-meta b{color:#e7b394}.match-main{margin:6px 0 7px}.match-main h2{font:600 23px/1.15 var(--ui-font);color:#faf7ef}.match-main>b{font:700 29px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:#faf7ef}.match-footer{font:400 12px var(--ui-font);color:#bdc5b7}#match-clean{gap:4px}#match-clean i{height:4px;width:18px;border-radius:2px;background:#ffffff26}#match-clean i.filled{background:#b6d797}#match-top[data-urgent=true]{border-color:#cb8061}#match-top[data-urgent=true] #match-clock{color:#ffc39c;animation:none}
body.match-active .reference-nav{top:18px;left:18px;padding:3px;background:#232728e8;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 2px 0 #0003}.reference-nav button{width:34px;height:31px;color:#e2e6dc;font:500 20px var(--ui-font);border-radius:4px}.reference-nav button:hover{background:#ffffff15}
#match-controls{bottom:max(23px,env(safe-area-inset-bottom));gap:9px;align-items:stretch}#match-controls button{display:grid;grid-template-columns:56px 1fr 26px;grid-template-rows:1fr 1fr;column-gap:10px;row-gap:2px;align-items:center;min-width:205px;max-width:240px;height:79px;padding:10px 11px 15px;background:#252a2beb;border:1px solid #ffffff50;border-radius:9px;box-shadow:0 3px 0 #0004;overflow:hidden;color:#f5f5eb;font-family:var(--ui-font)}#match-controls .match-action-art{grid-column:1;grid-row:1/3;width:56px;height:53px;display:grid;place-items:center;color:#bad4df}#match-controls .match-action-art img,#match-controls .match-action-art svg{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 2px #0005)}#match-controls kbd{grid-column:3;grid-row:1/3;align-self:start;background:#ffffff0d;border:1px solid #ffffff25;min-width:25px;padding:4px 3px;border-radius:4px;text-align:center;font:600 10px var(--ui-font);color:#d4d9cf}#match-controls b{grid-column:2;grid-row:1;align-self:end;text-align:left;font:600 15px/1.1 var(--ui-font)}#match-controls small{grid-column:2;grid-row:2;align-self:start;text-align:left;font:500 11px/1.2 var(--ui-font);color:#bdceae;padding-top:3px}#match-controls button>i{height:3px;left:10px;bottom:6px;width:calc(var(--ready,1)*(100% - 20px));border-radius:2px;background:#b1cd94}#match-controls button[data-match-action=ability]>i{background:#9ec5da}#match-controls button[data-match-action=item]>i{background:#dab890}#match-controls button[data-match-action=dash],#match-controls button[data-match-action=attack]{min-width:158px;grid-template-columns:34px 1fr 30px;gap:2px 8px}#match-controls [data-match-action=dash] .match-action-art,#match-controls [data-match-action=attack] .match-action-art{width:34px}#match-controls [data-match-action=dash] svg,#match-controls [data-match-action=attack] svg{width:32px;height:32px}#match-controls [data-match-action=dash] b,#match-controls [data-match-action=attack] b{font-size:13px}#match-controls button[data-match-action=attack]>i{background:#e4b18d}#match-controls button[data-ready=true]:hover{background:#3b4241;border-color:#c5d6b5}#match-controls button:disabled{color:#c3c7c0;background:#252829ed;border-color:#ffffff28;opacity:1}#match-controls button:disabled .match-action-art{opacity:.55}#match-controls button:disabled small{color:#d5ba96}#match-controls button[data-rescue=true]{background:#34452f;border-color:#bddba4}
#match-rescue{bottom:125px;background:#252b28ed;border-color:#a2b58b88;border-radius:9px;box-shadow:0 3px 0 #0003;font-family:var(--ui-font)}#match-rescue b{font:600 16px var(--ui-font)}#match-rescue span{font:400 13px var(--ui-font);color:#c2cbb9}#match-rescue i{background:#b5cc95}#match-observe button,#waiting-watch button{background:#252a2bed;border:1px solid #ffffff50;border-radius:7px;color:#f5f5eb;padding:13px 18px;font:600 14px var(--ui-font)}body.match-active #toast{bottom:119px;font:600 15px var(--ui-font);background:#252b29e8;border:1px solid #ffffff32;border-radius:7px}body.match-active #pace-event{bottom:154px}body.match-active #choice{bottom:127px;background:#252a2bf0;border:1px solid #ffffff40;border-radius:10px;padding:17px}body.match-active #choice>span{font:600 12px var(--ui-font);color:#cbd2c3}body.match-active #choice button{background:#363c3a;border:1px solid #ffffff26;border-radius:7px;font-family:var(--ui-font)}body.match-active #choice button.selected{background:#bccc9d;color:#263027;border-color:#d2dfb7}body.match-active #choice button b{font:700 20px var(--ui-font)}body.match-active #choice button small{font:400 12px var(--ui-font)}body.match-active #runner-picker{top:143px;background:#252a2bef;border:1px solid #ffffff3d;border-radius:9px;font-family:var(--ui-font)}body.match-active #runner-picker button{background:#393f3d;border:1px solid #ffffff26;border-radius:5px;font:600 13px var(--ui-font)}#menu-open{background:#282d2dee;border:1px solid #ffffff50;border-radius:7px;color:#f5f5eb;box-shadow:0 3px 0 #0004;font:700 14px var(--ui-font);padding:13px 20px}#menu-open:hover{background:#42483f}#loading{background:#242829}#loading .loading-mark{color:#faf7ef}#loading .loading-mark em{color:#efaa60}#loading>i{background:#efaa60}#loading>span:not(.loading-mark),#loading>b{color:#c8cec1}
@media(max-width:750px){#main-menu .mm-title{font-size:25px}.cv-menu-wallet{top:16px;right:14px;padding:9px 11px!important;font-size:14px!important;gap:12px!important}#daily-open{left:14px;top:12px;padding-right:10px!important}#daily-open img{width:37px;height:37px}#daily-open b{font-size:10px!important}#daily-open small{font-size:9px}body[data-modal] #modal,body[data-modal] #modal.simple-modal{padding:20px}#modal #modal-title,#modal.simple-modal #modal-title{font-size:25px}.simple-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-choice>img{height:150px}#match-top{left:auto;right:14px;transform:none;width:calc(100vw - 124px);max-width:420px;padding:10px 12px}.match-main h2{font-size:20px}.match-main>b{font-size:26px}.match-meta{font-size:10px;gap:6px}.match-meta span:last-child{font-size:10px}.match-footer{font-size:11px}#match-controls button{min-width:180px;height:75px;grid-template-columns:46px 1fr 24px;gap:2px 7px;padding:9px 9px 14px}#match-controls .match-action-art,#match-controls .match-action-art img,#match-controls .match-action-art svg{width:44px;height:48px}#match-controls b{font-size:14px}#match-controls button[data-match-action=dash],#match-controls button[data-match-action=attack]{min-width:140px;grid-template-columns:25px 1fr 28px}#match-controls [data-match-action=dash] .match-action-art,#match-controls [data-match-action=attack] .match-action-art,#match-controls [data-match-action=dash] svg,#match-controls [data-match-action=attack] svg{width:24px}.loadout-tile{grid-template-columns:65px 1fr;padding:14px;gap:10px;min-height:130px}.loadout-art{height:90px}.loadout-tile b{font-size:16px}.simple-options article{grid-template-columns:56px 1fr auto;padding:13px;gap:12px}.simple-option-art,.simple-option-art img,.simple-option-art svg{width:54px;height:54px}.simple-options h3{font-size:17px}.simple-options button{min-width:85px;padding:10px;font-size:12px}}
@media(max-width:520px){#main-menu[data-screen=main] .mm-stack{padding-bottom:0}.cv-logo{width:280px;margin-bottom:0}.cv-play-grid .mm-item{min-height:59px}.cv-play-grid .cv-quick{min-height:74px}.cv-play-grid .mm-item b{font-size:15px}.cv-play-grid .cv-quick b{font-size:25px}.cv-tools button{font-size:12px;padding:11px 14px}.cv-tools svg{width:16px}.cv-player>span{font-size:10px}.collection-nav{gap:2px}.collection-nav button{font-size:13px;padding:9px 11px}.loadout-grid{gap:9px}.loadout-tile{grid-template-columns:1fr;justify-items:center;text-align:center;gap:7px;min-height:173px;padding:13px 9px}.loadout-art{height:84px;width:100%}.loadout-tile b{font-size:16px}.loadout-tile em{margin-top:7px}.loadout-tile small{margin-bottom:4px}.simple-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-knife-layout{grid-template-columns:1fr;gap:14px}.simple-knife-focus{position:static;padding:12px}.simple-knife-focus #knife-preview{height:160px}.simple-knife-focus h3{font-size:23px;margin-top:5px}.simple-knife-grid{max-height:290px;grid-template-columns:repeat(3,minmax(0,1fr))}.simple-knife-grid img{height:65px}.simple-knife-grid button{min-height:109px}.simple-options article{grid-template-columns:48px 1fr}.simple-options article>button,.simple-item-actions{grid-column:2;justify-self:start}.simple-item-actions{display:flex}.simple-options p{font-size:13px!important}.simple-chests{gap:9px}.simple-chests button{padding:13px 8px}.simple-chests img{height:120px}.simple-chests b{font-size:17px}.simple-chests small{font-size:13px}.simple-reward-links button{font-size:12px;padding:10px}.simple-modal .settings-row label{font-size:15px}.simple-modal .settings-row select{font-size:13px}.simple-controls{font-size:13px}.match-result-stats{gap:5px;font-size:11px}.match-result-stats b{font-size:25px}.reward-tabs button{font-size:12px}.reward-gifts{grid-template-columns:1fr}.reward-gifts article{display:grid;grid-template-columns:80px 1fr;column-gap:12px;text-align:left}.reward-gifts img{grid-row:span 3;height:80px}.reward-gifts p{min-height:0}.reward-gifts button{grid-column:2}.reward-week b{font-size:13px}#match-controls{gap:6px;max-width:calc(100vw - 20px)}#match-controls button{min-width:0;width:170px;grid-template-columns:40px 1fr 20px;padding:9px 8px 14px;gap:2px 6px}#match-controls .match-action-art,#match-controls .match-action-art img,#match-controls .match-action-art svg{width:40px;height:44px}#match-controls button[data-match-action=dash],#match-controls button[data-match-action=attack]{min-width:0;width:104px;grid-template-columns:1fr 27px}#match-controls [data-match-action=dash] .match-action-art,#match-controls [data-match-action=attack] .match-action-art{display:none}#match-controls [data-match-action=dash] b,#match-controls [data-match-action=attack] b{grid-column:1;font-size:12px}#match-controls [data-match-action=dash] small,#match-controls [data-match-action=attack] small{grid-column:1}#match-controls [data-match-action=dash] kbd,#match-controls [data-match-action=attack] kbd{grid-column:2}#match-controls b{font-size:13px}#match-controls small{font-size:10px}.match-main h2{font-size:18px}.match-meta span:last-child{display:none}.match-main>b{font-size:24px}#match-clean i{width:12px}.match-footer{font-size:10px}body.match-active .reference-nav{top:18px;left:10px}.reference-nav button{width:30px}body.match-active #choice{width:calc(100vw - 30px)}#match-observe{width:calc(100vw - 24px);justify-content:center}#match-observe button{font-size:12px;padding:12px}}
@media(pointer:coarse){#match-controls{left:auto;right:max(12px,env(safe-area-inset-right));transform:none;bottom:max(24px,env(safe-area-inset-bottom));align-items:flex-end}#match-controls button{display:flex;flex-direction:column;justify-content:center;gap:3px;width:88px;min-width:0;max-width:110px;height:94px;padding:6px 5px 14px}#match-controls .match-action-art,#match-controls .match-action-art img,#match-controls .match-action-art svg{width:35px;height:35px}#match-controls kbd{display:none}#match-controls b{font:600 11px/1.1 var(--ui-font);text-align:center;align-self:auto}#match-controls small{font:500 9px/1.2 var(--ui-font);text-align:center;align-self:auto;padding:0}#match-controls button[data-match-action=dash],#match-controls button[data-match-action=attack]{width:76px;min-width:0;height:85px}#match-controls [data-match-action=dash] .match-action-art,#match-controls [data-match-action=attack] .match-action-art{display:grid;width:30px;height:30px}#match-controls [data-match-action=dash] b,#match-controls [data-match-action=attack] b{font-size:10px}#match-rescue{bottom:136px}body.match-active #toast{bottom:137px}body.match-active #choice{bottom:140px}}
@media(max-height:520px){#main-menu[data-screen=main] .mm-stack{width:min(380px,70vw);gap:0;padding:0}.cv-logo{width:210px;margin:-18px auto -16px}.cv-play-grid .mm-item{min-height:46px;padding:12px}.cv-play-grid .cv-quick{min-height:57px}.cv-play-grid .cv-quick b{font-size:24px}.cv-player{display:none}.cv-tools{bottom:12px}.cv-tools button{min-height:34px;padding:7px 13px;font-size:11px}#daily-open small{display:none!important}#main-menu .mm-sheet{margin:35px auto}body[data-modal] #modal,body[data-modal] #modal.simple-modal{max-height:93dvh;padding:18px}#modal #modal-title{font-size:23px}#modal>header{padding-bottom:13px}#modal #modal-content{padding-top:13px}.collection-nav{margin-bottom:12px;padding-bottom:12px}.simple-knife-focus #knife-preview{height:145px}.simple-knife-grid{max-height:310px}.avatar-choice>img{height:135px}#match-top{top:10px;padding:8px 13px}.match-main{margin:4px 0}.match-main h2{font-size:18px}.match-main>b{font-size:23px}#match-controls{bottom:12px}#match-controls button{height:66px}body.match-active .reference-nav{top:10px}#match-rescue{bottom:95px}body.match-active #runner-picker{top:112px;max-height:112px}body.match-active #toast{bottom:95px}body.match-active #choice{bottom:94px}body.match-active #pace-event{bottom:114px}}
body[data-modal] #modal-backdrop{background:#14171999;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#vote-panel{width:min(720px,94vw);background:#25292af2;border:1px solid #ffffff45;border-radius:12px;box-shadow:0 8px 35px #0004;padding:18px;font-family:var(--ui-font)}#vote-panel>header{font:600 17px var(--ui-font);color:#f2f2e8}#vote-panel>header i{font-style:normal;color:#e0bc87}#vote-close{background:#3a403e;color:#f3f5eb;border:1px solid #ffffff25;border-radius:5px;font:500 24px var(--ui-font)}.vote-card{border:1px solid #ffffff26;background:#343a38;border-radius:7px;padding:7px;gap:6px}.vote-card.selected{background:#46523e;border-color:#b4c89c;box-shadow:none}.vote-card b{font:600 14px var(--ui-font)}.vote-card small{font:500 11px var(--ui-font);color:#bfc9b7}#join-match,#map-vote-toggle{background:#2c3231e8;border:1px solid #ffffff50;border-radius:7px;box-shadow:0 3px 0 #0004;padding:13px 19px;font:700 15px var(--ui-font);color:#f4f5eb}#join-match:hover,#map-vote-toggle:hover{background:#454d40}
body[data-modal=online-result] .result-banner{background:none;color:#d3e4bb;filter:none;font:700 40px/1.1 var(--ui-font);letter-spacing:0}body[data-modal=online-result] #modal-content>p:last-of-type{background:#ffffff06;border-color:#ffffff24;border-radius:7px;font:500 15px var(--ui-font);color:#c9d3bf}.result-score>div{background:#343b34;border:1px solid #ffffff16;border-radius:7px}.result-score b{font:700 29px var(--ui-font);color:#d9d6be}.result-score small{font:500 12px var(--ui-font);color:#bdc6b4}.crate-pool figure{background:#303536;border-radius:7px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--rarity) 65%,transparent)}.crate-pool figcaption{font:600 13px var(--ui-font)}.crate-pool figure small,.crate-chance{font:600 10px var(--ui-font)}.crate-won{background:#333a32!important;box-shadow:none;border-radius:9px}.crate-won b{font-family:var(--ui-font)}.crate-won-actions button{font:600 14px var(--ui-font);background:#d9c598;color:#2c291f;border:1px solid #eed9ab;border-radius:6px}.crate-odds,.crate-wallet{font:400 13px/1.5 var(--ui-font)!important}.menu-wheel~button,#menu-wheel-spin{background:#ee9846;border:1px solid #ffc28a;border-radius:7px;color:#241d16;font:700 15px var(--ui-font);padding:13px 20px}.loadout-art .meshy-avatar-preview{height:116px;width:auto;max-width:none;transform:scale(1.35)}
.collection-nav{align-items:center;flex-wrap:wrap}.collection-wallet{display:flex;gap:13px;margin-left:auto;padding:6px 2px;font:600 14px var(--ui-font);color:#e4c38b;white-space:nowrap}.collection-wallet span:last-child{color:#a7ced4}body[data-modal=crate] #modal{width:min(680px,94vw)}body[data-modal=wheel] #modal{width:min(520px,94vw)}.crate-cover{display:grid;place-items:center;height:155px;margin:5px 0 15px}.crate-cover img{width:180px;height:155px;object-fit:contain}body[data-modal=crate] #modal .menu-actions .primary{text-align:center}.crate-wallet{margin-top:0!important}.crate-view .simple-details{margin:12px 0;padding:13px 0}.avatar-choice>.meshy-avatar-preview{transform:scale(1.15)}
@media(max-width:520px){.collection-nav{gap:2px}.collection-wallet{font-size:12px;gap:9px;padding:5px 0}.collection-nav button{padding-inline:9px;font-size:12px}.crate-cover{height:130px}.crate-cover img{height:130px;width:155px}.loadout-art .meshy-avatar-preview{height:84px}}
@media(min-width:521px){body[data-modal=knives] #modal-content{overflow:visible}.simple-knife-grid{max-height:min(480px,calc(100dvh - 240px))}.simple-knife-focus #knife-preview{height:clamp(130px,calc(100dvh - 540px),244px)}.simple-knife-focus p{min-height:0}.simple-knife-focus>small{margin-top:10px}.simple-knife-focus .simple-note:empty{display:none}}
@media(max-width:520px){.simple-knife-grid{max-height:none;overflow:visible}.simple-knife-focus #knife-preview{height:145px}.collection-nav{position:sticky;top:0;background:#242627;z-index:2;padding-top:3px}}
@media(max-height:520px) and (min-width:521px){body[data-modal=knives] #modal-content{overflow:auto}.simple-knife-grid{max-height:310px}.simple-knife-focus{position:static}}
/* The knife shop and the owned collection share the same preview and wallet. */
.knife-store-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.knife-store-bar nav{display:flex;gap:5px;background:#191d1d;border:1px solid #ffffff1b;border-radius:7px;padding:4px}.knife-store-bar button{padding:9px 14px;border:1px solid transparent;border-radius:4px;background:none;color:#bbc2b5;font:600 14px var(--ui-font)}.knife-store-bar button[aria-pressed=true]{background:#464e3f;border-color:#9ba98a66;color:#f4f5e9}.knife-store-bar button:hover{color:#fff;background:#353d35}.knife-store-bar button span{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:3px;font:500 11px var(--ui-font);background:#ffffff13;color:#cbd3c2}.knife-store-bar>small{font:400 12px var(--ui-font);color:#aeb7a6}
.simple-knife-grid .knife-card-price{color:#b7dbe0;font:700 13px var(--ui-font)}.knife-focus-rarity{display:block;margin:5px 0 0;font:600 11px var(--ui-font);letter-spacing:.07em;color:#c5c9bb}.simple-knife-focus[data-rarity=rare] .knife-focus-rarity{color:#b7c6e6}.simple-knife-focus[data-rarity=epic] .knife-focus-rarity{color:#cfb9df}.simple-knife-focus[data-rarity=legendary] .knife-focus-rarity{color:#e0c58e}.simple-knife-focus h3{margin-top:6px}.knife-purchase{display:flex;align-items:center;justify-content:center;gap:12px}.knife-purchase span{padding-left:12px;border-left:1px solid #49301e55;color:#31281e;white-space:nowrap}.knife-purchase:disabled{background:#3c403c;color:#aeb5a8;border-color:#6a7364}.knife-purchase:disabled span{color:#acbdb5;border-color:#ffffff25}#modal .knife-purchase-help{font:400 12px/1.4 var(--ui-font)!important;color:#b7c4ae!important;margin:9px 0 0!important}.simple-knife-focus .simple-link{margin:8px auto 0;padding:4px}.simple-knife-focus .simple-note{font-size:13px!important;margin:10px 0 0!important}#modal .knife-fair-play{margin:14px 0 0!important;font:400 12px/1.4 var(--ui-font)!important;color:#9ba691!important}.simple-knife-focus #knife-preview{height:clamp(110px,calc(100dvh - 620px),195px)}.simple-knife-grid{max-height:min(470px,calc(100dvh - 305px))}
body[data-modal=knives] #modal-content{overflow:auto}body[data-modal=knives] .collection-nav{margin-bottom:12px}.knife-store-bar{margin-bottom:10px}.simple-knife-grid{max-height:min(450px,calc(100dvh - 345px))}#modal .knife-fair-play{display:none}
@media(max-width:650px){.knife-store-bar{gap:8px;flex-wrap:wrap}.knife-store-bar>small{font-size:11px}.knife-store-bar button{font-size:13px;padding:9px 12px}.knife-purchase{font-size:13px;gap:9px}.knife-purchase span{padding-left:9px}.cv-tools{gap:7px}.cv-tools button{padding:11px 12px;font-size:11px}}
@media(max-width:520px){.knife-store-bar{margin-bottom:12px}.knife-store-bar>small{display:none}.simple-knife-focus #knife-preview{height:130px}.simple-knife-grid{max-height:none}.simple-knife-focus h3{font-size:23px}.simple-knife-focus .simple-link{font-size:12px!important}}
@media(max-height:520px) and (min-width:521px){.simple-knife-focus #knife-preview{height:110px}.simple-knife-grid{max-height:310px}}
.simple-knife-grid .knife-card-price{color:#e4c38b}
#map-vote{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));padding:18px 18px 16px;background:#1f2524f2;border:1px solid #ffffff38;border-radius:14px;box-shadow:0 10px 40px #0007;color:#fbf6ea;font-family:var(--ui-font);text-align:center;z-index:30}#map-vote[hidden]{display:none!important}
body:has(#map-vote:not([hidden])) #join-match,body:has(#map-vote:not([hidden])) .round-panel,body:has(#map-vote:not([hidden])) #lobby-prompt{display:none!important}
#map-vote>small{display:block;font:800 15px var(--ui-font);letter-spacing:.14em;color:#ffe08a;margin-bottom:12px}
.map-vote-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.map-vote-cards button{display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border:3px solid #ffffff26;border-radius:12px;background:#2c3432;color:inherit;font:inherit;cursor:pointer;transition:transform .14s,border-color .14s,opacity .25s,filter .25s}
.map-vote-cards button:not(:disabled):hover{transform:translateY(-3px);border-color:#ffffff90}
.map-vote-photo{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,var(--sky) 0 40%,var(--ground) 40% 100%)}.map-vote-photo img{width:100%;height:100%;object-fit:cover;display:block}
.map-vote-photo kbd{position:absolute;left:8px;top:8px;min-width:24px;padding:2px 6px;border-radius:6px;background:#000a;color:#fff;font:800 13px var(--ui-font)}
.map-vote-cards b{font:800 clamp(15px,2.2vw,21px)/1.1 var(--ui-font);text-align:left;padding:0 2px}
.map-vote-count{position:relative;display:block;height:24px;border-radius:6px;background:#0005;overflow:hidden}.map-vote-count i{position:absolute;inset:0 auto 0 0;background:#4fc06a;transition:width .3s}.map-vote-count em{position:relative;display:block;font:700 13px/24px var(--ui-font);font-style:normal}
.map-vote-cards button.mine{border-color:#ffd23f;box-shadow:0 0 0 3px #ffd23f55}.map-vote-cards button.mine .map-vote-count i{background:#f0b928}
.map-vote-cards button:disabled{opacity:1}.map-vote-cards button.winner{border-color:#7dff9a;transform:scale(1.03);opacity:1!important;filter:none!important;box-shadow:0 0 0 3px #7dff9a55,0 0 28px #7dff9a44}.map-vote-cards button.loser{opacity:.45;filter:grayscale(.6)}.map-vote-cards button:disabled{cursor:default}
.map-vote-time{height:6px;margin-top:14px;border-radius:3px;background:#ffffff1f;overflow:hidden}.map-vote-time i{display:block;height:100%;background:#ffe08a;transition:width .2s linear}
@media(max-width:600px){#map-vote{padding:12px}.map-vote-cards{gap:8px}#map-vote>small{font-size:12px}}
#match-lobby[hidden],#match-intro[hidden],.replay-goal[hidden],.cv-gold-goal[hidden]{display:none!important}
#match-lobby{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);width:min(440px,calc(100vw - 30px));padding:18px 20px;background:#252a28ed;border:1px solid #ffffff35;border-radius:10px;box-shadow:0 3px 0 #0003;color:#faf7ef;font-family:var(--ui-font);pointer-events:none}.replay-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.replay-heading small{font:600 10px var(--ui-font);letter-spacing:.08em;color:#bdcbb1}.replay-heading h2{font:600 24px var(--ui-font);margin:5px 0 0}.replay-heading>b{font:700 40px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:#ead0a1}.replay-reward{font:500 14px/1.4 var(--ui-font);color:#e5c893;margin:12px 0 0}.replay-tactic{font:400 13px var(--ui-font);color:#bac4b1;margin:7px 0 0}.replay-goal{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:7px;font:500 12px var(--ui-font);color:#d0d7c4}.replay-goal>b{font-weight:600;color:#e3c589}.replay-goal>i,.cv-gold-goal>i{height:4px;background:#ffffff20;border-radius:2px;grid-column:1/-1;overflow:hidden}.replay-goal em,.cv-gold-goal em{display:block;height:100%;background:#ceb47e;border-radius:2px}
#match-intro{position:absolute;top:25%;left:50%;transform:translateX(-50%);text-align:center;color:#fff7e5;max-width:85vw;width:430px;pointer-events:none;font-family:var(--ui-font);text-shadow:0 2px 3px #12231bc9}#match-intro>small{font:600 13px var(--ui-font);letter-spacing:.12em;color:#f3e1bf}#match-intro h2{font:700 48px/1 var(--ui-font);letter-spacing:.04em;margin:10px 0;color:#d0eab7}#match-intro[data-role=chaser] h2{color:#ffcea6}#match-intro p{font:500 17px/1.3 var(--ui-font);margin:0 auto 12px;max-width:350px}#match-intro>b{font:700 62px/1 var(--ui-font);color:#fff4d5}
.knife-goal-button{display:block;margin:12px auto 0;padding:7px 10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:5px;color:#d1ceb6;font:500 12px var(--ui-font)}.knife-goal-button:hover{border-color:#d8bc7f}.knife-goal-progress{height:4px;background:#ffffff18;border-radius:2px;margin-top:10px;overflow:hidden}.knife-goal-progress i{display:block;height:100%;background:#d3b479}.cv-gold-goal{position:fixed;right:24px;top:77px;max-width:230px;display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:12px;background:#252a28ed;border:1px solid #ffffff30;border-radius:8px;color:#e9e7d5;text-align:left;font:500 12px var(--ui-font);cursor:pointer}.cv-gold-goal>b{font-weight:500;color:#d6bd8c}.cv-gold-goal:hover{border-color:#d8bc7f}
body:has(#match-lobby:not([hidden])) #join-match,body:has(#match-lobby:not([hidden])) .round-panel{display:none!important}
/* Results and the map vote own the centre: in-run cues and notices never sit on top of them. */
body:has(#match-lobby:not([hidden])) #pace-event,body:has(#map-vote:not([hidden])) #pace-event,body:has(#match-lobby:not([hidden])) #toast,body:has(#map-vote:not([hidden])) #toast{visibility:hidden!important}
/* Joining Quick Play passes through a moment with neither the lobby nor the match look: show it as the clean lobby. */
body.quick-searching:not(.match-active) .action-bar,body.quick-searching:not(.match-active) .wallet,body.quick-searching:not(.match-active) #online-badge,body.quick-searching:not(.match-active) .left-rail,body.quick-searching:not(.match-active) .right-rail{display:none!important}
#match-lobby{bottom:150px}#reticle[data-confirmed=true]{color:#ffdf9d;transform:translate(-50%,-50%) scale(1.4);text-shadow:0 0 5px #4e341a}
body:has(#match-lobby:not([hidden])) #menu-open{bottom:28px}
.knife-goal-button{position:relative;overflow:hidden;margin-top:10px;padding:6px 10px}.knife-goal-button .knife-goal-progress{display:block;position:absolute;left:0;right:0;bottom:0;height:3px;margin:0;border-radius:0}body[data-modal=knives] .simple-knife-focus #knife-preview{height:clamp(100px,calc(100dvh - 645px),180px)}
@media(max-width:600px){#match-lobby{bottom:90px;padding:15px 17px}.replay-heading h2{font-size:22px}.replay-heading>b{font-size:34px}.replay-reward{font-size:13px}#match-intro{top:24%;width:310px}#match-intro h2{font-size:40px}#match-intro p{font-size:15px}.cv-gold-goal{right:14px;top:72px;max-width:210px;font-size:11px}}
@media(max-height:520px){#match-lobby{bottom:95px;padding:13px 17px}.replay-heading h2{font-size:20px}.replay-heading>b{font-size:30px}.replay-goal{margin-top:8px}.cv-gold-goal{top:70px}#match-intro{top:23%}#match-intro h2{font-size:32px;margin:6px 0}#match-intro p{font-size:14px}#match-intro>b{font-size:40px}}
/* The round announcement belongs to the scene, rather than a dashboard panel. */
#match-top{top:max(16px,env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);width:min(460px,calc(100vw - 220px));padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;pointer-events:none}
#match-top .match-meta,#match-top .match-footer{display:none}
#match-top .match-main{display:flex;flex-direction:column;gap:4px;margin:0;text-align:center}
#match-top .match-main h2{font:700 20px/1.2 var(--ui-font);color:#fff;letter-spacing:0;text-shadow:0 2px 2px #15211bcc,1px 0 #243128,-1px 0 #243128,0 -1px #243128}
#match-top .match-main>b{font:700 27px/1.1 var(--ui-font);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 2px #15211bcc,1px 0 #243128,-1px 0 #243128,0 -1px #243128}
#match-top[data-urgent=true] #match-clock{color:#ffd0a7}
@media(max-width:750px){#match-top{left:116px;right:14px;transform:none;width:auto;max-width:none;top:max(17px,env(safe-area-inset-top))}#match-top .match-main h2{font-size:17px}#match-top .match-main>b{font-size:24px}}
@media(max-height:520px){#match-top{top:11px}#match-top .match-main{gap:2px}#match-top .match-main h2{font-size:17px}#match-top .match-main>b{font-size:23px}}
@media(prefers-reduced-motion:reduce){#main-menu *,#modal *,#match-top *,#match-controls *{animation:none!important;transition:none!important}}
/* Optional CrazyGames account entry, alongside the player name. */
.cv-account{display:block;margin:8px auto 0;padding:5px 12px;border:0;background:transparent;color:#c7c4bd;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cv-account:disabled{opacity:.65;cursor:default}

/* Music on/off: a round button in the lobby corner; in a match the bar's own button does the job. */
.music-toggle{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:45;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#251b2ee6;color:#fff3e1;border:1px solid #ffffff45;box-shadow:0 3px 0 #0005;font:600 22px var(--ui-font);cursor:pointer}
.music-toggle:hover{background:#5a3c68}
body.match-active .music-toggle{display:none}
/* Any open window (chest, shop, settings) gets the whole screen: the corner button steps aside. */
body:has(#modal-backdrop:not([hidden])) .music-toggle{display:none}
.music-toggle.music-off{opacity:.8}#reference-audio.music-off{position:relative;opacity:.75}
.music-toggle.music-off::after,#reference-audio.music-off::after{content:'';position:absolute;left:50%;top:50%;width:26px;height:3px;border-radius:2px;background:#ff7b6b;transform:translate(-50%,-50%) rotate(-45deg)}

/* Mouse-look hint for laptops: how to turn the camera without a right mouse button. */
/* Top-left, under the menu buttons, where nothing else sits; it shows for a few seconds and fades. */
.look-hint{position:fixed;left:18px;top:64px;z-index:44;transition:opacity .6s;padding:6px 12px;border-radius:999px;background:#1d1726cc;color:#efe7f7;border:1px solid #ffffff30;font:600 12px var(--ui-font);letter-spacing:.3px;pointer-events:none;white-space:nowrap}
.look-hint.on{background:#2f5a2acc;border-color:#b8f55780}
/* Pause: a compact panel with its title (the wide simple-modal rule and an old header rule were overriding it). */
body[data-modal=pause] #modal.simple-modal{width:min(420px,94vw)}body[data-modal=pause] #modal>header{display:flex}
.look-hint.quiet{opacity:0}