.page-browse-events{background:radial-gradient(ellipse at 85% 10%,#6425b013,transparent 55%),repeating-radial-gradient(ellipse at 15% 30%,transparent 0 34px,#9060cf07 35px 36px,transparent 37px 60px),#080b12;--accent:#a644ff}
.page-browse-events [hidden]{display:none!important}
.pagination a[aria-disabled="true"]{opacity:.4;cursor:default;pointer-events:none}
.page-browse-events:has(#event-invitation[data-server-invitation][open]:not(:modal))::before{content:'';position:fixed;inset:0;background:#03050bd9;z-index:90}
#event-invitation[data-server-invitation][open]:not(:modal){position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:91}
.page-browse-events .site-header nav{gap:clamp(12px,1.8vw,30px)}
.browse{max-width:1480px;margin:auto;padding:34px 4% 24px;min-height:70vh}.browse-title{border-left:12px solid #a13dff;padding-left:24px;margin-bottom:24px}.browse-title h1{font-size:clamp(38px,4vw,62px)}.browse-title p{font-size:20px;margin-top:8px}
.browse-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:22px;align-items:end;padding:20px 24px 12px;background:linear-gradient(120deg,#1a1d27,#11141d);border:1px solid #575063;border-radius:14px}.browse-filters label{min-width:0}.browse-filters label span{display:block;font:800 21px RTS,'Arial Narrow',sans-serif;margin-bottom:6px}.browse-filters input,.browse-filters select{width:100%;min-width:0;background:#1c202b;color:#f6f6fa;border:1px solid #666173;border-radius:8px;padding:9px 12px;height:44px;color-scheme:dark}.browse-filters .btn{border-radius:9px;min-height:44px;cursor:pointer;padding:10px 24px}.filter-help{grid-column:1/-1;font-size:12px;color:#aaa7b9}
.results-heading{display:flex;gap:24px;align-items:center;margin-top:28px}.results-heading h2{font-size:36px}.results-heading p{border-left:1px solid #797184;padding-left:24px;font-style:italic;font-size:15px}#results-status{font-size:13px;color:#bcb8ca;min-height:20px;margin:12px 0}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-preview{min-width:0;width:100%;display:flex;align-items:center;text-align:left;gap:16px;background:linear-gradient(115deg,#1c1c2a,#0c111b);color:#fafaff;border:1px solid #574265;border-radius:12px;overflow:hidden;padding:0 16px 0 0;min-height:106px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.event-preview:hover{border-color:#b169ed;box-shadow:0 0 12px #a34cff25}.event-thumbnail{width:116px;height:106px;flex:none;display:grid;place-content:center;gap:5px;text-align:center;background:radial-gradient(ellipse at 50% 10%,#63319499,#151927);color:#c990fa}.event-thumbnail img{width:116px;height:106px;object-fit:cover;display:block}.event-thumbnail svg{width:65px;height:40px;margin:auto}.event-thumbnail small{font-size:10px;letter-spacing:1px;font-weight:bold}.event-copy{min-width:0;flex:1;display:grid;gap:5px}.event-name{font-size:18px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.event-city{font-size:14px;color:#d7cfe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-city::before{content:'⌖ ';color:#c58cec}.event-date{font-size:12px;line-height:1.5;color:#e9d2ff}.event-date time{background:#79409d35;border-radius:5px;padding:3px 7px;display:inline-block}.event-chevron{font-size:28px;color:#d4c9e1}.event-skeleton{height:106px;border:1px solid #383142;border-radius:12px;background:linear-gradient(110deg,#191b25,#222033,#191b25);opacity:.6}
.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:24px 0}.pagination[hidden],#results-message[hidden]{display:none}.pagination .btn{min-height:40px;padding:8px 18px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:default}#results-message{border:1px solid #45364f;border-radius:12px;padding:28px;text-align:center}#results-message .btn{margin:18px 6px 0;cursor:pointer}.browse-download{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px;padding:16px 20px;border:1px solid #9552bd;border-radius:13px;background:linear-gradient(#25163388,#121420)}.browse-download h2{font-size:26px}
#event-invitation{color:#f8f5ff;background:#151321;border:1px solid #aa5df4;border-radius:18px;padding:36px;max-width:540px;width:calc(100% - 32px);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #000a}#event-invitation::backdrop{background:#03050bd9}#event-invitation h2{font-size:38px}#invite-event{margin-top:18px;color:#e3c9ff}#event-invitation li{margin:10px 0;color:#ded8e9}.invite-close{position:absolute;right:12px;top:8px;background:none;color:#e9dcf8;border:0;font-size:28px;cursor:pointer}.invite-actions{display:grid;gap:12px;margin-top:24px}.invite-web{display:block;text-align:center;background:none;border:0;color:#d3a1ff;padding:12px;font-size:14px;cursor:pointer}#keep-browsing{margin:auto}
@media(min-width:901px) and (max-width:1240px){.page-browse-events .site-header{gap:18px;padding-inline:3%}.page-browse-events .site-header .brand{font-size:25px}.page-browse-events .site-header nav{gap:12px}.page-browse-events .nav-actions{gap:8px}.page-browse-events .nav-actions .btn{padding:10px;font-size:12px}}
@media(max-width:900px){.browse-filters{grid-template-columns:1fr 1fr;gap:16px}.browse-filters .btn{width:100%}.results-heading{align-items:flex-start;flex-direction:column;gap:10px}.results-heading p{border:0;padding:0}.browse-download h2{font-size:22px}.event-thumbnail,.event-thumbnail img{width:90px}.event-preview{gap:12px;padding-right:10px}.event-name{font-size:16px}}
@media(max-width:700px){.browse{padding:28px 5% 22px}.browse-title{padding-left:16px;border-left-width:8px}.browse-title p{font-size:16px}.event-grid{grid-template-columns:minmax(0,1fr)}.browse-download{flex-direction:column;gap:16px;text-align:center}.event-thumbnail,.event-thumbnail img{width:100px}.event-name{font-size:17px}.pagination{gap:12px;font-size:13px}.pagination .btn{padding:8px 12px}#event-invitation{padding:32px 22px}.browse-filters{padding:18px 16px 12px}}
@media(max-width:420px){.browse-filters{grid-template-columns:1fr}.event-thumbnail,.event-thumbnail img{width:80px}.event-preview{gap:10px}.event-name{font-size:16px}.browse-title h1{font-size:38px}}