:root{color-scheme:dark;font:14px Arial,sans-serif;background:#100e17;color:#ede8fa}*{box-sizing:border-box}body{margin:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#191322;border-bottom:1px solid #3e2d53}.brand{display:flex;gap:14px;align-items:center}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font-size:21px;letter-spacing:2px}.brand span{font-size:12px;padding:4px 7px;background:#8b50e8;border-radius:5px}.brand small{display:block;margin-top:5px;color:#b9abc9}.actions{display:flex;gap:8px}button{border:1px solid #70518e;background:#30203f;color:#fff;padding:11px 16px;border-radius:7px;cursor:pointer;font-weight:600}button:hover{background:#51316d}button:disabled{opacity:.5;cursor:wait}#demo{background:#8050ce;border-color:#a178e6}#notice{padding:10px 24px;background:#211b2c;color:#cbbade;font-size:12px}main{position:relative;height:calc(100vh - 142px);min-height:380px}iframe,canvas{border:0;width:100%;height:100%;display:block;background:#09090b}canvas{object-fit:contain}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#100e17ee}.card{width:min(550px,90vw);padding:38px;border:1px solid #56376f;background:#1d1528;border-radius:14px}.eyebrow{font-size:12px;color:#b78aef;letter-spacing:3px}h1{font-size:26px}p{color:#c3b4d4;line-height:1.6}progress{width:100%;accent-color:#ab75ef;height:13px}#error{color:#ff9eab;overflow-wrap:anywhere}details{background:#181320;font-size:12px;padding:8px 24px}pre{max-height:180px;overflow:auto;white-space:pre-wrap;color:#a99cb9}#diagnostics[open]{position:fixed;bottom:0;left:0;right:0;z-index:20}summary{cursor:pointer}[hidden]{display:none!important}@media(max-width:760px){header{padding:10px;height:auto;gap:8px;flex-wrap:wrap}.brand small{display:none}.actions button{padding:8px;font-size:12px}#notice{padding:8px}main{height:78vh}}
#gameStage{display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#menu{position:absolute;inset:0}#canvas{flex:none;object-fit:fill;outline:none}#gameStage:fullscreen{width:100vw;height:100vh;min-height:0;background:#000}#mouseHint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #8050ce;border-radius:10px;background:#171021e8;color:#e2d8f3;z-index:5;max-width:95%;font-size:12px}#mouseHint span{max-width:220px}#loading{z-index:10}@media(max-width:760px){#mouseHint{width:92%;flex-wrap:wrap;justify-content:center}#mouseHint span{max-width:none}}
#mouseHint{flex-wrap:wrap;justify-content:center;width:max-content}#mouseHint label{display:flex;align-items:center;gap:8px}#sensitivity{width:110px;accent-color:#a875ed}#sensitivityValue{min-width:24px}
#loading{background:linear-gradient(90deg,rgba(9,10,16,.94),rgba(9,10,16,.65)),url('/menu/loading-cs.jpg') center/cover no-repeat;z-index:30}#loading .card{width:min(620px,92vw);border:0;background:transparent;box-shadow:none;text-align:left;padding:32px}.loading-logo{width:86px;height:86px;object-fit:contain;display:block;margin-bottom:22px}#loading h1{font-size:clamp(30px,4vw,46px);margin:16px 0}#loading .loading-tip{font-size:12px;color:#aa9fb7}#cancelLoading{margin-top:16px;background:transparent;border-color:#61516e;font-weight:400}.loading-game #canvas{visibility:hidden}.loading-game #mouseHint{display:none!important}#mouseHint{inset:0;left:0;bottom:0;transform:none;width:100%;max-width:none;border:0;border-radius:0;background:rgba(9,8,14,.68);display:flex;align-items:center;justify-content:center;z-index:20;padding:20px;backdrop-filter:blur(3px)}.control-card{width:min(500px,94vw);border:1px solid #664489;background:#1b1328f5;border-radius:16px;padding:28px;text-align:center;box-shadow:0 18px 60px #0008}.control-card h2{font-size:27px;margin:12px 0}.control-card p{font-size:14px}.control-card label{justify-content:center;margin-top:24px}.control-card button{margin:6px 3px}#captureMouse{background:#8050ce}.control-card #mouseError{color:#ffc0c8;font-size:13px;margin:12px 0 0}#gameStage.mouse-locked,#gameStage.mouse-locked #canvas{cursor:none}#mouseHint span{max-width:none}#diagnostics[hidden]{display:none!important}
.loading-game #menu{visibility:hidden}
.game-menu{width:min(780px,94vw);max-height:calc(100% - 24px);overflow:auto;text-align:left;padding:24px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-heading h2{margin:8px 0 14px}.menu-heading>button{align-self:flex-start;border:0;background:transparent;font-size:18px}.game-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 0 16px;border-bottom:1px solid #4b345e;margin-bottom:16px}.game-tabs button{margin:0;padding:10px 8px}.game-tabs [aria-pressed=true]{background:#8050ce;border-color:#b27aee}.game-menu p{line-height:1.55}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pause-actions button{margin:0;min-height:48px}.pause-actions kbd{float:right;color:#bfa1df}.menu-help{font-size:12px!important;color:#a99bb9!important}.menu-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4b345e;margin-top:18px;padding-top:10px;gap:12px}.menu-bottom span{color:#ac9cbf;font-size:11px}.team-grid,.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-grid button,.class-grid button{margin:0;min-height:42px}.team-choice{min-height:90px!important;text-align:left;padding:18px}.team-choice strong{display:block;font-size:18px}.team-choice small{display:block;margin-top:8px;color:#cabbda}.team-t{background:linear-gradient(135deg,#653824,#2b1b22);border-color:#985a39}.team-ct{background:linear-gradient(135deg,#263b6e,#1b1d33);border-color:#466ba0}.team-grid [aria-pressed=true]{outline:2px solid #b784ec;outline-offset:2px}#classSelection h3{font-size:15px;margin:18px 0 12px}#teamStatus,#settingsStatus,#aimStatus{font-size:12px;color:#c7b2de}.game-menu .field{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:12px 0;color:#d8cbe7;font-size:13px}.field input:not([type=range]):not([type=color]),.field select{width:100%;background:#110d1a;border:1px solid #5c426f;border-radius:7px;padding:11px;color:#f1eafa;font:inherit}.field output{color:#bc89f2;align-self:flex-end}.game-menu input[type=range]{width:100%;accent-color:#ae78ea}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-menu .check-field{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:13px}.settings-footer{display:flex;gap:8px;flex-wrap:wrap}.primary-action{background:#8050ce}.aim-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:28px}.aim-options{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.aim-options .field:first-child{grid-column:1/-1}.field input[type=color]{width:100%;height:35px;border:1px solid #5c426f;background:#110d1a;cursor:pointer}.aim-preview{position:relative;min-height:260px;border:1px solid #624577;border-radius:10px;background:linear-gradient(#10111c55,#10111c55),url('/menu/loading-cs.jpg') center/cover;overflow:hidden;align-self:stretch}.aim-preview>span{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:2px;color:#ede5f6}.reticle{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:8;--aim-color:#38ff72;--aim-length:8px;--aim-thickness:2px;--aim-gap:4px;filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 1px #000)}.reticle i{position:absolute;display:none;background:var(--aim-color)}.aim-arm.top,.aim-arm.bottom{width:var(--aim-thickness);height:var(--aim-length);left:calc(var(--aim-thickness) / -2)}.aim-arm.top{bottom:var(--aim-gap)}.aim-arm.bottom{top:var(--aim-gap)}.aim-arm.left,.aim-arm.right{height:var(--aim-thickness);width:var(--aim-length);top:calc(var(--aim-thickness) / -2)}.aim-arm.left{right:var(--aim-gap)}.aim-arm.right{left:var(--aim-gap)}.reticle[data-style=cross] .aim-arm,.reticle[data-style=t] .aim-arm{display:block}.reticle[data-style=t] .aim-arm.top{display:none}.reticle .aim-dot{width:calc(var(--aim-thickness) * 2);height:calc(var(--aim-thickness) * 2);transform:translate(-50%,-50%);border-radius:50%}.reticle .aim-ring{width:calc((var(--aim-length) + var(--aim-gap)) * 2);height:calc((var(--aim-length) + var(--aim-gap)) * 2);transform:translate(-50%,-50%);background:transparent;border:var(--aim-thickness) solid var(--aim-color);border-radius:50%}.reticle[data-style=dot] .aim-dot,.reticle[data-style=circle-dot] .aim-dot,.reticle[data-style=circle] .aim-ring,.reticle[data-style=circle-dot] .aim-ring{display:block}#customCrosshair{z-index:9}@media(max-width:650px){.game-menu{padding:16px}.game-tabs button{font-size:11px;padding:10px 4px}.aim-layout{grid-template-columns:1fr}.aim-preview{min-height:150px;order:-1}.settings-grid{grid-template-columns:1fr;gap:0}.team-choice strong{font-size:15px}.menu-bottom span{max-width:170px}}
#settingsForm #sensitivity{width:100%}.game-menu .field{text-align:left;justify-content:flex-start}.game-menu .check-field{justify-content:flex-start}
/* Menus ampliados */
.game-tabs{display:flex;flex-wrap:wrap;gap:6px}.game-tabs button{flex:1 1 100px;min-width:90px;padding:10px 8px}.binding-grid,.shop-grid,.radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-grid button{display:block;width:100%;margin:5px 0;text-align:left}.binding-grid .field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.binding-grid select{max-width:150px}.game-menu input[type=number]{padding:12px;background:#100c19;color:#fff;border:1px solid #624879;border-radius:8px;min-width:0}#gameConsoleOutput{height:230px;overflow:auto;white-space:pre-wrap;background:#08070c;color:#a8f5ac;padding:12px;font:12px/1.5 monospace}.game-menu .settings-grid{align-items:start}@media(max-width:580px){.binding-grid,.shop-grid,.radio-grid{grid-template-columns:1fr}.game-tabs button{flex-basis:80px}}
/* Aparência inspirada na GameUI clássica do Counter-Strike 1.6. */
#mouseHint{backdrop-filter:none;background:rgba(0,0,0,.45)}
.game-menu{font-family:Tahoma,Arial,sans-serif;background:#4c5844;color:#dedfd6;border:1px solid;border-color:#89927c #20261c #20261c #89927c;border-radius:0;box-shadow:2px 3px 12px #0009;padding:16px;width:min(760px,94vw)}
.game-menu .eyebrow{font-size:10px;letter-spacing:1px;color:#c2c8b4}.game-menu h2{font-size:20px;font-weight:400;color:#e1e3d7;margin:8px 0 16px}.game-menu h3{font-size:13px;color:#dce0d2}.game-menu p,.game-menu .field,.game-menu .check-field{color:#d4d9c9;font-size:12px}.game-menu .menu-help{color:#c0c7b0!important}
.game-menu button{background:#4c5844;border:1px solid;border-color:#89927c #20261c #20261c #89927c;color:#dedfd6;border-radius:0;font:12px Tahoma,Arial,sans-serif;padding:8px 12px;box-shadow:none}.game-menu button:hover{background:#5e6b51;color:#fff}.game-menu button:active,.game-menu button[aria-pressed=true]{border-color:#20261c #89927c #89927c #20261c;background:#3e4937;color:#c9d894}.game-menu button:focus-visible{outline:1px dotted #e3e6d8;outline-offset:-4px}
.game-menu #captureMouse,.game-menu .primary-action{background:#5b694d}.game-menu .menu-heading>button{background:transparent;border:0;color:#dfe2d6}.game-menu .game-tabs{border-bottom:1px solid #252d21;gap:3px;padding-bottom:10px}.game-menu .game-tabs button{min-width:76px;flex-basis:82px;padding:7px 5px}.game-menu .menu-bottom{border-color:#252d21}.game-menu .menu-bottom span{color:#c0c7b0;font-size:10px}.game-menu .field input:not([type=range]):not([type=color]),.game-menu .field select,.game-menu input[type=number]{background:#3e4937;color:#e5e7dc;border:1px solid;border-color:#252d21 #7d8870 #7d8870 #252d21;border-radius:0;padding:8px}.game-menu input[type=range]{accent-color:#b5bf98}.game-menu .field output{color:#d5dfad}.game-menu .team-choice{background:#46513f;min-height:70px!important}.game-menu .team-grid [aria-pressed=true]{outline:1px solid #bec99d}.game-menu .team-choice strong{font-size:15px}.game-menu .team-choice small{color:#bbc4ac}.game-menu .aim-preview{border-radius:0;border-color:#252d21}.game-menu #teamStatus,.game-menu #settingsStatus,.game-menu #aimStatus{color:#d0d9b8}.game-menu .pause-actions kbd{color:#c2cbb1}
.game-menu[data-panel=pause]{width:340px;max-width:94vw;margin-right:auto;margin-left:clamp(0px,5vw,80px);background:rgba(57,67,49,.96)}.game-menu[data-panel=pause] .game-tabs{display:none}.game-menu[data-panel=pause] .pause-actions{display:flex;flex-direction:column;gap:4px}.game-menu[data-panel=pause] .pause-actions button{text-align:left;margin:0;min-height:32px;background:transparent;border-color:transparent;color:#dce2cd;font-weight:bold}.game-menu[data-panel=pause] .pause-actions button:hover{color:#d3df9e;background:#566348}.game-menu[data-panel=pause] h2{font-size:24px}.game-menu[data-panel=pause] .menu-bottom{flex-direction:column;align-items:stretch}.game-menu[data-panel=pause] .menu-bottom span{max-width:none}.game-menu[data-panel=pause] #pauseDescription{font-size:11px;color:#acb79d}
.game-menu[data-panel=pause] .menu-help{display:none}.game-menu[data-panel=pause] .pause-actions button{min-height:30px;padding:7px 12px}.game-menu[data-panel=pause] .menu-bottom{margin-top:12px}
