@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#0a1018;--rail:#101823;--surface:#121d2a;--surface2:#172333;--line:#263344;--line2:#354357;--text:#e9eef5;--muted:#94a4b8;--quiet:#73859a;--gold:#6eaedf;--gold-light:#8dc7f3;--radius:7px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{min-height:100vh}.app-shell{display:flex;min-height:100vh}.rail{width:253px;flex:none;background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:27px 25px 29px;border-bottom:1px solid var(--line)}.brand-symbol{height:38px;width:38px;border:1px solid #5386ad;display:grid;place-items:center;color:var(--gold);font-family:Manrope;font-weight:800;font-size:25px;letter-spacing:-4px;position:relative}.brand-symbol span{color:#86bee8;font-size:20px;position:relative;top:8px;left:1px}.brand-name{font:800 17px Manrope;letter-spacing:-.7px}.brand-name>span{color:var(--gold)}.brand-name small{display:block;color:#788b9e;letter-spacing:1.75px;font:700 8px 'DM Sans';margin-top:3px}.rail-body{overflow-y:auto;padding:18px 12px;flex:1}.nav-group{margin:0 0 24px}.nav-heading{color:#78899d;letter-spacing:1.6px;font-size:10px;font-weight:750;padding:0 14px;margin:15px 0 10px}.nav-link{width:100%;background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;text-align:left;color:#acb9c9;font-weight:600;border-radius:5px;min-height:41px}.nav-link:hover{background:#1a2737;color:white}.nav-link.is-active{background:#243447;border-color:#30465e;color:#fff}.nav-link.is-active:before{content:'';width:3px;height:19px;background:var(--gold);position:absolute;left:0}.nav-symbol{font-size:18px;width:20px;text-align:center;color:#9aaec3}.is-active .nav-symbol{color:var(--gold)}.external-arrow{margin-left:auto;color:#78899d}.staff-indicator{font-size:9px;letter-spacing:1px;color:var(--gold);margin-left:auto}.rail-bottom{border-top:1px solid var(--line);padding:16px 15px 18px}.rail-network{display:flex;gap:10px;align-items:center;padding:8px 8px 18px;border-bottom:1px solid var(--line)}.rail-network strong,.rail-network small{display:block}.rail-network strong{font-size:12px}.rail-network small{font-size:10px;color:var(--quiet);margin-top:5px}.online-dot{width:7px;height:7px;border-radius:50%;background:#6fbd9e;box-shadow:0 0 0 3px #6fbd9e1c;display:inline-block;flex:none}.account-badge{display:flex;align-items:center;gap:10px;padding:15px 7px 0}.user-monogram{height:33px;width:33px;border-radius:5px;background:#2d4053;color:#fff;display:grid;place-items:center;font-weight:750}.account-badge strong,.account-badge small{display:block}.account-badge strong{font-size:12px}.account-badge small{text-transform:capitalize;color:var(--quiet);font-size:10px;margin-top:4px}.main-shell{flex:1;min-width:0}.masthead{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#0d1520}.masthead-left,.masthead-right{display:flex;align-items:center;gap:18px}.product-name{font:750 14px Manrope}.masthead-divider{height:17px;width:1px;background:var(--line2)}.breadcrumb{color:#93a4b7;font-size:12px}.masthead-right{gap:24px}.env-pill{font-size:10px;letter-spacing:1.3px;color:#9aabba;display:flex;gap:10px;align-items:center;font-weight:750}.top-user{border-left:1px solid var(--line);padding-left:22px;font-weight:700;font-size:12px}.content-wrap{max-width:1450px;margin:auto;padding:45px 52px 22px;min-height:calc(100vh - 70px);display:flex;flex-direction:column}#content{flex:1}.site-foot{border-top:1px solid var(--line);padding:23px 0 6px;display:flex;justify-content:space-between;color:#6c7e91;font-size:10px;letter-spacing:.2px;margin-top:80px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:35px}.overline{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.75px;display:block}.page-intro h1{font:750 clamp(25px,2.3vw,33px) Manrope;letter-spacing:-1.25px;margin:12px 0 9px}.page-intro p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.action-button{border:1px solid #6eaedf;background:var(--gold);color:#171c24;border-radius:5px;font-weight:800;padding:11px 16px;white-space:nowrap;font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.action-button:hover{background:#88c4f1}.action-button.outline{background:transparent;border-color:#415168;color:#cbd6e3}.action-button.outline:hover{background:#25364a}.action-button:disabled{opacity:.55;cursor:wait}.account-banner{background:linear-gradient(115deg,#1c2b3c,#172331 75%);border:1px solid #334255;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 26px;border-radius:var(--radius);margin-bottom:38px}.banner-profile,.large-identity{display:flex;align-items:center;gap:16px}.profile-initial{height:60px;width:60px;display:grid;place-items:center;background:#344a60;color:#cee1f0;border:1px solid #4b647e;border-radius:5px;font:800 27px Manrope}.banner-profile strong,.banner-profile small{display:block}.banner-profile strong{font:750 20px Manrope;margin:6px 0}.banner-profile small{color:#a6b5c6;font-size:12px}.banner-right{display:flex;align-items:center;gap:19px}.banner-right button{background:none;border:0;color:var(--gold-light);font-weight:700}.state{display:inline-flex;align-items:center;gap:8px;border:1px solid #3b4b5c;background:#253245;color:#c3cedb;border-radius:3px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.7px;padding:7px 9px;white-space:nowrap}.state>span{height:6px;width:6px;border-radius:50%;background:#97a7b8}.state-connected,.state-accepted,.state-answered{color:#a2d9bd;border-color:#386b5b;background:#1b3834}.state-connected>span,.state-accepted>span,.state-answered>span{background:#81cda4}.state-pending,.state-in_review{color:#91c0e4;border-color:#3c5568;background:#232d34}.state-pending>span,.state-in_review>span{background:#91c0e4}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 0 15px;gap:20px}.section-title h2{font:750 17px Manrope;letter-spacing:-.35px;margin:7px 0 0}.section-title>span{font-size:11px;color:var(--quiet)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 18px;min-height:139px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9baabc;font-size:10px;letter-spacing:1px;font-weight:750}.stat-icon{font-size:18px;color:#73a2c6}.stat>strong{display:block;font:750 29px Manrope;letter-spacing:-.9px;margin:17px 0 6px}.stat>small{font-size:11px;color:#75899d}.home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:27px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.surface-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--line)}.surface-head h2,.staff-list h2{font:750 17px Manrope;margin:8px 0 0}.feature-row{width:100%;display:flex;align-items:center;gap:15px;padding:18px 22px;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);text-align:left}.feature-row:last-child{border-bottom:0}.feature-row:hover{background:#1a2a3b}.feature-icon{height:36px;width:36px;display:grid;place-items:center;border:1px solid #35475b;border-radius:4px;font-size:18px;color:var(--gold)}.feature-row>span:nth-child(2){flex:1}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-weight:750;font-size:13px}.feature-row small{color:var(--muted);font-size:11px;margin-top:5px}.feature-row>span:last-child{color:var(--gold)}.account-surface{padding-bottom:20px}.connection-graphic{display:flex;align-items:center;justify-content:center;gap:9px;padding:34px 20px 25px;color:#b8c6d6;font-weight:800;letter-spacing:1px;font-size:10px}.connector-line{height:1px;background:#465b70;flex:1;max-width:75px}.connector-point{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #6b8296;color:var(--gold);font-size:17px}.account-surface h3,.account-surface p,.account-surface>.action-button{margin-left:23px;margin-right:23px}.account-surface h3{font:750 16px Manrope;margin-top:0}.account-surface p{color:var(--muted);line-height:1.65;font-size:12px;margin-bottom:22px}.server-strip{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);padding:16px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#101a26}.server-strip>div{display:flex;align-items:center;gap:13px}.server-strip strong{font-size:12px}.server-strip span{color:var(--muted);font-size:11px}.server-strip code{color:#d7e0eb;font-size:12px}.data-table{width:100%}.data-head,.data-row{display:grid;grid-template-columns:minmax(180px,2.3fr) 1fr 1fr 1fr;align-items:center;gap:16px;padding:15px 22px}.data-head{background:#192637;border-bottom:1px solid var(--line);color:#91a3b6;letter-spacing:1px;font-size:10px;font-weight:800}.data-row{border-bottom:1px solid var(--line);font-size:12px;min-height:80px}.data-row:last-child{border-bottom:0}.data-row strong,.data-row small{display:block}.data-row strong{font-size:13px}.data-row small{margin-top:6px;color:var(--quiet)}.data-row>span{color:#a3b2c4}.ref{font-family:monospace;color:#9dafc2;font-size:11px}.inline-reply{color:#a8c0d3;background:#2a2b2a;padding:11px;margin-top:12px;line-height:1.5;border-left:2px solid var(--gold)}.empty-state{padding:65px 20px;text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 19px;background:#213044;color:#bdcde0;border:1px solid #35475c;font-size:23px}.empty-state strong{font:750 15px Manrope}.empty-state p{color:var(--muted);font-size:12px;line-height:1.6}.load-state{padding:42px;color:var(--muted);display:flex;align-items:center;gap:12px}.spinner{border:2px solid #3c4a5b;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:25px;color:#f4b6ad}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.75fr);gap:18px}.form-surface{padding:28px}.form-section-title{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.4px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.form-section-title span{color:var(--quiet);font-size:10px}.form-surface label,.review-editor label{display:block;font-size:10px;color:#aabacc;font-weight:800;letter-spacing:1px;margin-bottom:23px}.form-surface input,.form-surface select,.form-surface textarea,.review-editor textarea,.review-editor select{display:block;width:100%;margin-top:10px;background:#0e1824;color:#e9eef5;border:1px solid #38485b;border-radius:4px;padding:13px;outline:none;font-size:13px;letter-spacing:0;resize:vertical}.form-surface input:focus,.form-surface textarea:focus,.form-surface select:focus{border-color:var(--gold)}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px}.form-aside{padding:27px;align-self:start}.form-aside h3{font:750 19px Manrope;margin:12px 0}.form-aside p,.muted-copy{color:var(--muted);line-height:1.8;font-size:12px}.guide-item{display:flex;gap:14px;border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:#b8c6d6}.guide-item strong{color:var(--gold)}#form-error,#staff-message{color:#e9b0a6;margin-bottom:12px;font-size:12px}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.detail-card{min-height:320px}.detail-card .large-identity{padding:25px}.large-identity strong,.large-identity small{display:block}.large-identity strong{font:750 17px Manrope}.large-identity small{color:var(--muted);margin-top:8px}.keyvalue{display:flex;justify-content:space-between;padding:15px 25px;border-top:1px solid var(--line);gap:10px;font-size:12px}.keyvalue span{color:var(--muted)}.keyvalue strong{overflow-wrap:anywhere}.minecraft-square{height:60px;width:60px;background:#293d37;display:grid;place-items:center;color:#9dd1a5;font-size:29px}.detail-card>.muted-copy{padding:0 25px}.security-surface{margin-top:20px;padding:25px;display:flex;justify-content:space-between;align-items:center}.security-surface h2{font:750 17px Manrope;margin:8px 0}.security-surface p{color:var(--muted);font-size:12px}.directory-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.directory-entry{display:flex;align-items:center;gap:24px;background:var(--surface);border-bottom:1px solid var(--line);padding:25px}.directory-entry:last-child{border-bottom:0}.directory-entry:hover{background:#1b2b3b}.directory-number{font:750 18px Manrope;color:var(--gold);width:30px}.directory-entry>div{flex:1}.directory-entry strong,.directory-entry small{display:block}.directory-entry strong{font:750 16px Manrope}.directory-entry small{color:var(--muted);margin-top:7px}.directory-link{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1px}.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}.admin-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 0;font-weight:750}.admin-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.admin-stats{grid-template-columns:repeat(3,1fr)}.review-item{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;border-bottom:1px solid var(--line);padding:25px}.review-item:last-child{border-bottom:0}.review-main h3{font:750 17px Manrope;margin:10px 0}.review-main p{font-size:12px;line-height:1.7;color:#aebdd0;white-space:pre-wrap;overflow-wrap:anywhere}.review-main small{display:block;color:var(--quiet);margin-bottom:14px}.review-editor label{margin-bottom:13px}.review-editor textarea,.review-editor select{margin-top:7px}.review-result{display:block;color:#a9d3b9;margin-top:8px}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.staff-list{padding:28px}.staff-list h2{margin-bottom:24px}.staff-person{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 0;font-family:monospace;font-size:12px}.mobile-toggle{display:none}.login-screen{min-height:100vh;display:flex;flex-direction:column;background:#0b131e}.login-top{height:88px;border-bottom:1px solid #263547;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.login-top .brand{padding:0;border:0}.login-top>a{font-size:12px;color:#a7b7c8}.login-top>a span{color:var(--gold)}.login-center{display:grid;grid-template-columns:1.08fr .92fr;flex:1;min-height:calc(100vh - 88px)}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:46px 8% 36px;background:radial-gradient(circle at 80% 38%,#1c3349 0,transparent 48%),linear-gradient(145deg,#132537,#0e1b29 70%);border-right:1px solid #2a3a4b;overflow:hidden}.login-visual:after{content:'C';position:absolute;right:-55px;bottom:-170px;font:800 650px Manrope;color:#ffffff04;pointer-events:none}.visual-index,.visual-bottom{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#8fa2b7;display:flex;justify-content:space-between;gap:20px}.visual-main{max-width:590px;position:relative;z-index:1}.visual-rule{height:3px;width:45px;background:var(--gold);margin-bottom:26px}.visual-main h1{font:750 clamp(42px,4.1vw,68px)/1.12 Manrope;letter-spacing:-3px;margin:16px 0 25px}.visual-main p{font-size:15px;line-height:1.8;color:#aabacc;max-width:475px}.visual-details{display:flex;align-items:center;gap:16px;border-top:1px solid #3b4a59;margin-top:42px;padding-top:20px;flex-wrap:wrap}.visual-details span{font-size:10px;letter-spacing:1px;color:#9aafc3;font-weight:750}.visual-details strong{font-size:13px;color:var(--gold-light)}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 6%;position:relative}.login-card{width:100%;max-width:390px}.login-step{color:var(--gold);font-size:11px;letter-spacing:1.7px;font-weight:800;margin-bottom:24px}.login-card h2{font:750 30px Manrope;letter-spacing:-1.2px;margin:0 0 13px}.login-card>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 30px}.discord-login{display:flex;align-items:center;gap:15px;background:#5366db;color:white;border-radius:5px;padding:16px 17px;font-weight:750;font-size:13px}.discord-login span:nth-child(2){flex:1}.discord-login:hover{background:#6276ec}.discord-glyph{font-size:20px}.login-notice{display:flex;gap:9px;color:#91a3b6;font-size:11px;line-height:1.7;margin-top:17px}.login-notice span{color:#a5cdb7}.login-separator{margin:48px 0 18px;border-top:1px solid var(--line);position:relative}.login-separator span{background:#0b131e;color:#8294a9;position:absolute;top:-7px;padding-right:13px;font-size:10px;letter-spacing:1.4px;font-weight:800}.login-destinations{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.login-destinations a{color:#c5d0dd;font-size:11px}.login-destinations a:hover{color:var(--gold)}.login-legal{position:absolute;bottom:31px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#6f8297;font-weight:750}@media(max-width:1180px){.content-wrap{padding:35px 30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.masthead{padding:0 30px}}@media(max-width:850px){.rail{position:fixed;z-index:30;transform:translateX(-100%);transition:transform .2s}.rail.open{transform:translateX(0);box-shadow:0 0 0 100vw #0009}.mobile-toggle{display:block;background:transparent;border:0;color:#e8eef5;font-size:20px}.masthead{padding:0 20px}.content-wrap{padding:28px 20px}.top-user,.masthead-divider,.env-pill{display:none}.home-grid,.account-columns,.form-layout,.staff-grid{grid-template-columns:1fr}.login-center{grid-template-columns:1fr}.login-visual{min-height:400px;padding:35px}.login-panel{min-height:520px}.login-legal{position:static;margin-top:50px;width:100%}}@media(max-width:600px){.page-intro{align-items:flex-start;flex-direction:column}.stat-grid,.admin-stats{grid-template-columns:1fr 1fr}.stat{padding:14px;min-height:115px}.stat>strong{font-size:23px}.account-banner,.server-strip,.security-surface{align-items:flex-start;flex-direction:column}.banner-right,.server-strip>div{flex-wrap:wrap}.data-head{display:none}.data-row{grid-template-columns:1fr 1fr;padding:18px;gap:10px}.data-row>div:first-child{grid-column:1/-1}.review-item{grid-template-columns:1fr}.directory-entry{gap:12px;padding:19px}.directory-link{font-size:9px}.site-foot{flex-direction:column;gap:10px}.login-visual{min-height:350px}.visual-main h1{font-size:43px}.visual-bottom{display:none}.login-top{padding:0 22px}.login-card h2{font-size:25px}}

