@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#141414;--surface:#1d1d1d;--raised:#272727;--line:#343434;--muted:#929292;--white:#f4f5f6;--cyan:#18c6d8;--cyan2:#087f89;--green:#478753;--red:#b25757}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}button{cursor:pointer}.topbar{min-height:72px;background:#202020;border-bottom:1px solid #2e2e2e;padding:0 clamp(16px,3.5vw,72px);display:flex;align-items:center;gap:40px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brandmark{font:800 30px 'Barlow Condensed',sans-serif;color:#071a1c;background:var(--cyan);border-radius:5px;padding:0 10px;transform:skew(-8deg)}.dot{color:white}.accent{color:var(--cyan)}nav{display:flex;gap:26px;flex:1;align-items:center}nav a{font-size:12px;font-weight:800;letter-spacing:.07em;color:#ddd;padding:25px 0}nav a:hover,nav a.active{color:var(--cyan)}[hidden]{display:none!important}.account{display:flex;align-items:center;gap:12px;margin-left:auto}.userpill{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.avatar{height:30px;width:30px;border-radius:50%;object-fit:cover;background:#383838}.discord-btn,.primary{border:0;border-radius:4px;background:var(--cyan);color:#081618;padding:11px 17px;font-weight:800;font-size:12px}.discord-btn:hover,.primary:hover{background:#58e0ed}.ghost,.secondary{border:1px solid #484848;background:#262626;color:#fff;border-radius:4px;padding:11px 16px;font-weight:700;font-size:12px}.ghost:hover,.secondary:hover{border-color:var(--cyan)}.logout{color:#a9a9a9;font-size:11px}.logout:hover{color:white}.hero{position:relative;isolation:isolate;min-height:385px;display:flex;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 60% 20%,#18464a66,transparent 57%),linear-gradient(120deg,#151b1d,#0e1112 62%,#1b2526);border-bottom:1px solid #3a3a3a;overflow:hidden}.hero:after{content:'';z-index:-1;position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:64px 64px;transform:perspective(500px) rotateX(45deg) scale(1.6);opacity:.48}.hero-content{max-width:780px;padding:45px 22px}.eyebrow{font-size:11px;color:var(--cyan);font-weight:800;letter-spacing:.2em}.hero h1{font:800 clamp(55px,8vw,108px)/.95 'Barlow Condensed',sans-serif;margin:14px 0;letter-spacing:.01em}.hero h1 span{color:var(--cyan)}.hero p{font-size:15px;line-height:1.8;color:#b5b6b8;max-width:580px;margin:14px auto 27px}.cta{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.container{max-width:1350px;margin:0 auto;padding:35px 30px 80px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 22px;gap:20px}.section-title h2{font:700 28px 'Barlow Condensed',sans-serif;margin:0}.section-title p{color:var(--muted);margin:4px 0 0}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.panel{background:var(--surface);border:1px solid #252525;border-radius:4px;padding:24px}.panel h3{margin:0 0 19px;font-size:14px;font-weight:800}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-card,.ticket-row{background:var(--raised);padding:20px;border-radius:4px;border:1px solid transparent}.quick-card{display:flex;align-items:center;gap:15px;min-height:86px}.quick-card:hover,.ticket-row:hover{border-color:#277d85;background:#2c2f2f}.quick-card svg{width:27px;height:27px;color:var(--cyan);flex:none}.quick-card strong{display:block;font-size:13px;margin-bottom:5px}.quick-card small{font-size:11px;line-height:1.5;color:#b4b4b4}.muted{color:var(--muted)}.empty{display:grid;place-items:center;min-height:205px;color:#909090;text-align:center}.content-header{text-align:center;padding:58px 20px 35px}.content-header h1{font:700 42px 'Barlow Condensed',sans-serif;margin:0 0 8px}.content-header p{margin:0;color:#a1a1a1}.narrow{max-width:980px;margin:0 auto}.tickets-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{display:flex;min-height:172px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#202020;border:1px solid #22717b;padding:16px 12px;border-radius:4px;color:white}.category:hover{background:#253338;border-color:var(--cyan);transform:translateY(-3px)}.category .symbol{font-size:35px;line-height:1.1;margin-bottom:14px;color:#fff}.category strong{font-size:13px}.category small{font-size:11px;color:#939393;margin-top:9px;line-height:1.4}.category.green{border-color:#467c50}.category.green:hover{border-color:#73ae7c}.search{padding:14px 16px;width:100%;background:#303030;color:white;border:1px solid #393939;border-radius:3px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:var(--cyan)}.search-wrap{max-width:680px;margin:26px auto 42px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px;flex-wrap:wrap}.tickets-list{display:grid;gap:11px}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.ticket-row strong{font-size:14px}.ticket-row small{display:block;margin-top:7px;color:#999}.status{display:inline-block;border-radius:3px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.status.open{background:#1e4e31;color:#a5efbb}.status.in_progress{background:#5c481a;color:#efcf87}.status.closed{background:#4c3030;color:#f8b1b1}.form-shell{max-width:820px;margin:0 auto}.form-panel{background:#202020;border:1px solid #363636;padding:32px;border-radius:4px}.field{display:grid;gap:9px;margin:0 0 22px}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{background:#2e2e2e;border:1px solid #4b4b4b;padding:13px 15px;border-radius:3px;outline:none;color:white;width:100%}.field textarea{min-height:165px;resize:vertical;line-height:1.7}.hint{font-size:11px;color:#888}.form-actions{display:flex;justify-content:flex-end;gap:12px}.ticket-layout{display:grid;grid-template-columns:1fr 260px;gap:22px}.ticket-detail{background:#1e1e1e;border:1px solid #393939;padding:28px;border-radius:4px}.ticket-detail h2{font:700 33px 'Barlow Condensed',sans-serif;margin:5px 0 15px}.ticket-description{white-space:pre-wrap;line-height:1.8;color:#d5d5d5;border-top:1px solid #393939;padding-top:22px}.reply{padding:18px;background:#2a2a2a;margin:12px 0;border-radius:4px;border-left:3px solid #666}.reply.staff{border-left-color:var(--cyan)}.reply-head{font-size:12px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:10px;gap:12px}.reply p{margin:0;color:#ddd;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.sidebar-card{background:#212121;padding:20px;border-radius:4px;height:max-content}.sidebar-card h3{margin:0 0 15px}.sidebar-card p{color:#aaa;font-size:12px}.sidebar-card .secondary{width:100%;margin-top:8px}.notice{padding:18px;border:1px solid #35535a;background:#1d3336;color:#aee5eb;border-radius:4px;margin-bottom:20px}.loading{padding:90px;text-align:center;color:#aaa}.toast{position:fixed;bottom:25px;right:25px;background:#222;border:1px solid #36868c;padding:14px 19px;z-index:50;border-radius:4px;box-shadow:0 9px 35px #0008;display:none}.toast.visible{display:block}.error{color:#e3a3a3}.staff-filter{display:flex;gap:9px;flex-wrap:wrap}.staff-filter button.active{border-color:var(--cyan);color:var(--cyan)}footer{border-top:1px solid #292929;padding:23px max(30px,calc((100vw - 1290px)/2));color:#777;display:flex;justify-content:space-between;font-size:11px;gap:15px}@media(max-width:950px){.topbar{gap:18px;flex-wrap:wrap;padding:15px 20px}nav{order:3;flex-basis:100%;justify-content:center;gap:20px}nav a{padding:7px 0}.home-grid,.tickets-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.brand{font-size:19px}.account{font-size:11px}.topbar{gap:12px}nav{gap:13px}nav a{font-size:10px}.container{padding:24px 15px 65px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category{min-height:148px}.quick-grid,.ticket-layout{grid-template-columns:1fr}.panel,.form-panel,.ticket-detail{padding:19px}.hero{min-height:330px}.hero p{font-size:13px}.content-header{padding:40px 12px 24px}footer{padding:20px;flex-direction:column}.userpill span{max-width:80px;overflow:hidden;text-overflow:ellipsis}.ticket-row{align-items:flex-start}}
.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:0 auto 60px;padding:0 2.5vw;max-width:1800px}.application-grid h3{color:#999;font-size:14px;font-weight:500;margin:0 0 12px}.application-tile{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:78px;padding:12px;background:#282828;border-radius:4px;margin:8px 0}.application-tile:hover{background:#333}.application-tile strong{display:block;font-size:14px;font-weight:500}.application-tile small{display:block;font-size:12px;color:#999;margin-top:5px}.app-icon{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:#1c1c1c;color:#92979d}.app-icon svg{width:24px;height:24px}.application-tile i{position:absolute;right:0;top:0;border-top:34px solid #518a56;border-left:34px solid transparent}.application-tile.pending i{border-top-color:#b39753}.application-tile.denied i{border-top-color:#a75858}.review-grid{grid-template-columns:1fr}.application-detail h1{font-size:28px}.decision{display:inline-block;padding:10px 16px;background:#4b432e;margin:0 0 24px;border-radius:4px}.decision.approved{background:#304b34}.decision.denied{background:#533737}.application-post{background:#1c1c1c;border:1px solid #444;border-radius:4px;overflow:hidden}.post-head{background:#282828;padding:12px}.post-body{padding:16px 26px}.post-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 26px}.approve,.deny{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid #55765a;background:#34523a;color:white;border-radius:20px}.deny{background:#543737;border-color:#805252}body:has(.application-grid),body:has(.application-detail){background:#222}@media(max-width:800px){.application-grid{grid-template-columns:1fr;gap:24px}.application-detail h1{font-size:22px}}
/* Portal layout */
:root{--bg:#222;--surface:#1c1c1c;--raised:#292929;--cyan:#38b9c8;--muted:#929292}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#222}main{min-height:calc(100vh - 65px)}.topbar{position:relative;min-height:58px;padding:0 25px;background:#252525;border:0;gap:30px}.brand{font-size:21px;letter-spacing:-.5px}.brandmark{font:900 24px Arial;background:none;color:var(--cyan);padding:0;transform:none}.dot{display:none}nav{gap:27px}nav a{font-size:12px;letter-spacing:.04em;padding:20px 0;font-weight:700;color:#eee}.discord-btn{background:#303030;color:#fff;border:1px solid #454545;padding:10px 13px}.discord-btn:hover{background:#3b3b3b}.hero{min-height:310px;background:linear-gradient(110deg,#42635dd9,#182425d9),url('/city.svg') center/cover;border:0}.hero:after{display:none}.hero-content{width:100%;max-width:540px;padding:30px 12px}.hero h1{font:800 52px/1.2 Arial,sans-serif;letter-spacing:-2px;margin:0 0 18px;white-space:nowrap}.hero h1 span{color:#53a9a7}.hero-mark{display:inline-block;font-style:italic;font-size:76px;vertical-align:middle;margin-right:8px}.portal-jump{display:block;width:100%;background:#fff;color:#222;border:0;border-radius:3px;padding:10px;margin-bottom:14px}.cta .secondary{background:#292929;border:0;padding:11px 14px}.container{max-width:none;padding:32px 4vw 60px}.home-container{padding:18px 2vw 40px}.home-grid{grid-template-columns:1fr 1fr;gap:32px}.panel{padding:18px;border:0;border-radius:4px}.panel h3{font-size:13px;color:#aaa;font-weight:600;margin-bottom:16px}.quick-grid{gap:12px 9px}.quick-card{min-height:77px;padding:14px 18px;border:0;gap:12px}.quick-card svg{color:#fff;width:25px;height:25px}.quick-card strong{font-size:14px}.quick-card small{font-size:12px}.empty{min-height:195px;font-size:14px}.content-header{padding:27px 16px 36px}.content-header h1{font:700 30px/1.3 Arial,sans-serif;margin-bottom:10px}.content-header p{font-size:14px;color:#969696}.application-grid{max-width:none;gap:4.6vw;margin-top:0;padding:0 2.5vw}.application-tile{min-height:78px;padding:9px;gap:10px}.application-tile strong{font-size:14px;font-weight:500}.application-tile small{font-size:12px;color:#929292}.application-detail{padding:16px 4vw 60px}.application-detail h1{font-size:30px;margin:0 0 12px}.application-detail .ticket-layout{grid-template-columns:minmax(0,1fr) 225px;gap:16px;margin:20px 0 0 16px;position:relative}.application-detail .ticket-layout:before{content:'';position:absolute;left:-22px;top:-10px;bottom:0;border-left:1px solid #555}.application-post{border-color:#555}.post-head{padding:9px;font-size:12px}.post-body{padding:16px 26px}.post-body p{font-size:14px;margin:0 0 24px}.sidebar-card{background:transparent;padding:0 4px}.sidebar-card h3{color:#aaa;font-weight:400;font-size:14px}.sidebar-card .field textarea{min-height:85px}.decision{font-size:13px}.ticket-detail h2{font:700 28px Arial}.narrow{max-width:980px}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.category{min-height:176px;padding:12px;background:#1e1e1e;border-color:#398bc0;justify-content:flex-start}.category:hover{transform:none;background:#282828}.category .symbol{margin:0 0 10px}.category .symbol svg{width:49px;height:49px}.category strong{font-size:15px}.category small{font-size:13px;color:#ddd}.category .category-group{font-size:12px;color:#999;margin-top:11px}body[data-page=categories]{background:#131313}body[data-page=categories] .content-header{padding:55px 15px 0}body[data-page=categories] .container{padding-top:0}body[data-page=categories] .search-wrap{max-width:725px;margin:25px auto 150px}.search{background:#363636;font-size:14px}.toolbar h3{font-size:18px}.toolbar .hint{font-size:13px}footer{display:none}body[data-page=home] .topbar{min-height:48px;background:#252525}body[data-page=home] .topbar nav a{padding:15px 0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #56c6e3;outline-offset:3px}@media(max-width:1200px){.category-grid{grid-template-columns:repeat(4,1fr)}nav{gap:15px}}@media(max-width:850px){.home-grid,.application-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.topbar{flex-wrap:wrap;gap:10px;padding:12px}.application-detail .ticket-layout{grid-template-columns:1fr;margin-left:0}.application-detail .ticket-layout:before{display:none}body[data-page=categories] .search-wrap{margin-bottom:65px}}@media(max-width:520px){.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero h1{font-size:40px}.hero-mark{font-size:55px}.quick-grid{grid-template-columns:1fr}.hero{min-height:270px}.topbar nav{flex-wrap:wrap;justify-content:flex-start}.topbar nav a{padding:5px 0}.application-tile{padding-right:32px}.category strong{font-size:13px}}

/* Necrus Gaming identity */
.brand-logo{width:38px;height:30px;object-fit:contain;flex-shrink:0}.hero h1{display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(25px,4.5vw,54px);letter-spacing:-1.8px}.hero-logo{width:clamp(65px,8vw,112px);height:auto;display:block}.hero h1 .wordmark{color:#fff}.hero h1 .wordmark span,.brand .accent{color:#00d8f2}.brand{white-space:nowrap}.hero h1 .wordmark{white-space:nowrap}@media(max-width:500px){.hero h1{gap:8px;letter-spacing:-1px}.brand-logo{width:30px}}
.app-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.app-filters input,.app-filters select{background:#303030;border:1px solid #454545;color:#eee;padding:10px;border-radius:3px;min-width:0;flex:1}.app-filters input{flex:2;min-width:150px}.application-confirm{display:flex;align-items:center;gap:10px;margin:20px 0}.application-confirm input{width:auto}.application-post .post-body p{white-space:pre-wrap;overflow-wrap:anywhere}
.management-form{margin-bottom:16px}.management-form label{display:block;margin:12px 0}.management-form select{width:100%}.decision.interview,.application-tile.interview{border-color:#6292ba}.application-tile.interview i{border-top-color:#6292ba}.management-form textarea{min-height:150px}

/* Public rules */
.rules-shell{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:24px;align-items:start}.rules-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px}.rules-nav button,.rules-nav a{text-align:left;white-space:normal}.rules-nav .active{border-color:#00d8f2;color:#00d8f2}.rules-content{min-width:0}.rules-content .notice{margin-bottom:20px}.rules-content .notice a{color:#00d8f2}.rule-panel{margin-bottom:16px}.rule-entry{padding:14px 0;border-top:1px solid #3b3b3b}.rule-entry p{margin:7px 0 0;color:#bdbdbd;line-height:1.65}.rule-entry:last-child{padding-bottom:0}@media(max-width:760px){.rules-shell{grid-template-columns:1fr}.rules-nav{position:static}}

/* Ticket exports, notification centre and compact mobile navigation */
[hidden]{display:none!important}.nav-toggle{display:none}.notification-center{position:relative;margin-left:auto;flex-shrink:0}.notification-center+ .account{margin-left:0}.notification-center button{font:inherit;cursor:pointer;color:#eee}.notification-center #notification-toggle{position:relative;background:#292929;border:1px solid #454545;border-radius:4px;width:44px;height:44px;display:grid;place-items:center}.notification-center #notification-count{position:absolute;top:-5px;right:-5px;background:#00d8f2;color:#121212;font-size:11px;font-weight:bold;border-radius:12px;padding:2px 5px}#notification-panel{position:absolute;right:0;top:52px;width:min(350px,90vw);z-index:1000;background:#222;border:1px solid #454545;border-radius:5px;box-shadow:0 8px 24px #0008}.notification-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px}.notification-heading button{background:none;border:0;color:#00d8f2;padding:8px}#notification-list{max-height:min(55vh,420px);overflow:auto;padding:10px}.notification-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;width:100%;padding:12px;background:#292929;border:0;border-bottom:1px solid #414141;overflow-wrap:anywhere}.notification-item.unread{border-left:3px solid #00d8f2;background:#30383a}.notification-item small{color:#aaa}.transcript-download{display:block;margin:10px 0 18px;text-align:center;white-space:normal}.ticket-detail,.sidebar-card,.application-post,.application-grid>div,.home-grid>div,.ticket-row>div{min-width:0;overflow-wrap:anywhere}.ticket-description,.reply p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.nav-toggle{display:block;background:#292929;border:1px solid #454545;border-radius:4px;color:#eee;font-size:22px;width:44px;height:44px;order:2}.topbar .brand{order:0;margin-right:auto}.notification-center{order:1;margin-left:0}.topbar .account{order:3;max-width:100%;margin:0}.topbar nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0}.topbar nav.mobile-open{display:flex}.topbar nav a,body[data-page=home] .topbar nav a{padding:14px 8px;min-height:44px;border-top:1px solid #383838}.ticket-layout{grid-template-columns:minmax(0,1fr)}.toolbar{flex-wrap:wrap;gap:10px}.staff-filter{display:flex;flex-wrap:wrap;gap:8px}}
@media(max-width:600px){.container,.application-detail{padding:20px 14px 40px}.application-grid{padding:0 14px;gap:24px}.hero-content{max-width:100%}.hero h1{white-space:normal;gap:8px}.hero h1 .wordmark{white-space:normal}.hero-logo{width:60px;flex-shrink:0}.hero h1{font-size:clamp(24px,7vw,40px)}.brand{font-size:18px}.topbar .account{width:100%;justify-content:space-between}.userpill{min-width:0}.userpill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-header h1,.application-detail h1,.ticket-detail h2{font-size:24px;overflow-wrap:anywhere}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category{padding:10px;min-height:160px}.form-panel,.ticket-detail,.panel{padding:14px}.post-body{padding:14px}.field input,.field textarea,.field select,.search,.app-filters input,.app-filters select{font-size:16px;max-width:100%;min-width:0}.primary,.secondary,.approve,.deny,.discord-btn{min-height:44px;white-space:normal}.ticket-row{gap:8px;flex-wrap:wrap}.app-filters{flex-direction:column}.app-filters input{width:100%}.rules-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reply-head{flex-wrap:wrap;gap:4px}#notification-panel{position:fixed;left:12px;right:12px;top:65px;width:auto}.form-actions,.cta{flex-wrap:wrap}.application-tile{min-height:78px}.toast{max-width:calc(100vw - 24px);overflow-wrap:anywhere}}
@media(max-width:340px){.category-grid,.rules-nav{grid-template-columns:1fr}}
/* Avoid overflowing wide navigation when all leadership links are enabled. */
@media(min-width:1101px) and (max-width:1550px){.topbar{gap:14px;flex-wrap:wrap;padding:10px 20px}.topbar nav{gap:15px;flex-wrap:wrap;min-width:0}.topbar nav a{padding:9px 0}.account{flex-shrink:0}}
button:disabled{opacity:.55;cursor:not-allowed}