@font-face{font-family:Outfit;src:url('/shared/fonts/outfit.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{color-scheme:dark;--bg:#141719;--panel:#1e2225;--text:#f0f2ef;--muted:#98a39f;--line:#ffffff12;--mint:#c5ecd8;--font:Outfit,'Segoe UI',sans-serif}body{margin:0;background:var(--bg);color:var(--text);font:15px var(--font);letter-spacing:.1px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:transparent}button:disabled{opacity:.5;cursor:wait}input,select{color:var(--text);background:#171b1e;border:1px solid #ffffff20;padding:13px 15px;border-radius:9px;outline:none}input:focus,select:focus{border-color:var(--mint)}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}h1,h2,h3,p{margin:0}p{line-height:1.7}h1{font-size:36px;letter-spacing:-1px;font-weight:550}h2{font-size:25px;font-weight:550;letter-spacing:-.5px}a{color:var(--mint)}.hidden{display:none!important}.kicker{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.wordmark{width:117px;height:34px}.primary{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:8px;background:var(--mint);color:#17271e;padding:14px 21px;font-weight:600;min-height:47px;transition:background .2s,transform .2s}.primary:hover{background:#e1ffed;transform:translateY(-1px)}.secondary{padding:13px 20px;border:1px solid #ffffff26;background:#ffffff08;border-radius:8px}.text-button{color:var(--muted);padding:10px}.error{min-height:20px;color:#ffac9d;font-size:13px}.auth{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh;padding:22px;gap:22px}.auth-visual{position:relative;overflow:hidden;border-radius:16px;background:#304939;min-height:600px}.auth-visual>img{position:absolute;width:100%;height:100%;object-fit:cover}.auth-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091b15e8 0%,transparent 80%)}.auth-caption{position:absolute;z-index:1;bottom:60px;left:45px;right:25px}.auth-caption h1{font-size:45px;line-height:1.1;letter-spacing:-1.8px;margin:16px 0}.auth-caption p{color:#d9e4dd;font-size:15px}.auth-caption .kicker{color:#d9e4dd}.auth-panel{margin:auto;width:min(380px,90%);display:flex;flex-direction:column;gap:30px;padding:40px 0}.auth-panel>.wordmark{margin-bottom:10px}.auth-panel h2{font-size:29px;margin:10px 0}.auth-panel p{font-size:14px;color:var(--muted)}.auth-panel label{display:flex;flex-direction:column;gap:9px;margin:0 0 20px;font-size:13px}.auth-tabs{display:flex;border-bottom:1px solid var(--line)}.auth-tabs button{flex:1;color:var(--muted);padding:12px;border-bottom:2px solid transparent}.auth-tabs .active{border-color:var(--mint);color:white}.auth-panel .primary{width:100%}.auth-bottom{color:var(--muted);text-align:center;font-size:12px}.rail{position:fixed;left:0;top:0;bottom:0;width:84px;border-right:1px solid var(--line);background:#101315;display:flex;align-items:center;flex-direction:column;padding:22px 7px 18px;gap:10px;z-index:20}.logo-btn img{width:37px;height:42px}.logo-btn{margin-bottom:38px}.rail-links{display:flex;flex-direction:column;gap:15px;flex:1}.rail-item{display:flex;align-items:center;flex-direction:column;gap:6px;width:66px;padding:13px 3px;color:#88928f;border-radius:9px}.rail-item span{font-size:24px;height:25px;line-height:25px}.rail-item small{font-size:10px}.rail-item:hover,.rail-item.active{background:#c5ecd813;color:var(--mint)}.shell{margin-left:84px}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 40px;background:var(--bg)}.search-wrap{display:flex;align-items:center;gap:10px;background:#202528;border:1px solid #ffffff09;border-radius:7px;padding:0 12px;max-width:390px;flex:1;margin-left:auto}.search-wrap input{background:none;border:0;padding:10px 0;width:100%;font-size:13px}.search-wrap>span{font-size:22px;color:var(--muted)}kbd{font-size:12px;color:#808a86;border:1px solid #ffffff20;padding:0 6px;border-radius:4px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.connection i{width:6px;height:6px;border-radius:50%;background:#afd5b8}.profile-chip{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.profile-chip>span{display:grid;place-items:center;width:32px;height:32px;background:#65776c;color:#eef4df;border-radius:50%;font-size:16px}.profile-chip strong{font-weight:400}.page{max-width:1540px;margin:0 auto;padding:32px 40px 0}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.page-heading h1{margin-top:5px}.hero{position:relative;height:367px;overflow:hidden;border-radius:12px;background:#334d44}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2421e6 0%,#0b242170 48%,#0b242105 100%)}.hero-content{position:relative;padding:38px 42px;max-width:540px}.hero-tag{font-size:9px;letter-spacing:1.6px;color:#c3decf}.hero h2{font-size:44px;line-height:1.04;letter-spacing:-1.5px;margin:19px 0 15px;font-weight:500}.hero p{font-size:13px;color:#d4dfd9;line-height:1.55;margin-bottom:22px}.hero .primary{font-size:12px;min-height:43px;padding:12px 18px;width:195px}.hero-label{position:absolute;right:24px;bottom:24px;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:1.8px}.hero-label span{color:#d2d8d3;border:1px solid #ffffff60;padding:5px 8px;border-radius:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 19px}.section-heading h2{font-size:23px}.section-heading p{color:var(--muted);font-size:12px;margin-top:6px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}.filters button{font-size:11px;border:1px solid #ffffff16;padding:9px 16px;border-radius:30px;color:#aeb5b0}.filters button.active{background:#e3e9df;color:#202c24;border-color:transparent}.filters button:hover{border-color:#b2cab8}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 19px}.game-card{position:relative;text-align:left;cursor:pointer;min-width:0;border-radius:9px;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.cover{aspect-ratio:1.7;background:#273b37;border-radius:9px;overflow:hidden;position:relative}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.game-card:hover .cover img{transform:scale(1.04)}.cover .badge{position:absolute;left:10px;top:10px;font-size:8px;letter-spacing:.9px;border:1px solid #ffffff20;background:#13231a8c;backdrop-filter:blur(5px);padding:5px 8px;border-radius:4px}.save-game{position:absolute;right:9px;top:9px;z-index:2;background:#151b1b80;width:28px;height:28px;border-radius:50%;font-size:17px}.save-game.saved{color:var(--mint)}.game-card h3{font-size:15px;font-weight:500;margin:13px 0 5px}.game-meta{display:flex;gap:8px;color:var(--muted);font-size:10px}.game-meta .live{margin-left:auto}.platform-stats{display:flex;gap:50px;border:1px solid var(--line);border-radius:10px;padding:23px 28px;margin:38px 0 28px}.platform-stats>div{display:flex;flex-direction:column;gap:4px}.platform-stats strong{font-size:25px;font-weight:500}.platform-stats span{color:var(--muted);font-size:11px}.platform-stats p{margin-left:auto;font-size:12px;color:var(--muted);text-align:right}footer{border-top:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#77817c}footer button{font-size:11px;letter-spacing:0;color:#a3ada7}.empty{padding:50px;text-align:center;color:var(--muted)}.settings-card{max-width:700px;border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:12px;margin:25px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:23px 0}.settings-row p{font-size:12px;color:var(--muted)}.settings-row select{min-width:140px}.settings-card .primary{margin-top:15px}.profile-head{display:flex;gap:23px;align-items:center;margin:35px 0}.big-avatar{width:85px;height:85px;border-radius:23px;background:#a0bcaa;color:#19291e;display:grid;place-items:center;font-size:40px}.role-badge{display:inline-block;padding:4px 9px;border:1px solid #c5ecd84d;border-radius:4px;font-size:10px;color:var(--mint);text-transform:uppercase;margin-top:7px}.leader-table{border-collapse:collapse;width:100%;margin-top:30px;text-align:left}.leader-table th{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:400;padding:14px}.leader-table td{padding:18px 14px;border-top:1px solid var(--line)}.play{position:fixed;inset:0;background:#111;z-index:30;overflow:hidden}.play>canvas,.play>iframe{display:block;width:100%;height:100%;border:0}.play>iframe{background:#141719}.play-top{position:absolute;top:20px;left:22px;right:22px;display:flex;gap:12px;pointer-events:none}.play-top>*{pointer-events:auto}.glass{background:#14211cdc;border:1px solid #ffffff25;backdrop-filter:blur(15px);border-radius:9px;box-shadow:0 6px 24px #0002}button.glass{padding:12px 17px;font-size:12px}.game-heading{display:flex;align-items:center;gap:16px;padding:11px 18px}.game-heading strong{font-weight:500}.game-heading span{font-size:11px;color:#c6cec9}.play-top>#pause-button{margin-left:auto}.objective{position:absolute;top:95px;left:22px;padding:18px 20px;width:256px;pointer-events:none}.objective .kicker{color:#c0cfc3;font-size:8px;letter-spacing:1.3px}.objective strong{display:block;font-size:17px;font-weight:500;margin:9px 0}.objective small{color:#cfdbd0;font-size:10px}.progress-track,.health-track{height:3px;background:#ffffff24;margin:12px 0 10px;border-radius:2px;overflow:hidden}.progress-track i,.health-track i{display:block;height:100%;width:0;background:var(--mint);transition:width .2s}.crosshair{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #000)}.crosshair i{position:absolute;background:#fff9}.crosshair i:first-child{left:5px;width:2px;height:12px}.crosshair i:last-child{top:5px;width:12px;height:2px}.hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f9d494;font-size:35px;pointer-events:none}.play-bottom{position:absolute;left:22px;right:22px;bottom:45px;display:flex;align-items:end;gap:20px;pointer-events:none}.play-bottom>*{pointer-events:auto}.vitals{width:220px;padding:17px}.vitals>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px}.vitals b{font-size:13px}.health-track i{width:100%;background:#b8e4b7}.vitals small{font-size:10px;color:#c5d2c8}.score{margin-left:auto;padding:13px 20px;display:grid;grid-template-columns:auto auto;gap:3px 12px}.score strong{font-size:27px;font-weight:500;grid-row:span 2}.score small{font-size:8px;color:#c1cec6;letter-spacing:1px;padding-top:4px}.score span{font-size:11px}.hotbar{display:flex;gap:5px;margin:0 auto}.hotbar button{padding:10px 12px;border:2px solid #ffffff40;background:#23332be0;border-radius:6px;min-width:45px}.hotbar button.active{border-color:var(--mint);background:#324b3ce0}.hotbar i{display:block;width:20px;height:20px;border-radius:2px;margin:auto auto 6px}.hotbar small{font-size:9px}.controls-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 2px 4px #000;font-size:10px;color:#e1e7df;pointer-events:none}.chat-toggle{position:absolute;top:95px;right:22px}.chat-toggle span{margin-left:15px;color:var(--mint)}.chat-panel{position:absolute;top:147px;right:22px;width:290px;padding:18px}.chat-panel>strong{font-size:13px;font-weight:500}#room-players{font-size:10px;color:#bfcdc1;line-height:1.9;margin-top:7px}#chat-log{height:170px;overflow:auto;margin:13px 0;font-size:12px;word-break:break-word}#chat-log p{margin:6px 0;color:#d5e0d8}#chat-log strong{color:#a2c5ae;display:block;font-weight:500}#chat-form{display:flex;gap:5px}#chat-input{width:100%;font-size:11px;padding:9px;background:#101b15}#chat-form button{font-size:11px;color:var(--mint)}.overlay{position:absolute;inset:0;background:#08100bcc;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:40}.modal{background:#1a231e;border:1px solid #ffffff20;padding:36px;border-radius:16px;max-width:470px;width:90%;display:flex;flex-direction:column;gap:15px}.modal h2{font-size:29px}.modal p{font-size:12px;color:#bdcabe}.modal .kicker{color:var(--mint)}#toasts{position:fixed;right:25px;bottom:25px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:380px}.toast{padding:13px 18px;background:#e3eee5;color:#1e3026;border-radius:8px;box-shadow:0 5px 24px #0005;font-size:12px;animation:toast-in .2s ease-out}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.arcade-mode .objective,.arcade-mode .play-bottom,.arcade-mode .crosshair,.arcade-mode .controls-hint{display:none}.arcade-mode>iframe{padding-top:83px}.credits-list{display:grid;gap:25px;line-height:1.8;font-size:14px;margin:30px 0;max-width:850px}.credits-list p{color:var(--muted)}@media(min-width:1550px){.hero{height:420px}.hero-content{padding:55px}.hero h2{font-size:52px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.topbar{padding:0 25px;gap:15px}.page{padding:28px 25px 0}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading>.muted{display:none}.hero{height:340px}.hero-content{padding:30px}.hero h2{font-size:40px}.profile-chip strong{display:none}}@media(max-width:760px){.rail{width:65px}.rail-item{width:53px}.shell{margin-left:65px}.topbar>.wordmark,.topbar .connection{display:none}.topbar{height:68px;padding:0 17px}.page{padding:25px 17px 0}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{height:330px}.hero-content{padding:25px}.hero h2{font-size:34px}.hero-label{display:none}.platform-stats{gap:20px;padding:17px}.platform-stats p{display:none}.auth{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:90vh;justify-content:center}.objective{width:210px}.play-bottom{gap:8px;bottom:35px}.vitals{width:150px}.hotbar button{padding:5px}.controls-hint{display:none}.game-heading span{display:none}}

.capturing #play>:not(canvas):not(iframe){visibility:hidden!important}

/* Bloxify Red 0.3 */
:root{--bg:#100c10;--panel:#1d141b;--text:#fff1f3;--muted:#b29ba2;--line:#ff596225;--mint:#ff5066;--accent:#ff5066}body{background:#100c10} .rail,.topbar{background:#140e13}.primary{background:#ff5066;color:#16070b}.hero-shade{background:linear-gradient(90deg,#240a15e8,transparent)}.rail-item{text-decoration:none}.filters button.active{background:#ff5066;color:#16070b}input:focus{outline:2px solid #ff5066}