/* CoastalMC Portal — storefront-matched concept. No copied NetherGames assets. */
:root{color-scheme:dark;--bg:#171b1d;--rail:#202629;--surface:#222a2e;--surface2:#253137;--line:#4d595f;--line2:#637179;--text:#f5f3ee;--muted:#c1cace;--quiet:#97a6ac;--gold:#6ab7f1;--gold-light:#8dceff;--radius:8px}
*{-webkit-tap-highlight-color:transparent}
html,body{background:#171b1d!important;color:#f5f3ee!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px;user-select:none;-webkit-user-select:none}
input,textarea,select,[contenteditable="true"]{user-select:text!important;-webkit-user-select:text!important}
img{user-select:none!important;-webkit-user-select:none!important;-webkit-user-drag:none}
button,input,textarea,select{font-family:inherit}
::selection{background:#6ab7f144;color:#fff}
body:before{display:none!important}
#app{min-height:100vh}
/* Navigation: plain horizontal bar, echoing the Tebex storefront. */
.app-shell{min-height:100vh;display:block!important;background:#171b1d}
.portal-header{height:73px;background:#202629;border-bottom:1px solid #333e43;position:relative;z-index:40}
.header-inner{height:100%;width:min(1160px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:33px}
.header-brand{display:flex;align-items:baseline;gap:13px;white-space:nowrap;flex:none}
.header-wordmark{font-size:23px;font-weight:800;letter-spacing:-.9px;color:#f6f4ef}
.header-wordmark span{color:#6ab7f1}
.header-subtitle{font-size:9px;letter-spacing:1.2px;color:#b6bfc2;font-weight:700}
.header-links,.public-links{display:flex;align-items:center;gap:6px;margin-left:8px;flex:1}
.header-links .nav-link,.public-links a{display:flex;width:auto;min-height:38px;align-items:center;gap:0;border:0;border-radius:5px;padding:10px 13px;font-size:13px;font-weight:700;color:#c8cfd0;white-space:nowrap;background:transparent}
.header-links .nav-link:hover,.public-links a:hover{background:#303a3e;color:#fff}
.header-links .nav-link.is-active{background:#30383c;color:#6cbaf6;border:0}
.header-links .nav-link.is-active:before{display:none}
.header-links .nav-symbol{display:none}
.header-links .staff-indicator{display:none}
.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
.store-link,.header-sign-in{color:#6ab7f1;font-size:13px;font-weight:700;white-space:nowrap}
.header-sign-in{margin-left:auto;border-radius:5px;padding:11px 18px;background:#6ab7f1;color:#222729;display:flex;align-items:center;gap:10px}
.header-sign-in:hover{background:#91cfff;color:#171b1d}
.header-user{border:1px solid #4f5b60;border-radius:6px;background:#2c3438;color:#f5f3ee;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;font-size:12px;font-weight:700;white-space:nowrap}
.header-avatar{background:#55666b;border-radius:4px;display:grid;place-items:center;width:29px;height:29px;color:#fff;font-weight:800}
.header-user:hover{border-color:#8b9a9e}
.mobile-toggle{display:none!important}
.main-shell{min-height:calc(100vh - 73px);background:transparent}
.content-wrap{width:min(1100px,calc(100% - 48px));max-width:1100px;padding:36px 0 0;min-height:calc(100vh - 73px)}
.site-foot{margin-top:55px;padding:22px 0 28px;border-top:1px solid #343d42;font-size:12px;color:#a5afb3}
.site-foot span:last-child{display:flex;gap:22px}.site-foot a:hover{color:#6ab7f1}
/* No vaporware 'dashboard'; useful content is presented like the real store. */
.page-intro{margin-bottom:25px;align-items:center}
.overline{color:#6ab7f1!important;font:800 10px Arial!important;letter-spacing:1px!important}
.page-intro h1{font:800 clamp(26px,3vw,36px) Arial!important;color:#f5f3ee;letter-spacing:-.9px;margin:9px 0}
.page-intro p{color:#b7c4c9;font-size:13px}
.section-title{margin:28px 0 14px}.section-title h2{font:800 20px Arial!important;letter-spacing:-.35px}.section-title>span{color:#a6b5bc}
.surface,.stat,.account-banner{background:#222a2e!important;border:1px solid #505d63!important;border-radius:8px!important;box-shadow:none!important}
.stat-grid{gap:12px}.stat{min-height:132px;padding:17px 18px}.stat-top{font-size:10px;letter-spacing:.6px;color:#b6c6cd}.stat-icon{color:#6ab7f1}.stat>strong{font:800 27px Arial!important;color:#f6f4f0}.stat>small{color:#a9b7bd}
.account-banner{padding:20px 23px;background:#233236!important;margin-bottom:28px}
.profile-initial,.user-monogram{border-radius:5px;background:#3f5056;border:1px solid #66777c;color:#f7f3e9}
.banner-profile strong{font:800 20px Arial!important}.banner-profile small{color:#b9c4c9}.banner-right button{color:#6ab7f1}
.state{border-radius:4px;background:#303a40;border:1px solid #536267;color:#dce1e3}
.state>span{border-radius:50%}.state-connected,.state-accepted,.state-answered{background:#264036;color:#bbe1c5;border-color:#456d57}.state-pending,.state-in_review{background:#263948;color:#8ac4f1;border-color:#436680}
.surface-head{padding:20px 22px;border-bottom:1px solid #4b575c}.surface-head h2,.staff-list h2{font:800 18px Arial!important}
.home-grid{gap:15px;margin-top:18px}.feature-row{padding:17px 22px;border-bottom:1px solid #3d484d}.feature-row:hover{background:#303a40}.feature-row strong{font-weight:800}.feature-row small{color:#afbec6}.feature-row>span:last-child{color:#6ab7f1}.feature-icon{background:#26353a;color:#6ab7f1;border:1px solid #57666d;border-radius:5px}
.connection-graphic{color:#dae1e3}.connector-line{background:#67777e}.connector-point{border-color:#85949a;border-radius:6px;color:#6ab7f1}.account-surface p{color:#b5c3ca}
.action-button{background:#6ab7f1!important;border:1px solid #6ab7f1!important;color:#1c2327!important;box-shadow:none!important;font:800 12px Arial!important;border-radius:5px!important;padding:11px 15px}
.action-button:hover{background:#8bcdff!important}
.action-button.outline{background:#303b40!important;border:1px solid #627178!important;color:#f0f0ea!important}
.action-button.outline:hover{background:#3a474c!important}
.form-surface,.form-aside,.detail-card,.security-surface,.staff-list{background:#222a2e!important}
.form-surface input,.form-surface textarea,.form-surface select,.detail-card input,.review-editor select,.review-editor textarea,#staff-form input,#staff-form select{background:#151c1f!important;color:#f7f7f4!important;border:1px solid #536169!important;border-radius:5px!important}
.form-aside,.muted-copy,.detail-card p,.guide-item,.security-surface p{color:#b4c2c7}
.data-head,.data-row{border-color:#455158}.data-row:hover{background:#293338}.review-item{border-color:#445158}.data-row .ref{color:#6ab7f1}
.directory-entry{border-color:#4f5e64;background:#222a2e}.directory-entry:hover{background:#2e393d}.directory-number{color:#6ab7f1}
.server-strip{background:#212b2e!important;border:1px solid #55646a!important;border-radius:7px!important}.server-strip code{color:#6ab7f1}
.error-message{color:#ffc0b7}
/* Sign-in page: coherent centered composition, not a full-screen split dashboard. */
.login-screen{min-height:100vh;background:#171b1d!important;display:flex!important;flex-direction:column!important}
.public-main{width:min(1040px,calc(100% - 48px));margin:0 auto;flex:1;padding:48px 0 65px}
.welcome-panel{display:grid;grid-template-columns:minmax(0,1fr) 420px;border:1px solid #526066;border-radius:11px;background:#222d31;overflow:hidden;min-height:436px}
.welcome-copy{padding:45px 43px 35px;display:flex;flex-direction:column}
.eyebrow{color:#6ab7f1;font-size:10px;letter-spacing:1.5px;font-weight:800}
.welcome-copy h1{font:800 clamp(37px,4vw,51px) Arial!important;letter-spacing:-2.1px;line-height:1.08;margin:24px 0 16px;color:#f7f5f0}
.welcome-copy h1 span{color:#6ab7f1}
.welcome-copy p{font-size:14px;line-height:1.7;color:#c2ccd1;max-width:450px;margin:0}
.public-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:27px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;min-height:43px;padding:12px 17px;font-weight:800;font-size:13px}
.primary-button{background:#6ab7f1;color:#1c2225}.primary-button:hover{background:#8fceff;color:#151b1f}
.secondary-button{border:1px solid #708087;color:#e6e8e8}.secondary-button:hover{background:#344146}
.server-address{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:33px;font-size:11px}
.server-status{height:8px;width:8px;border-radius:50%;background:#7fcf9c;flex:none}
.server-address strong{display:block;font-size:12px;letter-spacing:.3px;color:#f2f2ee}
.server-address small{display:block;font-size:9px;letter-spacing:1px;color:#a8bac1;margin-top:5px}
.server-address small b{color:#6ab7f1;padding:0 4px}
.ip-copy{background:transparent;color:#6ab7f1;border:0;margin-left:auto;font-size:11px;font-weight:800;padding:6px;white-space:nowrap}
.ip-copy:hover{text-decoration:underline}
.welcome-art{background:#1c2326;border-left:1px solid #48565b;display:flex;flex-direction:column;padding:23px 22px 20px;justify-content:space-between;min-width:0}
.art-caption{color:#6ab7f1;font-weight:800;letter-spacing:1px;font-size:10px;display:flex;justify-content:space-between;gap:10px}.art-caption span{color:#96a7ad}
.rank-lineup{display:flex;align-items:flex-end;justify-content:space-around;gap:0;margin:auto 0 0;height:286px;border-bottom:1px solid #3b464b;padding:0 4px 12px}
.rank-figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0;gap:6px;height:100%;opacity:.9;position:relative}
.rank-figure img{max-width:100%;height:179px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 6px #0005)}
.rank-figure.featured img{height:210px}
.rank-figure span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#6ab7f1;margin-top:3px}
.art-bottom{font-size:11px;color:#c4cdd1;display:flex;justify-content:space-between;gap:7px;padding-top:13px}.art-bottom span{color:#6ab7f1;font-size:10px}
.public-section-heading{margin:47px 0 15px}.public-section-heading span{font-size:10px;font-weight:800;color:#6ab7f1;letter-spacing:1px}.public-section-heading h2{font:800 22px Arial!important;letter-spacing:-.5px;margin:10px 0 0}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-tile{background:#22292c;border:1px solid #4c595f;border-radius:7px;padding:22px 23px;min-height:133px}.tile-number{font:900 11px Arial;color:#6ab7f1}.service-tile h3{margin:14px 0 6px;color:#f4f3ee;font:800 16px Arial}.service-tile p{margin:0;font-size:12px;line-height:1.65;color:#b8c4c9}
.public-footer{background:#202629;border-top:1px solid #353d41;color:#a6b3b9;padding:20px max(24px,calc((100% - 1040px)/2));display:flex;justify-content:space-between;font-size:11px;gap:15px}
@media(max-width:1050px){.header-inner{width:calc(100% - 32px);gap:16px}.header-links{gap:0}.header-links .nav-link{padding:8px;font-size:12px}.header-subtitle{display:none}.content-wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.portal-header{height:66px}.header-wordmark{font-size:21px}.header-inner{width:calc(100% - 30px)}.public-links{gap:0}.public-links a{padding:7px;font-size:12px}.header-sign-in{padding:9px 11px;font-size:12px}.header-links{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:#202629;padding:12px 18px;border-bottom:1px solid #4c595f;margin:0}.header-links.open{display:flex}.header-links .nav-link{width:100%;font-size:14px;padding:12px 14px}.mobile-toggle{display:inline-flex!important;background:#323d42;color:#fff;border:1px solid #617077;border-radius:5px;padding:7px 10px}.header-user span:last-child{display:none}.header-actions{gap:10px}.store-link{font-size:12px}.public-main{padding:24px 0 35px;width:calc(100% - 28px)}.welcome-panel{grid-template-columns:1fr}.welcome-copy{padding:32px 27px;min-height:365px}.welcome-copy h1{font-size:39px}.welcome-art{border-left:0;border-top:1px solid #48565b;min-height:290px}.rank-lineup{height:205px}.rank-figure img{height:140px}.rank-figure.featured img{height:160px}.service-list{grid-template-columns:1fr}.service-tile{min-height:110px}.public-footer{padding:18px 14px;flex-wrap:wrap}.content-wrap{width:calc(100% - 28px);padding-top:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.account-banner{flex-wrap:wrap}.banner-right{width:100%;justify-content:space-between}.site-foot{flex-wrap:wrap}.header-user{padding:3px}.header-avatar{height:27px;width:27px}.header-wordmark span{color:#6ab7f1}}
@media(max-width:440px){.public-links a:nth-child(3){display:none}.header-inner{gap:8px}.header-sign-in{margin-left:auto}.welcome-copy h1{font-size:34px}.public-actions{flex-direction:column;align-items:stretch}.secondary-button,.primary-button{width:100%}.art-bottom span{display:none}.rank-figure img{height:115px}.rank-figure.featured img{height:145px}.stat-grid{grid-template-columns:1fr}.header-wordmark{font-size:20px}}

/* v2 Player experience: focused Discord sign-in, calm consumer dashboard, guided services. */
/* Intentional: page chrome is not selectable, but form fields and assistive inputs are. */
.auth-screen{min-height:100vh;display:flex;flex-direction:column;background:#171b1d;color:#f5f3ee}
.auth-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100% - 1080px)/2));background:#202629;border-bottom:1px solid #333e43}
.auth-logo{font-size:24px;font-weight:800;letter-spacing:-.8px}.auth-logo span{color:#6ab7f1}
.auth-header-note{font-size:12px;color:#aeb9bc;font-weight:700}
.auth-main{flex:1;min-height:510px;display:grid;place-items:center;padding:42px 18px 66px}
.auth-card{width:min(100%,450px);background:#222a2e;border:1px solid #4f5b60;border-radius:10px;padding:42px 38px 37px;box-shadow:0 18px 55px #00000027}
.auth-eyebrow{display:block;color:#6ab7f1;font-size:10px;font-weight:800;letter-spacing:1.25px}
.auth-card h1{font-size:clamp(30px,4vw,37px);font-weight:800;letter-spacing:-1.1px;line-height:1.15;margin:17px 0 12px;color:#f5f3ee}
.auth-card>p{font-size:14px;color:#b9c5c9;line-height:1.65;margin:0 0 26px;max-width:340px}
.auth-discord{background:#6ab7f1;color:#1e2427;display:flex;align-items:center;gap:11px;justify-content:center;font-size:14px;font-weight:800;min-height:48px;border-radius:6px;padding:12px 17px}
.auth-discord>span:last-child{margin-left:auto;font-size:18px}.auth-discord:hover{background:#91cfff;color:#11171b}
.auth-discord-symbol{font-size:18px;line-height:1}
.auth-trust{color:#a7b6bc;font-size:11px;margin-top:17px;line-height:1.5}
.auth-footer{padding:18px max(26px,calc((100% - 1080px)/2));display:flex;justify-content:space-between;gap:14px;color:#93a2a7;font-size:11px;border-top:1px solid #343e42;background:#1c2225}
.auth-footer>span:last-child{display:flex;gap:22px}.auth-footer a:hover{color:#6ab7f1}

/* Keep the signed-in page readable without dozens of simultaneous panels. */
.content-wrap{width:min(1010px,calc(100% - 48px));max-width:1010px;padding-top:41px}
.consumer-welcome{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:20px 0 27px;border-bottom:1px solid #3b454a}
.consumer-intro h1{font-size:clamp(28px,3.2vw,37px);font-weight:800;letter-spacing:-.85px;margin:12px 0 10px;color:#f8f6f0}
.consumer-intro p{font-size:14px;line-height:1.6;color:#afbdc2;margin:0;max-width:440px}
.consumer-profile{display:flex;align-items:center;gap:13px;flex-shrink:0;background:#242d31;border:1px solid #4a575c;border-radius:7px;padding:13px 14px;color:#f4f2ed;text-align:left;min-width:230px;max-width:310px}
.consumer-profile:hover{background:#2c373c;border-color:#7f8b91}
.consumer-avatar{width:42px;height:42px;border-radius:5px;background:#3e5057;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;flex-shrink:0}
.consumer-profile>span:nth-child(2){flex:1;min-width:0}
.consumer-profile strong,.consumer-profile small{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.consumer-profile strong{font-size:13px}.consumer-profile small{color:#b7c3c7;font-size:11px;margin-top:5px}
.consumer-profile-arrow,.consumer-arrow{color:#6ab7f1;font-size:20px;flex-shrink:0}
.consumer-section{padding:38px 0 12px}
.consumer-section-heading h2{font-size:23px;letter-spacing:-.45px;font-weight:800;margin:0 0 7px}
.consumer-section-heading p{font-size:13px;color:#adbdc2;margin:0}
.consumer-actions{display:flex;flex-direction:column;gap:12px;margin-top:21px}
.consumer-action{display:flex;align-items:center;width:100%;text-align:left;gap:21px;padding:21px 24px;background:#222a2e;border:1px solid #4b585e;border-radius:8px;color:#f5f3ee}
.consumer-action:hover{background:#2b363a;border-color:#7b8a90}
.consumer-action-symbol{height:43px;width:43px;display:grid;place-items:center;border:1px solid #5c686e;border-radius:6px;color:#6ab7f1;font-weight:800;font-size:12px;flex-shrink:0;background:#1d2528}
.consumer-action>span:nth-child(2){flex:1;min-width:0}
.consumer-action strong,.consumer-action small{display:block}
.consumer-action strong{font-size:16px;letter-spacing:-.2px;font-weight:800}
.consumer-action small{font-size:12px;color:#b2bec4;line-height:1.5;margin-top:6px}
.consumer-extras{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 0 27px;margin-top:18px;border-top:1px solid #3b454a}
.consumer-extras h2{font-size:18px;letter-spacing:-.4px;margin:0 0 11px}
.consumer-extras p{font-size:13px;line-height:1.7;color:#adbcc2;margin:0 0 14px}
.consumer-inline-link{font-size:12px;font-weight:800;color:#6ab7f1;padding:3px 0;border:0;background:transparent;text-align:left}
.consumer-inline-link:hover{color:#90cfff;text-decoration:underline}
.consumer-stats{border:1px solid #48555b;border-radius:7px;background:#22292d;align-self:start}
.consumer-stats summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.consumer-stats summary::-webkit-details-marker{display:none}.consumer-stats summary span{color:#6ab7f1;font-size:18px}
.consumer-stats[open] summary span{transform:rotate(45deg)}
.consumer-stats dl{margin:0;padding:0 20px 14px}.consumer-stats dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #3e494f;padding:10px 0;font-size:12px}
.consumer-stats dt{color:#a9b9c0}.consumer-stats dd{margin:0;font-weight:800;color:#f5f2eb;text-align:right}
.consumer-stats>p{padding:0 20px 14px;font-size:11px;color:#a6b5bb;margin:0}

/* Category picker on its own page; individual questions appear only after selection. */
.template-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0 24px}
.template-choice{background:#222a2e;color:#f3f2ed;border:1px solid #4d5a60;border-radius:8px;padding:21px 22px;text-align:left;display:flex;align-items:center;gap:14px;min-height:108px}
.template-choice:hover{background:#2c373b;border-color:#89959a}
.template-choice>span:first-child{display:block;flex:1;min-width:0}
.template-choice strong,.template-choice small{display:block}
.template-choice strong{font-size:16px;font-weight:800;letter-spacing:-.25px}
.template-choice small{font-size:12px;color:#b1c0c6;line-height:1.55;margin-top:9px}
.template-arrow{color:#6ab7f1;font-size:20px}
.template-bottom{border-top:1px solid #38434a;padding:22px 0}
.questionnaire-head{margin-bottom:13px}
.questionnaire-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:24px}
.questionnaire{padding:32px 34px 28px;background:#222a2e;border:1px solid #516067;border-radius:8px}
.questionnaire-intro{padding-bottom:22px;border-bottom:1px solid #465258;margin-bottom:24px}
.questionnaire-intro h2{font-size:20px;font-weight:800;letter-spacing:-.35px;margin:0 0 7px}
.questionnaire-intro p{font-size:12px;color:#aebec4;line-height:1.6;margin:0}
.question-field{margin-bottom:24px}
.question-field label{display:block;color:#f0efe9;font-size:13px;font-weight:700;margin-bottom:10px;line-height:1.55}
.question-field label em{font-size:11px;color:#9daeb5;font-weight:400;font-style:normal;margin-left:5px}
.required-mark{color:#6ab7f1}
.question-field input,.question-field select,.question-field textarea{display:block;width:100%;background:#171e21;color:#f4f3ef;border:1px solid #637078;border-radius:6px;padding:12px 13px;font:inherit;font-size:13px;line-height:1.5}
.question-field input::placeholder,.question-field textarea::placeholder{color:#92a2a9}
.question-field textarea{resize:vertical;min-height:103px}
.question-field input:focus-visible,.question-field select:focus-visible,.question-field textarea:focus-visible{outline:2px solid #6ab7f1;outline-offset:1px}
.questionnaire-error{color:#ffd0c6;font-size:12px;line-height:1.5;min-height:17px;margin-top:4px}
.questionnaire-footer{display:flex;justify-content:flex-end;gap:11px;border-top:1px solid #455159;margin-top:14px;padding-top:22px}
.questionnaire-help{padding:21px 19px;border:1px solid #4a575d;border-radius:8px;background:#1d2528}
.questionnaire-help h3{font-size:15px;color:#f5f3ee;margin:0 0 12px}
.questionnaire-help p{font-size:12px;color:#aebcc2;line-height:1.75;margin:0 0 12px}
.questionnaire-help p:last-child{margin-bottom:0}
.review-main p,.inline-reply{white-space:pre-wrap;overflow-wrap:anywhere}
/* Long review submissions must not force the staff controls off screen. */
.review-main{min-width:0}.review-main p{max-width:100%;font-size:12px;line-height:1.65}
@media(max-width:860px){
  .consumer-welcome{align-items:flex-start;flex-direction:column;gap:23px}
  .consumer-profile{width:100%;max-width:420px}
  .questionnaire-layout{grid-template-columns:minmax(0,1fr)}
  .questionnaire-help{max-width:none}
}
@media(max-width:650px){
  .auth-top{padding:0 18px;height:67px}.auth-main{min-height:450px;padding:30px 15px 50px}.auth-card{padding:35px 26px}
  .auth-footer{padding:19px 18px;flex-wrap:wrap}
  .content-wrap{width:calc(100% - 28px);padding-top:26px}
  .consumer-welcome{padding:10px 0 24px}.consumer-intro h1{font-size:29px}
  .consumer-section{padding-top:30px}.consumer-section-heading h2{font-size:21px}
  .consumer-action{padding:18px 17px;gap:13px}.consumer-action-symbol{height:37px;width:37px}.consumer-action strong{font-size:15px}.consumer-action small{font-size:11px}
  .consumer-extras{grid-template-columns:1fr;gap:22px}
  .template-choices{grid-template-columns:1fr}.template-choice{padding:19px;min-height:90px}
  .questionnaire{padding:23px 18px}.questionnaire-footer{flex-direction:column-reverse}.questionnaire-footer button{width:100%;justify-content:center}
}


/* Player's own submissions: compact, readable history instead of dense data tables. */
.record-section-title{margin:30px 0 17px}
.consumer-records{display:flex;flex-direction:column;gap:13px}
.consumer-record{background:#222a2e;border:1px solid #4c585e;border-radius:8px;padding:22px 24px}
.consumer-record-top{display:flex;align-items:start;justify-content:space-between;gap:18px}
.consumer-record-top>div{flex:1;min-width:0}
.consumer-record-meta{font-size:11px;color:#6ab7f1;font-weight:700}
.consumer-record h3{font-size:17px;font-weight:800;letter-spacing:-.3px;margin:8px 0 8px;overflow-wrap:anywhere}
.consumer-record-top small{color:#acbdc2;font-size:11px}
.consumer-staff-reply{padding:16px 18px;background:#1b3230;border:1px solid #476c62;border-radius:6px;margin-top:20px}
.consumer-staff-reply strong{font-size:12px;color:#b1e0ce}
.consumer-staff-reply p{margin:7px 0 0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#e3ebe9}
.consumer-record-answers{margin-top:20px;border-top:1px solid #415056;padding-top:15px}
.consumer-record-answers summary{display:flex;gap:8px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:#6ab7f1;font-size:12px;font-weight:800}
.consumer-record-answers summary::-webkit-details-marker{display:none}
.consumer-record-answers[open] summary span{transform:rotate(45deg)}
.consumer-record-answers pre{font-family:Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd4d8;font-size:12px;line-height:1.75;background:#171f22;border-radius:5px;padding:18px;margin:15px 0 0;user-select:text!important;-webkit-user-select:text!important}
.consumer-no-records{border:1px dashed #56656b;border-radius:8px;background:#20282b;padding:40px 35px;text-align:center}
.consumer-no-records h3{margin:0 0 10px;font-size:18px}.consumer-no-records p{font-size:13px;color:#b6c2c7;margin:0 0 20px}
@media(max-width:650px){.consumer-record{padding:19px 17px}.consumer-record-top{gap:10px;flex-direction:column}.consumer-record-answers pre{padding:14px;font-size:11px}}


/* Staff operations: separate active inbox from reviewed history. */
.staff-tabs{display:flex;gap:8px;margin:8px 0 20px;padding:0;border-bottom:1px solid #414d52;flex-wrap:wrap}
.staff-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#b6c4c9;font-weight:700;font-size:13px;padding:13px 17px;white-space:nowrap}
.staff-tabs button:hover{background:#273034;color:#fff}
.staff-tabs button.active,.staff-tabs button[aria-selected="true"]{border-bottom-color:#6ab7f1;color:#6ab7f1;background:transparent}
.staff-action-notice:empty{display:none}
.staff-action-notice:not(:empty){padding:13px 17px;margin-bottom:20px;border-radius:6px;border:1px solid #517465;background:#20352d;color:#c6e1d1;font-size:13px}
.staff-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 37px}
.staff-summary h2{font:800 21px Arial,sans-serif;margin:0 0 9px;color:#f4f2ee}
.staff-summary p{font-size:13px;line-height:1.6;color:#b5c1c6;max-width:590px;margin:0}
.staff-count-strip{display:flex;gap:24px;align-items:center;flex:none;border:1px solid #4a555b;border-radius:7px;background:#20282b;padding:15px 19px}
.staff-count-strip>span{font-size:12px;color:#aebbc1;white-space:nowrap}
.staff-count-strip strong{display:block;font-size:23px;font-weight:800;color:#6ab7f1;margin-bottom:4px}
.staff-record-section{margin:30px 0 39px}
.staff-record-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}
.staff-record-section-title h2{font-size:19px;font-weight:800;margin:0;color:#f5f3ef}
.staff-record-section-title span{font-size:12px;color:#aab9bf}
.staff-record-list{display:flex;flex-direction:column;gap:11px}
.staff-record{background:#222a2e;border:1px solid #4c5a60;border-radius:8px;overflow:hidden}
.staff-record-overview{padding:20px 22px 17px;display:flex;justify-content:space-between;align-items:start;gap:16px}
.staff-record-titles{min-width:0}
.staff-record-meta{font-size:11px;color:#a4b4ba;line-height:1.5}
.staff-record-titles h3{font-size:16px;letter-spacing:-.3px;color:#f6f4f0;margin:8px 0 6px;overflow-wrap:anywhere}
.staff-record-category{color:#6db4eb;font-size:11px;font-weight:700}
.staff-record-overview .state{flex:none;margin-top:3px}
.staff-record-details{border-top:1px solid #414d52}
.staff-record-details>summary{padding:13px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#6ab7f1;font-size:12px;font-weight:700;list-style:none;user-select:none}
.staff-record-details>summary::-webkit-details-marker{display:none}
.staff-record-details>summary:hover{background:#293338}
.staff-record-details>summary span{font-size:20px;line-height:1;transition:transform .15s}
.staff-record-details[open]>summary span{transform:rotate(180deg)}
.staff-record-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.9fr);gap:24px;padding:21px 22px 24px;border-top:1px solid #414d52}
.staff-record-description{min-width:0}
.staff-record-description>strong,.staff-previous-response>strong{font-size:12px;font-weight:800;color:#6ab7f1}
.staff-record-description>p{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.75;color:#ccd5d8;user-select:text!important;-webkit-user-select:text!important}
.staff-previous-response{margin-top:23px;padding:14px 16px;background:#1c3330;border:1px solid #3e6659;border-radius:6px}
.staff-previous-response>strong{color:#b7e7d2}
.staff-previous-response>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#dce7e3;margin:8px 0 0;user-select:text!important;-webkit-user-select:text!important}
.staff-review-form{border-left:1px solid #414e54;padding-left:23px;min-width:0}
.staff-review-form label{display:block;font-size:12px;font-weight:700;color:#dee3e4;margin-bottom:17px}
.staff-review-form select,.staff-review-form textarea{margin-top:9px;width:100%;display:block;border:1px solid #59686e;border-radius:5px;background:#171e21;color:#f5f3ef;padding:11px;font:inherit;font-size:13px;line-height:1.5}
.staff-review-form textarea{resize:vertical;min-height:110px}
.staff-review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.staff-review-actions .review-result{color:#f3b4a9;font-size:12px;line-height:1.5}
.staff-review-actions .action-button:disabled{opacity:.65;cursor:wait}
.staff-readonly-note{border-left:1px solid #414e54;padding:12px 0 12px 23px;color:#b2c1c5;line-height:1.6;font-size:12px}
.staff-empty-state{background:#20282b;border:1px dashed #56626a;border-radius:8px;padding:29px 23px;text-align:center}
.staff-empty-state strong{font-size:14px;color:#f6f3ec}
.staff-empty-state p{font-size:12px;color:#abb9be;margin:8px 0 0;line-height:1.6}
.staff-list-limit{font-size:11px;color:#a8b5b9;padding:7px 4px}
@media(max-width:880px){
  .staff-summary{align-items:flex-start;flex-direction:column}
  .staff-count-strip{width:100%;justify-content:flex-start}
  .staff-record-detail-grid{grid-template-columns:1fr;gap:22px}
  .staff-review-form{border-left:0;border-top:1px solid #414e54;padding:20px 0 0}
  .staff-readonly-note{border-left:0;padding:0}
}
@media(max-width:540px){
  .staff-tabs button{padding:11px 12px}
  .staff-summary{margin-bottom:27px}
  .staff-count-strip{padding:14px;gap:20px}
  .staff-record-overview{padding:17px;flex-direction:column;gap:9px}
  .staff-record-details>summary{padding:13px 17px}
  .staff-record-detail-grid{padding:18px 17px}
}


/* Player services v3: Discord identity, verified linking and conversation UI */
.discord-avatar-mark{display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:none;overflow:hidden;width:42px;height:42px;border-radius:7px;background:#3f5056;color:#f6f4ee;font-weight:800;font-size:18px;border:1px solid #67787e}
.discord-avatar-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;color:transparent}
.discord-avatar-mark.small{width:30px;height:30px;border-radius:5px;font-size:12px}
.discord-avatar-mark.large{width:58px;height:58px;border-radius:7px;font-size:21px}
.consumer-profile .discord-avatar-mark{width:42px;height:42px}
.header-user .discord-avatar-mark{width:30px;height:30px}
.link-setup{padding:9px 21px 23px;line-height:1.65}
.link-setup p{color:#c5ced0;font-size:12px;margin:8px 0 14px}
.link-setup>button{margin-right:8px;margin-bottom:10px}
.link-setup>small{display:block;color:#9babb1;line-height:1.6;font-size:11px;margin-top:12px}
.link-result{font-size:12px;color:#cad6d7;margin-top:11px;line-height:1.6;min-height:18px}
.link-command{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;background:#141c1f;border:1px solid #4c626b;border-radius:5px}
.link-command code{color:#6ab7f1;font-size:14px;font-weight:800;user-select:text!important;-webkit-user-select:text!important}
.link-command .action-button{font-size:11px}
.ticket-thread{border-top:1px solid #415056;margin-top:19px;padding-top:18px}
.ticket-thread>.consumer-inline-link{margin-bottom:5px}
.ticket-thread .thread-content:empty{display:none}
.ticket-thread.staff-ticket-thread{margin:0 22px 22px;padding-top:17px}
.thread-content{padding-top:13px}
.thread-loading,.thread-empty,.thread-closed{font-size:12px;color:#afbdc2;line-height:1.65;margin:8px 0}
.thread-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.thread-message{padding:14px 16px;background:#1b2226;border:1px solid #47535a;border-radius:6px}
.thread-message-staff{background:#213431;border-color:#4a6961}
.thread-message>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.thread-message strong{color:#e4e9e5;font-size:12px}
.thread-message-staff strong{color:#a6e0c2}
.thread-message small{color:#9fb0b6;font-size:10px}
.thread-message p{color:#d0dade;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;user-select:text!important;-webkit-user-select:text!important}
.thread-compose{margin-top:16px}
.thread-compose label{font-size:12px;color:#e5e7e5;font-weight:800;display:block}
.thread-compose textarea{display:block;margin-top:9px;width:100%;resize:vertical;min-height:90px;padding:12px;background:#151c20;border:1px solid #63727a;border-radius:6px;color:#f5f3ee;font:inherit;font-size:13px;line-height:1.5;user-select:text!important;-webkit-user-select:text!important}
.thread-compose-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px}
.thread-compose-bottom small{font-size:11px;color:#a0b1b7}
.thread-form-result{font-size:12px;color:#ffbdb6;margin-top:9px}
.template-choice:disabled{cursor:not-allowed;opacity:.55;background:#20282c}
.template-closed{font-size:10px;color:#f2bdb5;font-style:normal;text-transform:uppercase;margin-left:8px;letter-spacing:.5px}
.template-requirements{color:#78b5e4!important;font-size:11px!important}
.application-requirements{margin-top:18px;padding:14px 17px;background:#303529;border-left:3px solid #6fb5ea;border-radius:4px}
.application-requirements strong{color:#6ab7f1;font-size:12px}
.application-requirements p{color:#e2daca;margin:7px 0 0;font-size:12px;line-height:1.6;white-space:pre-wrap}
.settings-head{margin:20px 0 22px}.settings-head h2{font-size:21px;margin:0 0 9px}.settings-head p{font-size:13px;color:#b4c3c8;line-height:1.7;max-width:650px;margin:0}
.application-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0 60px}
.application-control-card{background:#222a2e;border:1px solid #4e5e65;border-radius:8px;padding:22px 23px}
.application-control-card h3{margin:0 0 21px;color:#f6f3ed;font-size:17px}
.application-control-card label{display:block;color:#d9e1e1;font-weight:700;font-size:12px;margin:0 0 18px}
.settings-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.application-control-card select,.application-control-card textarea,.application-control-card input{display:block;width:100%;background:#171e21;color:#f6f3ee;border:1px solid #637179;border-radius:5px;padding:11px;margin:9px 0 0;font:inherit;font-size:12px;user-select:text!important;-webkit-user-select:text!important}
.application-control-card textarea{resize:vertical;line-height:1.65}
.settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.settings-feedback{font-size:11px;line-height:1.5;color:#bde4c8}
@media(max-width:730px){
 .application-controls{grid-template-columns:1fr}
 .settings-control-grid{grid-template-columns:1fr}
 .thread-compose-bottom{align-items:flex-start;flex-direction:column}
 .thread-compose-bottom button{align-self:flex-end}
 .ticket-thread.staff-ticket-thread{margin:0 17px 20px}
}