@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101411;--panel:#171c18;--panel2:#1d241e;--line:#344036;--line2:#273129;--text:#ecede4;--muted:#97a295;--yellow:#d9ad49;--yellow2:#f1c45f;--red:#db7666;--green:#8abf88;--blue:#95aecb;font-family:Inter,Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mono,.eyebrow,.nav-kicker,.tag,.table th,.stat small,.label,.subnav,.meta{font-family:'DM Mono',monospace}.display,h1,h2,h3,.brand-name,.stat strong{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#121713;padding:26px 19px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;padding:3px 7px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;color:#101411;background:var(--yellow);clip-path:polygon(50% 0,100% 17%,100% 75%,50% 100%,0 75%,0 17%);font-family:'Barlow Condensed';font-size:23px;font-weight:800}.brand-name{font-size:26px;line-height:.84;font-weight:800}.brand-name span{display:block;color:var(--yellow)}.brand small{display:block;color:var(--muted);font:10px 'DM Mono';letter-spacing:.16em;margin-top:7px}.nav-kicker{font-size:10px;color:#758678;letter-spacing:.16em;margin:2px 13px 9px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{background:none;border:0;color:#9fac9d;padding:12px 13px;width:100%;text-align:left;display:flex;align-items:center;gap:12px;border-left:2px solid transparent;font-weight:600;font-size:14px}.nav button:hover,.nav button.active{background:#20291f;color:var(--text);border-left-color:var(--yellow)}.nav button.active .ico{color:var(--yellow)}.ico{font-size:18px;width:23px;text-align:center;font-family:'DM Mono';font-weight:400}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:22px 10px 0}.avatar{width:34px;height:34px;border:1px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;font:700 19px 'Barlow Condensed'}.profile{display:flex;align-items:center;gap:10px}.profile b{font-size:13px;display:block}.profile small{font:10px 'DM Mono';color:var(--yellow);letter-spacing:.08em;text-transform:uppercase}.link-button{background:none;border:0;color:var(--muted);font:11px 'DM Mono';padding:15px 0 0;text-decoration:underline}.main{min-width:0}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#141a15}.crumb{font:12px 'DM Mono';letter-spacing:.11em;color:var(--muted)}.crumb span{color:var(--yellow)}.top-status{display:flex;gap:20px;align-items:center;font:11px 'DM Mono';color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #8abf8866}.dot.off{background:var(--red);box-shadow:none}.container{max-width:1460px;margin:0 auto;padding:34px 38px 80px}.pagehead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--yellow);font-weight:500}.pagehead h1{font-size:50px;line-height:.95;margin:9px 0 7px;font-weight:800;text-transform:uppercase}.pagehead p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#242d25;color:var(--text);padding:11px 15px;font-weight:700;font-size:13px;line-height:1;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:var(--yellow)}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#171811}.btn.primary:hover{background:var(--yellow2)}.btn.danger{border-color:#73463d;color:#f4ac9c;background:#2c201d}.btn.small{min-height:32px;padding:7px 10px;font-size:12px}.btn.ghost{background:transparent}.grid{display:grid;gap:16px}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--panel);border:1px solid var(--line);min-width:0}.panel.pad{padding:22px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel h2{font-size:23px;text-transform:uppercase;margin:0;font-weight:700}.panel h3{font-size:19px;text-transform:uppercase;margin:0}.panel p{color:var(--muted);line-height:1.6;font-size:14px}.stat{padding:20px 22px;min-height:119px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;width:80px;height:80px;border:1px solid #394735;transform:rotate(45deg);right:-35px;bottom:-48px}.stat small{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;display:block}.stat strong{font-size:43px;line-height:1.15;display:block;margin-top:7px}.stat em{font-style:normal;font-size:13px;color:var(--yellow)}.section{margin-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h2{margin:0;font:700 22px 'Barlow Condensed';text-transform:uppercase}.section-title small{font:11px 'DM Mono';color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background:#1d251e;color:#8f9d90;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:13px 16px;white-space:nowrap}.table td{padding:13px 16px;border-top:1px solid var(--line2);font-size:13px;white-space:nowrap}.table tr:hover td{background:#202820}.table td strong{font-weight:700}.table td .sub{display:block;color:var(--muted);font:11px 'DM Mono';margin-top:3px}.table .right{text-align:right}.tag{display:inline-block;padding:5px 7px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#c6d0c3}.tag.yellow{border-color:#8b713b;color:var(--yellow)}.tag.red{border-color:#75463d;color:#f0a697}.tag.green{border-color:#49714b;color:#a8d0a3}.muted{color:var(--muted)}.accent{color:var(--yellow)}.danger-text{color:var(--red)}.bars{height:19px;background:#253226;display:flex;margin:18px 0 7px;overflow:hidden}.bars span:first-child{background:#bd9742}.bars span:last-child{background:#9f6456}.factionline{display:flex;justify-content:space-between;color:var(--muted);font:11px 'DM Mono'}.feed{display:flex;flex-direction:column;gap:0}.feed-item{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line2);font-size:13px;line-height:1.45}.feed-item .meta{font-size:10px;color:var(--yellow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.label{font-size:11px;letter-spacing:.08em;color:#a7b4a5;text-transform:uppercase}.field input,.field select,.field textarea{background:#101611;color:var(--text);border:1px solid var(--line);border-radius:0;min-height:42px;padding:10px 11px;width:100%;outline:0;font-size:14px}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow)}.field small,.hint{font-size:12px;color:var(--muted);line-height:1.5}.toggle{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--text);font-weight:600}.toggle input{accent-color:var(--yellow);width:17px;height:17px}.rule{border-top:1px solid var(--line);margin:21px 0}.notice{border:1px solid #615437;background:#28271c;padding:15px 17px;color:#ddd3b4;font-size:13px;line-height:1.55}.notice.red{border-color:#73463d;background:#2c201d;color:#e8b0a4}.notice strong{color:var(--yellow)}.notice.red strong{color:#e8b0a4}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px}.selected{outline:1px solid var(--yellow)}.button-stack{display:flex;gap:7px;flex-wrap:wrap}.divider-title{font:11px 'DM Mono';color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;margin:0 0 11px}.rank{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line2)}.rank-level{font:700 25px 'Barlow Condensed';color:var(--yellow);width:41px}.rank-main{flex:1}.rank-main strong{font-size:14px}.rank-main small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.offer{padding:22px;position:relative}.offer h3{font-size:27px}.offer .price{font:700 43px 'Barlow Condensed';margin:16px 0 2px}.offer .price span{font:13px 'DM Mono';color:var(--muted)}.offer .paypal-target{margin-top:17px}.empty{padding:25px;color:var(--muted);font-size:14px;text-align:center}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(circle at 75% 23%,#514322 0,transparent 36%),linear-gradient(145deg,#2b3429,#141b16);border-right:1px solid #65704a;padding:7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:'W/D';font:800 30vw/.7 'Barlow Condensed';position:absolute;bottom:-2vw;left:0;color:#d2ad4b0c;white-space:nowrap}.login-art .brand{position:relative;z-index:1}.login-art h1{font-size:clamp(65px,8vw,145px);line-height:.76;margin:0;text-transform:uppercase;max-width:650px;position:relative;z-index:1}.login-art h1 span{color:var(--yellow)}.login-art p{font:12px 'DM Mono';color:#bac4ae;letter-spacing:.08em;position:relative;z-index:1}.login-form{display:flex;flex-direction:column;justify-content:center;max-width:550px;width:100%;padding:50px;margin:auto}.login-form h2{font-size:52px;text-transform:uppercase;margin:13px 0 8px}.login-form p{color:var(--muted);line-height:1.6}.login-form .btn{width:100%;margin-top:20px;min-height:52px;text-decoration:none}.login-form .notice{margin-top:30px}.toast{position:fixed;bottom:22px;right:22px;max-width:410px;background:#253329;color:var(--text);border:1px solid var(--yellow);padding:14px 18px;z-index:100;box-shadow:0 15px 45px #0008;font-size:13px}.toast.error{border-color:var(--red);background:#39231e}.mobile-menu{display:none}.permissions{display:flex;flex-wrap:wrap;gap:9px}.permissions label{font:11px 'DM Mono';padding:8px 9px;background:#202a21;border:1px solid var(--line);cursor:pointer}.permissions input{accent-color:var(--yellow)}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.mt{margin-top:16px}.mb{margin-bottom:16px}.hide{display:none!important}
@media(max-width:1050px){.shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{padding:0;justify-content:center}.brand-name,.nav-kicker,.nav button span:not(.ico),.side-bottom .profile div:not(.avatar),.side-bottom .link-button{display:none}.nav button{justify-content:center;padding:12px 4px}.nav .ico{width:auto}.profile{justify-content:center}.container{padding:28px}.topbar{padding:0 28px}.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media(max-width:690px){.shell{display:block}.sidebar{height:auto;position:relative;flex-direction:row;padding:11px 16px;align-items:center;gap:10px}.brand{justify-content:start}.brand-name{display:block;font-size:19px}.brand small{display:none}.brand-mark{width:29px;height:29px;font-size:18px}.nav{display:none;position:absolute;top:52px;left:0;right:0;background:#151c16;padding:12px;z-index:30;border-bottom:1px solid var(--line)}.sidebar.open .nav{display:flex}.nav button span:not(.ico){display:inline}.nav button{justify-content:start}.mobile-menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);padding:6px 10px}.side-bottom{display:none}.topbar{height:51px;padding:0 16px}.top-status span:last-child{display:none}.container{padding:22px 16px 60px}.pagehead{align-items:start;flex-direction:column}.pagehead h1{font-size:41px}.cols4,.cols3,.cols2,.form-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{min-height:38vh;padding:35px}.login-art h1{font-size:70px}.login-form{padding:36px 22px}.login-form h2{font-size:44px}.field.wide{grid-column:auto}}
.split .table th:nth-child(5),.split .table td:nth-child(5){display:none}.split .table th,.split .table td{padding-left:12px;padding-right:12px}

/* Western 33rd Division identity. SVG artwork stays sharp at every display size. */
:root{--bg:#111a15;--panel:#19231d;--panel2:#223026;--line:#354638;--line2:#2a392e;--yellow:#e3c26a;--yellow2:#f2d987;--muted:#a5b0a2;--green:#9cce92}
html{scroll-behavior:smooth}.brand{gap:10px}.brand-crest{width:44px;height:52px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 9px #0008)}.brand-name{font-size:29px;line-height:.79;letter-spacing:.015em}.brand-name span{font-size:20px;letter-spacing:.075em;margin-top:4px}.brand small{font-size:8px;letter-spacing:.12em;color:#b5c09e;margin-top:6px;white-space:nowrap}.sidebar{background:#131e17}.topbar{background:#172119}.panel{box-shadow:0 8px 24px #08130b15}.scoreboard-wrap{max-height:610px;overflow:auto}.scoreboard{min-width:650px}.scoreboard td{height:54px}.scoreboard th{position:sticky;top:0;z-index:1}.scoreboard .score-rank{font:700 18px 'Barlow Condensed';color:var(--yellow)}.scoreboard td:nth-child(2){min-width:190px}.score-strip{display:flex;align-items:stretch;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:12px}.score-strip>div{flex:1;min-width:0;background:#1d2a20;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.score-strip span{font:11px 'DM Mono';color:#b0baa8;text-transform:uppercase;letter-spacing:.12em}.score-strip strong{font:700 27px 'Barlow Condensed';color:var(--yellow);white-space:nowrap}.command-banner{height:185px;background:linear-gradient(90deg,#17261c 0%,#213429ad 50%,#20332e70 100%),url('/assets/w33d-terrain.svg') center 45%/cover;border:1px solid #567051;margin-bottom:20px;display:flex;align-items:center;gap:22px;padding:19px 27px;overflow:hidden}.command-banner img{height:145px;width:130px;filter:drop-shadow(0 10px 20px #0008)}.command-banner div{display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 10px #000b}.command-banner strong{font:800 clamp(37px,5vw,67px)/.9 'Barlow Condensed';letter-spacing:.03em}.command-banner div>span:last-child{font:11px 'DM Mono';letter-spacing:.11em;color:#e4dfc1}.shop-grid .offer{min-height:290px;display:flex;flex-direction:column}.shop-grid .offer h3{margin-bottom:0}.shop-grid .offer p{flex:1;margin:10px 0}.shop-grid .offer .price{margin:8px 0 2px}.offer-pending{background:linear-gradient(155deg,#1c281f,#19221c)}.offer-footnote{font:11px 'DM Mono';color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.shop-cta{width:100%;margin-top:17px;text-decoration:none}.shop-note{color:var(--muted);font:12px 'DM Mono';line-height:1.7;margin:17px 0 0}
.public-site{min-height:100vh;background:#111b16}.public-header{height:94px;display:flex;align-items:center;gap:40px;justify-content:space-between;padding:12px max(32px,calc((100vw - 1370px)/2));background:#121c16;border-bottom:1px solid #3b4c3d}.public-header .brand{padding:0}.public-header .brand-crest{width:51px;height:62px}.public-header .brand-name{font-size:32px}.public-header .brand-name span{font-size:21px}.public-header nav{display:flex;align-items:center;gap:27px;margin-left:auto}.public-header nav a{font:11px 'DM Mono';letter-spacing:.14em;color:#bdc9b8;text-decoration:none}.public-header nav a:hover{color:var(--yellow)}.public-header>.btn{min-width:174px;text-decoration:none}.public-hero{min-height:590px;position:relative;display:flex;align-items:center;overflow:hidden;padding:56px max(40px,calc((100vw - 1290px)/2));background:linear-gradient(90deg,#101b16 0%,#111e19e8 44%,#12221955 100%),url('/assets/w33d-terrain.svg') center center/cover;border-bottom:1px solid #4c6049}.public-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 42px,#ddd49b08 43px),repeating-linear-gradient(90deg,transparent 0 42px,#ddd49b08 43px);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:680px}.hero-copy h1{font:800 clamp(94px,11vw,180px)/.78 'Barlow Condensed';letter-spacing:-.035em;margin:29px 0 24px;text-shadow:0 10px 25px #0008}.hero-copy h1 span{color:var(--yellow)}.hero-copy>p{font-size:16px;line-height:1.7;color:#d1d9cb;max-width:580px;margin:0 0 30px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-actions .btn{text-decoration:none;min-height:47px;padding:15px 20px}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:52px;padding-top:17px;border-top:1px solid #8da17b70;font:11px 'DM Mono';letter-spacing:.08em;color:#d6ddcd}.hero-crest{position:absolute;z-index:0;width:min(38vw,500px);height:auto;right:max(6vw,calc((100vw - 1370px)/2));top:50%;transform:translateY(-47%) rotate(5deg);filter:drop-shadow(0 28px 34px #030a0688)}.public-content{max-width:1370px;margin:0 auto;padding:65px 32px 0;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2,.public-about h2{font:800 clamp(36px,4.5vw,60px)/.95 'Barlow Condensed';text-transform:uppercase;letter-spacing:.02em;margin:10px 0}.section-heading p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.public-content .scoreboard-wrap{max-height:650px}.public-about{margin:80px auto 0;max-width:1370px;min-height:280px;padding:35px 52px;background:linear-gradient(90deg,#273a2a,#1a2b20);border:1px solid #4b6246;display:flex;align-items:center;justify-content:space-between;gap:30px}.public-about>div{max-width:720px}.public-about p{color:#c7d1c3;font-size:15px;line-height:1.7}.public-about img{height:215px;max-width:26%;object-fit:contain;opacity:.78}.public-footer{max-width:1370px;margin:0 auto;padding:34px 32px 50px;display:flex;justify-content:space-between;gap:20px;color:#839383;font:10px 'DM Mono';letter-spacing:.12em}
@media(max-width:1050px){.public-header{padding:12px 25px}.public-header .brand-name,.public-header .brand small{display:block}.public-header nav{gap:15px}.public-hero{padding:56px 40px}.hero-crest{right:1%;opacity:.45}.public-about{margin-left:25px;margin-right:25px}.sidebar .brand-crest{width:42px;height:52px}}
@media(max-width:690px){.public-header{height:auto;min-height:75px;padding:10px 16px;gap:10px;flex-wrap:wrap}.public-header .brand-crest{width:35px;height:43px}.public-header .brand-name{font-size:25px}.public-header .brand-name span{font-size:17px}.public-header .brand small{font-size:7px}.public-header nav{order:3;width:100%;justify-content:space-between;margin:0;padding:10px 2px 3px;gap:8px}.public-header nav a{font-size:9px}.public-header>.btn{min-width:0;padding:9px 10px;font-size:10px}.public-hero{min-height:560px;padding:47px 20px}.hero-copy h1{font-size:clamp(86px,22vw,135px);margin:26px 0 24px}.hero-copy>p{font-size:14px;max-width:430px}.hero-crest{width:64vw;top:21%;right:-13%;opacity:.24}.hero-actions{gap:8px}.hero-actions .btn{font-size:11px;padding:12px}.hero-meta{gap:12px;margin-top:32px;font-size:9px}.public-content{padding:43px 16px 0}.section-heading{align-items:start}.section-heading h2{font-size:40px}.score-strip{flex-direction:column}.score-strip>div{padding:10px 13px}.score-strip strong{font-size:23px}.public-about{margin:60px 16px 0;padding:24px;min-height:0}.public-about img{display:none}.public-footer{padding:26px 16px 38px;flex-direction:column;font-size:9px}.command-banner{height:140px;padding:11px;gap:9px}.command-banner img{width:82px;height:112px}.command-banner strong{font-size:39px}.command-banner div>span:last-child{font-size:8px}.sidebar .brand-crest{width:30px;height:37px}.sidebar .brand-name{font-size:20px}.sidebar .brand-name span{font-size:13px}.scoreboard-wrap{max-height:480px}.shop-grid .offer{min-height:0}}
.kd-lines{min-height:270px!important;font-family:'DM Mono',monospace!important;font-size:12px!important;line-height:1.65}.panel .field small{margin-top:2px}.panel .form-grid+.field{margin-top:16px}