.coop-page{--coop:#f4ca52;--coop2:#f06c61;min-height:calc(100vh - 160px);padding:34px 24px 70px;background:#0c0d11}
.coop-shell{max-width:1220px;margin:0 auto}
.coop-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 24px;border-bottom:1px solid rgba(255,255,255,.09)}
.coop-kicker{font-family:Tomorrow,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--coop2)}
.coop-hero h2{margin:7px 0 8px;font-family:Tomorrow,sans-serif;font-size:clamp(25px,4vw,44px);letter-spacing:-1px;color:#f7f6ff}
.coop-hero p{margin:0;max-width:620px;color:rgba(235,234,246,.65);font-size:14px;line-height:1.6}
.coop-add-btn,.coop-submit{border:0;border-radius:4px;background:var(--coop);color:#17150e;padding:12px 18px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:none}
.coop-add-btn:hover,.coop-submit:hover{filter:brightness(1.06)}
.coop-submit{min-width:170px;border:1px solid #ffe28a;background:#f4ca52;color:#17130a;box-shadow:0 0 0 3px rgba(244,202,82,.1),0 8px 24px rgba(244,202,82,.15);font-family:Tomorrow,sans-serif;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.coop-submit:hover{background:#ffda68;box-shadow:0 0 0 3px rgba(244,202,82,.16),0 10px 28px rgba(244,202,82,.22)}
.coop-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(145px,auto));gap:10px;align-items:stretch;padding:18px 0 12px}
.coop-search-field{position:relative;display:flex;align-items:center}.coop-search-field>span{position:absolute;left:13px;color:rgba(235,234,246,.42);font-size:18px;pointer-events:none}.coop-search-field input{padding-left:39px!important}
.coop-filter-field{display:flex;min-width:0;flex-direction:column;gap:5px;padding:7px 10px 8px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#11131a}.coop-filter-field>span{color:rgba(235,234,246,.38);font:600 8px Tomorrow,sans-serif;letter-spacing:1px;text-transform:uppercase}.coop-filter-field select{border:0!important;padding:0 20px 0 0!important;background-color:transparent!important;font-weight:600!important}
.coop-toolbar input,.coop-toolbar select,.coop-field input,.coop-field select,.coop-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#11131a;color:#ecebf5;padding:11px 12px;font:500 13px 'DM Sans',sans-serif;outline:none}
.coop-toolbar input:focus,.coop-toolbar select:focus,.coop-field input:focus,.coop-field select:focus,.coop-field textarea:focus{border-color:rgba(124,108,255,.8);box-shadow:0 0 0 3px rgba(124,108,255,.1)}
.coop-status-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 0 11px;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:none}.coop-status-tabs::-webkit-scrollbar{display:none}.coop-status-tabs button{display:flex;align-items:center;gap:8px;flex:0 0 auto;border:0;border-radius:4px;background:transparent;padding:9px 11px;color:rgba(235,234,246,.48);font:650 11px 'DM Sans',sans-serif;cursor:pointer}.coop-status-tabs button:hover{color:#fff;background:rgba(255,255,255,.04)}.coop-status-tabs button.active{background:rgba(244,202,82,.1);color:#f4ca52}.coop-status-tabs strong{display:grid;min-width:19px;height:19px;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);font-size:9px}.coop-status-tabs button.active strong{background:rgba(244,202,82,.15)}
.coop-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 20px;color:rgba(235,234,246,.48);font-size:12px}
#coop-current-profile{color:rgba(235,234,246,.75)}
.coop-games-list{display:flex;flex-direction:column;gap:30px}
.coop-cache-note{display:grid;grid-template-columns:8px auto 1fr;align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:4px;background:#14151a;color:rgba(235,234,246,.58);font-size:11px}.coop-cache-note>span{width:7px;height:7px;border-radius:50%;background:var(--coop);box-shadow:0 0 12px var(--coop)}.coop-cache-note strong{color:#f5f3fa;font-size:11px}.coop-cache-note small{justify-self:end;font-size:10px}.coop-cache-note.is-syncing>span{animation:pulse 1.2s ease-in-out infinite}.coop-cache-note.is-offline{border-color:rgba(244,202,82,.28)}
.coop-game-section{min-width:0}.coop-game-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.coop-game-section>header h3{margin:0 0 3px;color:#f5f3fa;font:700 17px Tomorrow,sans-serif;letter-spacing:.4px}.coop-game-section>header p{margin:0;color:rgba(235,234,246,.42);font-size:11px}.coop-game-section>header>strong{display:grid;min-width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:rgba(235,234,246,.58);font-size:10px}
.coop-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.coop-game-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#14151a;box-shadow:none;transition:border-color .15s}
.coop-game-card:hover{border-color:rgba(244,202,82,.45)}
.coop-cover{position:relative;aspect-ratio:460/215;background:linear-gradient(135deg,#25243b,#101c20);overflow:visible}
.coop-cover img{width:100%;height:100%;display:block;object-fit:cover}
.coop-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(13,15,21,.9));pointer-events:none}
.coop-status-control{position:absolute;z-index:4;top:10px;left:10px}.coop-status{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 9px;background:rgba(9,10,15,.88);backdrop-filter:blur(8px);font-family:Tomorrow,sans-serif;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.coop-status>span{font-size:10px;line-height:1;opacity:.65}.coop-status:hover{border-color:rgba(255,255,255,.42)}
.coop-status-open{color:#b8adff}.coop-status-planned{color:#ffd46a}.coop-status-played{color:#65dfad}.coop-status-replay{color:#7ce9dc;border-color:rgba(66,214,198,.35);box-shadow:0 0 16px rgba(66,214,198,.12)}
.coop-status-menu{position:absolute;z-index:8;top:35px;left:0;width:230px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#111219;padding:6px;box-shadow:0 18px 45px rgba(0,0,0,.6);text-transform:none}.coop-status-menu[hidden]{display:none}.coop-status-menu>div{padding:6px 8px 8px;color:rgba(235,234,246,.4);font:700 8px Tomorrow,sans-serif;letter-spacing:1.2px;text-transform:uppercase}.coop-status-menu button{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;width:100%;border:0;border-radius:3px;background:transparent;padding:7px 8px;text-align:left;color:#eeedf5;cursor:pointer}.coop-status-menu button:hover{background:rgba(255,255,255,.055)}.coop-status-menu button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:1px}.coop-status-menu button strong{font:650 11px 'DM Sans',sans-serif}.coop-status-menu button small{overflow:hidden;color:rgba(235,234,246,.4);font:500 9px 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}.coop-status-menu button>b{color:var(--coop);font-size:11px}.coop-status-option-dot{width:7px;height:7px;border:0!important;border-radius:50%;background:currentColor!important;box-shadow:none!important}
.coop-status-menu .coop-delete-option{grid-template-columns:18px 1fr;margin-top:5px;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:10px;color:#ff7f89}.coop-status-menu .coop-delete-option:hover{background:rgba(255,80,95,.08)}.coop-delete-option>span:first-child{display:grid;width:16px;height:16px;place-items:center;border:1px solid rgba(255,127,137,.45);border-radius:50%;font-size:12px}.coop-status-menu .coop-delete-option small{color:rgba(255,170,178,.5)}
.coop-card-body{padding:15px 16px 16px}
.coop-card-meta{display:flex;gap:7px;flex-wrap:wrap;color:rgba(235,234,246,.48);font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.coop-card-meta span+span:before{content:"·";margin-right:7px}
.coop-card-body h3{margin:7px 0 8px;color:#f4f3fa;font:700 18px Tomorrow,sans-serif;letter-spacing:.2px}
.coop-card-body p{min-height:40px;margin:9px 0;color:rgba(235,234,246,.65);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.coop-replay-note{display:flex;flex-direction:column;gap:2px;margin:9px 0;padding:8px 10px;border-left:2px solid var(--coop2);background:rgba(66,214,198,.07);color:rgba(235,255,252,.72);font-size:11px}.coop-replay-note strong{color:#75e3d6;font:700 8px Tomorrow,sans-serif;letter-spacing:1px;text-transform:uppercase}
.coop-tags{display:flex;gap:5px;flex-wrap:wrap}.coop-tags span{border:1px solid rgba(124,108,255,.2);border-radius:3px;background:rgba(124,108,255,.08);padding:3px 6px;color:#c5bdff;font-size:9px;text-transform:uppercase;letter-spacing:.6px}
.coop-steam-review{display:flex;align-items:center;gap:7px;min-height:18px;margin-top:9px;color:rgba(235,234,246,.5);font-size:10px}.coop-steam-review>span{border-radius:3px;background:rgba(255,255,255,.08);padding:3px 5px;color:#d8d7df;font:700 8px Tomorrow,sans-serif;letter-spacing:.6px;text-transform:uppercase}.coop-steam-review strong{font-size:11px}.coop-steam-review small{color:rgba(235,234,246,.38);font-size:10px}.coop-steam-review.is-positive strong{color:#65dfad}.coop-steam-review.is-mixed strong{color:#f4ca52}.coop-steam-review.is-negative strong{color:#ff7f89}.coop-steam-review.is-loading{opacity:.58}.coop-steam-review.is-empty small{color:rgba(235,234,246,.42)}
.coop-submitter{margin-top:10px;color:rgba(235,234,246,.33);font-size:10px}
.coop-interest-row{display:flex;align-items:center;min-height:32px;margin:13px 0 11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}
.coop-interest-list{display:flex;align-items:center;flex:1;min-width:0}.coop-interest-avatar{display:grid;place-items:center;width:29px;height:29px;margin-right:-6px;overflow:hidden;border:2px solid #151720;border-radius:50%;background:#272a37;color:#fff;font-size:10px;font-weight:700}.coop-interest-avatar img{width:100%;height:100%;object-fit:cover}.coop-no-interest{color:rgba(235,234,246,.35);font-size:11px}.coop-interest-count{color:rgba(235,234,246,.55);font-size:11px}
.coop-card-actions{display:flex;align-items:center;gap:10px}.coop-card-actions a{margin-left:auto;color:rgba(235,234,246,.52);font-size:11px;text-decoration:none}.coop-card-actions a:hover{color:#fff}
.coop-vote-btn{border:1px solid rgba(124,108,255,.42);border-radius:5px;background:rgba(124,108,255,.09);color:#c8c1ff;padding:9px 11px;font:700 10px Tomorrow,sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.coop-vote-btn.active{border-color:rgba(66,214,198,.55);background:rgba(66,214,198,.1);color:#77e5d8}
.coop-replay-btn{border:0;background:transparent;color:#69d9cd;padding:7px 2px;font:700 9px Tomorrow,sans-serif;text-transform:uppercase;cursor:pointer}
.coop-empty{grid-column:1/-1;display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:rgba(235,234,246,.42)}.coop-empty strong{color:#ecebf5}.coop-error{color:#ff8490}
.coop-modal{display:none;position:fixed;inset:0;z-index:8500;align-items:center;justify-content:center;padding:20px;background:rgba(5,6,10,.82);backdrop-filter:blur(10px)}.coop-modal.open{display:flex}
.coop-form{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#111216;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.55)}
.coop-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.coop-form h3{margin:0 0 4px;font:700 24px 'DM Sans',sans-serif;color:#fff}.coop-form-head p{margin:0;color:rgba(235,234,246,.58);font-size:13px}.coop-modal-close{border:0;background:transparent;color:rgba(255,255,255,.6);font-size:21px;cursor:pointer}
.coop-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.coop-field{display:flex;flex-direction:column;gap:6px}.coop-field-wide{grid-column:1/-1}.coop-field label{color:rgba(235,234,246,.72);font:600 12px 'DM Sans',sans-serif}.coop-field textarea{min-height:80px;resize:vertical}.coop-form-footer{display:flex;align-items:center;gap:14px;margin-top:18px}.coop-form-error{flex:1;color:#ff7b88;font-size:11px}.coop-submit:disabled{opacity:.55;cursor:wait}
.coop-catalog-search{display:block}.coop-catalog-search input{height:48px!important;border-color:rgba(255,255,255,.18)!important;border-radius:4px!important;background:#0a0b0e!important;font-size:15px!important}.coop-catalog-status{min-height:18px;padding:7px 2px 3px;color:rgba(235,234,246,.48);font-size:11px}.coop-catalog-status.error{color:#ff8490}.coop-catalog-results{display:grid;max-height:320px;overflow:auto;border-top:1px solid rgba(255,255,255,.07)}.coop-catalog-result{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent;padding:9px 2px;text-align:left;color:#ecebf5;cursor:pointer}.coop-catalog-result:hover,.coop-catalog-result:focus{background:rgba(255,255,255,.045);outline:0}.coop-catalog-result img,.coop-catalog-result-cover{width:88px;height:50px;border-radius:3px;background:#202126;object-fit:cover}.coop-catalog-result-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.coop-catalog-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px 'DM Sans',sans-serif}.coop-catalog-result-copy span,.coop-catalog-result-source{color:rgba(235,234,246,.5);font-size:11px}.coop-catalog-result-source{padding-right:8px;font:600 9px 'DM Sans',sans-serif}.coop-catalog-selected{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;border:0;border-left:3px solid var(--coop);border-radius:4px;background:#1a1b20;padding:10px}.coop-catalog-selected img,.coop-catalog-selected-cover{width:96px;height:54px;border-radius:3px;background:#202126;object-fit:cover}.coop-catalog-selected strong{display:block;margin-bottom:4px;color:#f7f6ff;font:700 14px 'DM Sans',sans-serif}.coop-catalog-selected span{color:rgba(235,234,246,.58);font-size:11px}.coop-catalog-selected button{border:0;background:transparent;color:var(--coop);font:700 11px 'DM Sans',sans-serif;cursor:pointer}.coop-manual{border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:9px 11px}.coop-manual summary{color:rgba(235,234,246,.55);font-size:11px;cursor:pointer}.coop-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:11px}
@media(max-width:1050px){.coop-toolbar{grid-template-columns:1fr 1fr 1fr}.coop-search-field{grid-column:1/-1}.coop-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.coop-page{padding:22px 14px 50px}.coop-hero{align-items:flex-start;flex-direction:column;padding:12px 0 19px}.coop-hero h2{font-size:28px}.coop-add-btn{width:100%;min-height:46px}.coop-games-list{gap:22px}.coop-games-grid{grid-template-columns:1fr}.coop-toolbar{grid-template-columns:1fr 1fr}.coop-search-field{grid-column:1/-1}.coop-filter-field:last-child{grid-column:1/-1}.coop-filter-field>span{font-size:9px}.coop-status-tabs{margin-inline:-14px;padding-inline:14px}.coop-status-tabs button{min-height:44px;padding-inline:14px}.coop-status{min-height:40px;padding-inline:12px}.coop-cover{aspect-ratio:16/7}.coop-card-body{padding:13px 14px 14px}.coop-card-body p{min-height:0;margin:7px 0}.coop-submitter{margin-top:8px}.coop-interest-row{margin:10px 0 9px;padding-top:9px}.coop-card-actions{align-items:stretch;flex-wrap:wrap}.coop-card-actions button,.coop-card-actions a{display:flex;min-height:44px;align-items:center;justify-content:center;box-sizing:border-box}.coop-card-actions a{margin-left:0;padding:0 8px}.coop-vote-btn{flex:1}.coop-game-section>header{align-items:flex-start}.coop-game-section>header p{max-width:260px}.coop-fields{grid-template-columns:1fr}.coop-field-wide{grid-column:auto}.coop-form-footer{align-items:stretch;flex-direction:column}.coop-submit{width:100%;min-height:48px}.coop-modal-close{display:grid;min-width:44px;min-height:44px;place-items:center}.coop-catalog-search{grid-template-columns:1fr}.coop-catalog-search button{min-height:44px}.coop-catalog-result{min-height:62px;grid-template-columns:44px 1fr}.coop-catalog-result img,.coop-catalog-result-cover{width:44px;height:44px}.coop-catalog-result-source{display:none}.coop-catalog-selected{grid-template-columns:58px 1fr}.coop-catalog-selected img,.coop-catalog-selected-cover{width:58px;height:58px}.coop-catalog-selected button{grid-column:1/-1;min-height:44px}.coop-manual-grid{grid-template-columns:1fr}}
@media(max-width:620px){.coop-cache-note{grid-template-columns:8px 1fr;min-height:44px}.coop-cache-note small{grid-column:2;justify-self:start}}