:root{--red:#e31b23;--green:#69d33d;--orange:#ff8b00;--ink:#090909;--panel:rgba(18,18,18,.78);--line:#777;--text:#f5f5f5;--muted:#c8c8c8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#111 url('assets/fond-prison.png') center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:-1}.app{min-height:100vh;padding:18px}.topbar{display:grid;grid-template-columns:220px 1fr 150px;gap:18px;align-items:center;background:rgba(5,5,5,.88);border:1px solid #555;padding:10px 20px}.brand{width:190px;height:72px;object-fit:contain}.forces{width:110px;height:110px;object-fit:contain;justify-self:end}.title{text-align:center}.title h1{font-size:clamp(28px,4vw,58px);letter-spacing:2px;margin:0}.title p{margin:6px 0;color:#ddd;font-size:20px}.panel{max-width:1450px;margin:20px auto;background:var(--panel);border:1px solid #777;box-shadow:0 16px 45px #0008;padding:26px;backdrop-filter:blur(4px)}h2{font-size:clamp(28px,4vw,52px);margin:0 0 15px}h3{font-size:24px;margin:8px 0 18px;color:#fff}.red{color:var(--red)}.green{color:var(--green)}.orange{color:var(--orange)}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:rgba(12,12,12,.76);border:1px solid #777;padding:20px;min-height:150px}.card p,.lead{font-size:20px;line-height:1.45}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.btn{border:1px solid #888;background:#171717;color:white;padding:15px 22px;font-size:18px;font-weight:700;cursor:pointer}.btn:hover,.btn:focus{outline:2px solid white}.primary{background:#811015;border-color:var(--red)}.success{border-color:var(--green);color:var(--green)}.incident{border-color:var(--orange);color:var(--orange)}input,textarea,select{width:100%;padding:13px;background:#111d;border:1px solid #777;color:#fff;font-size:18px;margin:6px 0 14px}label{display:block;font-size:17px;font-weight:700}.roles{max-width:900px;margin:60px auto}.role{cursor:pointer;text-align:center;min-height:250px}.role .icon{font-size:58px}.mission-grid{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:10px}.mission{padding:15px 7px;text-align:center;background:#111d;border:2px solid #777;cursor:pointer}.mission strong{display:block;font-size:30px}.mission.done{border-color:var(--green);color:var(--green)}.mission.active{border-color:var(--red);color:#fff;box-shadow:0 0 18px #e31b2370}.mission.locked{opacity:.45;cursor:not-allowed}.inside{margin-top:20px;grid-template-columns:repeat(3,120px)}.mission-head{display:flex;gap:20px;align-items:center}.enemy{width:72px;height:72px;object-fit:contain}.popoff{width:100%;max-height:260px;object-fit:cover;filter:grayscale(1);border:1px solid #777}.route{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.step{flex:1;min-width:125px;padding:12px;border:1px solid #777;text-align:center;background:#111b}.step.current{border-color:var(--red)}.step.done{border-color:var(--green);color:var(--green)}.fab{position:fixed;right:24px;bottom:24px;border-radius:50%;width:74px;height:74px;border:2px solid var(--red);background:#141414;color:white;font-size:32px;z-index:5;cursor:pointer}.badge{display:inline-block;padding:6px 10px;border:1px solid currentColor;margin:4px}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;z-index:10;padding:20px}.modalbox{width:min(1050px,96vw);max-height:92vh;overflow:auto;background:#151515;border:1px solid #999;padding:24px}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo{min-height:160px;border:1px dashed #888;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:160px;object-fit:cover}.score-row{display:grid;grid-template-columns:1fr repeat(4,70px);gap:8px;align-items:center;margin:10px 0}.score-row button{padding:10px;background:#222;color:#fff;border:1px solid #777}.score-row button.on{background:#236d17;border-color:var(--green)}.sergeant-layout{display:grid;grid-template-columns:250px 1fr;gap:18px}.side button{width:100%;margin-bottom:10px;text-align:left}.stat{font-size:34px;font-weight:800}.members{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.member{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.thumb{width:88px;height:88px;object-fit:cover;background:#222;border:1px solid #777}.notice{border-left:5px solid var(--orange);background:#21170b;padding:14px;font-size:18px}.pause{font-size:60px;text-align:center;margin:25px}.hidden{display:none!important}@media(max-width:900px){.topbar{grid-template-columns:130px 1fr 80px}.brand{width:120px}.forces{width:75px;height:75px}.two,.three,.sergeant-layout{grid-template-columns:1fr}.mission-grid{grid-template-columns:repeat(4,1fr)}.photos{grid-template-columns:repeat(2,1fr)}.members{grid-template-columns:1fr}}@media(max-width:560px){.app{padding:6px}.panel{padding:16px}.mission-grid{grid-template-columns:repeat(2,1fr)}.topbar{grid-template-columns:100px 1fr 62px;padding:6px}.title h1{font-size:24px}.title p{font-size:14px}.score-row{grid-template-columns:1fr repeat(4,45px)}}