.coop-modal{width:min(1080px,95vw)!important}.coop-modal .modal-body{padding-top:18px}
.coop-hero{height:178px;position:relative;overflow:hidden;border:1px solid #ad945464;margin-bottom:18px}
.coop-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:.85}
.coop-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c24ed,transparent)}
.coop-hero>div{position:absolute;inset:25px auto auto 28px;z-index:1}.coop-hero h3{font:30px var(--serif);letter-spacing:4px;margin:15px 0;color:#f1d49a}.coop-hero p{font-size:12px;color:#d5d6bc}
.coop-state{display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #ac905b55;background:#b2974710;font-size:13px;margin-bottom:16px}.coop-state>i{width:7px;height:7px;border-radius:50%;background:#b59762}.coop-state.connected>i{background:#9dc69b;box-shadow:0 0 9px #7fa47266}.coop-state.error>i,.coop-state.disconnected>i{background:#d49271}.coop-state>span{margin-left:auto;font:10px var(--sans);color:#a5b8b6;letter-spacing:1px}
.coop-config{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:4px 0 20px}.coop-config>label{font-size:12px;gap:12px;display:flex;flex-wrap:wrap;align-items:center}.coop-config>label>input{flex:1;min-width:80px}.coop-stun>span{display:block;width:100%;font-size:10px;color:#adc1b6}.coop-config details{grid-column:1/-1;border-top:1px solid #ba98542b;padding-top:11px}.coop-config summary{cursor:pointer;font-size:12px;list-style:none;color:#dbc897}.coop-config summary:before{content:'＋';padding-right:10px}.coop-config details[open] summary:before{content:'−'}.coop-config details>p{font-size:11px;color:#aec0b4}
.coop-modal textarea{box-sizing:border-box;width:100%;resize:vertical;background:#0d252c;color:#d9dfc1;border:1px solid #a78c556e;font:12px/1.7 var(--sans);padding:11px;min-height:76px;border-radius:1px;outline:none}.coop-modal textarea:focus{border-color:#dec28b}.coop-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.coop-connect-grid>section{border:1px solid #a88d5466;background:linear-gradient(140deg,#273e3f99,#12262b);padding:24px;display:flex;flex-direction:column;gap:12px}.coop-connect-grid h3{font:26px var(--serif);letter-spacing:3px;margin:0}.coop-connect-grid p{font-size:12px;line-height:1.9;color:#bec8b6;margin:0 0 6px}.coop-connect-grid small{font-size:11px;color:#a7b6a5;line-height:1.8}.coop-short-join{display:flex;gap:8px}.coop-short-join input{min-width:0;width:70%;letter-spacing:3px}.coop-short-join .btn{flex:1}
.coop-handshake{background:#163038;border:1px solid #bba36555;padding:20px;margin-bottom:18px}.coop-handshake label{display:block;font:13px/1.8 var(--serif);margin:12px 0}.coop-handshake p{font:12px/1.9 var(--serif);color:#bdc7b2}.room-code{font:32px var(--serif);letter-spacing:8px;color:#e5c688}
.coop-members{display:grid;grid-template-columns:1fr 56px 1fr;gap:14px;margin:18px 0}.coop-members article{padding:20px;border:1px solid #9e895147;background:#1b323a}.coop-members .is-holder{border-color:#d1b875;box-shadow:inset 3px 0 #c9af70}.coop-members article>span,.coop-members article>small{display:block;font:11px var(--sans);color:#b6c4b5}.coop-members article>b{display:block;font:25px var(--serif);letter-spacing:2px;margin:10px 0;color:#ecdcaa}.coop-seal{align-self:center;text-align:center;border:1px solid #9a754e;color:#dcb173;background:#713f2b66;line-height:1.8;font-size:17px;padding:7px 0;margin:0 5px}
.coop-command-row{display:flex;gap:10px;flex-wrap:wrap}.coop-chat-log{height:130px;overflow:auto;background:#061a2280;border:1px solid #a18a4944;padding:10px 16px;margin-top:18px;scrollbar-width:thin;scrollbar-color:#8f825a #15272c}.coop-chat-log p{display:flex;gap:12px;font-size:12px;line-height:1.8;margin:5px 0}.coop-chat-log b{color:#d1b67c;flex:0 0 70px;overflow-wrap:anywhere}.coop-chat-log span{overflow-wrap:anywhere;color:#c0d0c4}.coop-chat-entry{display:flex;gap:10px;margin-top:9px}.coop-chat-entry input{flex:1;min-width:0}
.coop-session-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.coop-session-foot small{color:#aabaaa;font:11px var(--sans)}.coop-privacy{border-top:1px solid #b3985244;margin-top:22px;padding-top:15px;font:11px/1.95 var(--sans);color:#a9bbac}.coop-error{color:#ebac8b;font-size:12px;line-height:1.8;border:1px solid #965d43;padding:12px}
#coop-badge{position:fixed;right:26px;top:116px;z-index:90;padding:9px 15px;background:#193c43;border:1px solid #bd9d66;color:#e9d8ac;font:12px var(--serif);letter-spacing:1px;box-shadow:0 4px 20px #0005;cursor:pointer;max-width:230px}#coop-badge.my-turn{background:#3a4c35;border-color:#dbc286}#coop-badge[hidden]{display:none}
#modal-layer .modal-body:has(.coop-connect-grid) details{font-family:var(--serif)}
@media(max-width:700px){.coop-config,.coop-connect-grid{grid-template-columns:1fr}.coop-hero{height:150px}.coop-hero>div{left:15px;top:22px}.coop-hero h3{font-size:24px;letter-spacing:2px}.coop-hero p{font-size:10px}.coop-connect-grid>section{padding:17px}.coop-members{grid-template-columns:1fr 38px 1fr;gap:8px}.coop-members article{padding:12px}.coop-members article>b{font-size:20px}.coop-members article>span,.coop-members article>small{font-size:10px}.coop-seal{font-size:14px;margin:0}.coop-state>span{font-size:9px}.coop-state{font-size:12px}.coop-session-foot{align-items:flex-start}.coop-session-foot small{line-height:1.8}.coop-chat-log b{flex-basis:50px}#coop-badge{right:12px;top:auto;bottom:122px;font-size:11px;padding:8px 12px}.coop-modal .modal-header h2{font-size:25px}}
@media(max-height:530px){#coop-badge{top:84px;bottom:auto}.coop-hero{height:110px}.coop-hero>div{top:14px}.coop-hero h3{font-size:22px;margin:8px 0}}

button.coop-locked{opacity:.46!important;cursor:not-allowed!important}button.coop-locked:hover{filter:none!important}