:root{font-family:system-ui,Arial,sans-serif;color:#e9f4fb;background:#07121c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at center,#193345,#07121c 75%)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 25px;background:#050b13;border-bottom:2px solid #1e819a}header strong{font-size:clamp(17px,2.4vw,26px);letter-spacing:2px;color:#f5cc58}header span{font-size:12px;color:#8db2c4}button{background:#173b50;color:#f2faff;border:1px solid #439bb3;border-radius:6px;padding:10px 14px;cursor:pointer;font-weight:700}button:hover:not(:disabled){background:#27627b}button:disabled{opacity:.38;cursor:not-allowed}main{max-width:1250px;margin:auto;padding:12px}.status{padding:12px 18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#0a1b29;border:1px solid #285269;border-radius:8px;margin:8px 0}.field{border:2px solid #376579;border-radius:12px;min-height:375px;padding:12px;background:repeating-linear-gradient(145deg,#0e2b37,#0e2b37 32px,#103340 32px,#103340 64px);box-shadow:inset 0 0 70px #0008}.lane{display:flex;justify-content:center;gap:10px;min-height:138px;align-items:center;flex-wrap:wrap}.center{border-top:1px dashed #6790a0;border-bottom:1px dashed #6790a0;display:flex;justify-content:space-between;gap:12px;padding:8px;color:#f9d36d;font-weight:800;min-height:40px}.card{position:relative;flex:0 0 112px;min-height:135px;border:2px solid #4f92a7;border-radius:9px;background:linear-gradient(145deg,#27495d,#0c1b2c);padding:9px;box-shadow:0 5px 12px #0007;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.card.primal{border-color:#b36b4b;background:linear-gradient(145deg,#58372c,#1b2025)}.card:hover{transform:translateY(-5px);filter:brightness(1.2)}.card.exhausted{opacity:.56}.card .name{font-size:12px;font-weight:900}.card .cost{background:#e9c257;color:#111;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:900}.card .stats{display:flex;justify-content:space-between;color:#f7d47b;font-weight:900}.card small{font-size:10px;color:#c2d5dc}.hand{display:flex;gap:9px;overflow-x:auto;padding:15px 4px;min-height:168px}.hand .card{flex-basis:123px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.help{color:#a9bfca;font-size:13px;line-height:1.6}@media(max-width:600px){header span{display:none}.card{flex-basis:91px;min-height:118px;padding:6px}.lane{gap:5px}.field{min-height:335px}.status{font-size:12px}}

/* Official Paintball Royale cards */
.card.official{padding:0;overflow:hidden;width:116px;height:164px;min-width:116px;min-height:164px;background:#020914;border:2px solid #c69b47;box-shadow:0 5px 14px #0008;cursor:pointer;transition:transform .15s,box-shadow .15s}.card.official img{display:block;width:100%;height:100%;object-fit:fill}.card.official:hover{transform:translateY(-8px) scale(1.06);z-index:5;box-shadow:0 8px 24px #f7b73b55}.card.official.exhausted{opacity:.6}.zone-title{font-size:12px;letter-spacing:2px;color:#f5c45b;margin:18px 0 9px}.mission-row{min-height:44px;display:flex;gap:9px;align-items:center}.mission-row small{color:#86a8bc}@media(max-width:700px){.card.official{width:91px;min-width:91px;height:130px;min-height:130px}}