@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
:root{color-scheme:dark;--bg:#201b19;--card:#111214;--edge:#2c2c31;--text:#eee;--muted:#a3a4ab;--accent:#e74449;--accent2:#ff6264}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#211d1b url('/dirt.png') repeat;font:12px Arial,Helvetica,sans-serif;min-height:100vh}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}
.top{height:42px;background:#171719;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 724px)/2));border-bottom:1px solid #39332c}
.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#f24a4f;font-family:'Press Start 2P',monospace;font-size:12px;font-weight:400;letter-spacing:0;text-shadow:1px 1px #4a0808}.brand svg{width:25px;height:25px}.red{color:#f24a4f}
.profile{background:#1d1e21;color:#c5c4c9;border:1px solid #2d2f35;border-radius:4px;padding:7px 10px;font-size:10px}.profile:hover{border-color:var(--accent)}
.grass{height:13px;background:linear-gradient(#33472a 0 27%,#202b1e 27% 40%,#27231e 40% 70%,#171b14 70% 100%);border-top:2px solid #354c27;border-bottom:4px solid #10110f;box-shadow:0 3px 5px #0009}
main{max-width:760px;margin:0 auto;padding:65px 18px 100px;min-height:calc(100vh - 88px)}h1,h2,h3{font-family:'Press Start 2P',monospace;font-weight:400;letter-spacing:0;line-height:1.6}h1{font-size:25px;text-align:center;margin:4px 0 14px;text-shadow:2px 3px #151214}.hero{text-align:center}.hero p{color:#a4a6ad;margin:0 0 19px;font-size:11px}.hero .eyebrow{display:none}.searchWrap{max-width:400px;margin:0 auto;position:relative}.searchWrap span{display:none}.searchWrap input{width:100%;background:#121518;border:1px solid #343941;color:#fff;border-radius:4px;padding:9px 12px;outline:0;font-size:11px;height:33px}.searchWrap input:focus{border-color:var(--accent)}.searchResults{background:#151619;border:1px solid #3b393c;text-align:left;padding:10px 12px;margin:5px auto;max-width:400px}.searchResults button{width:100%;display:block;text-align:left;padding:9px;background:none;border:0;color:#e5d8d7}
.mainSection{margin-top:29px}.heading{display:flex;align-items:baseline;gap:11px;margin-bottom:10px}.heading h2,.extraBar h2{font-size:13px;margin:0;line-height:1.6}.heading span{font-size:10px;color:#9e9ea4}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ticketCard{min-height:131px;background:linear-gradient(#161719,#121315);border:1px solid #303137;border-radius:5px;padding:10px 10px 9px;text-align:left;color:#e5e5e9;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .16s,background .16s,transform .16s}.ticketCard:hover{border-color:#bc4145;transform:translateY(-2px);background:#1b1718}.cardIcon,.miniIcon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #76363c;background:#24191d;border-radius:4px;color:#f15b5f;font-size:17px}.ticketCard strong{font-weight:700;font-size:10px;margin:9px 0 6px}.ticketCard small{font-size:9.5px;line-height:1.5;color:#b0b1b8}.ticketCard em{margin-top:auto;padding-top:9px;color:#ff666a;font-style:normal;font-weight:700;font-size:10px}.ticketCard .response{font-size:9px;color:#898a92;margin-top:5px}
.loginBar,.extraBar{margin-top:29px;background:#141517;border:1px solid #303137;padding:12px;border-radius:4px;display:flex;align-items:center;gap:10px}.loginBar div{flex:1}.loginBar strong{display:block;font-size:11px}.loginBar small{display:block;color:#aaaab2;font-size:10px;margin-top:4px}.btn{color:#fff;border:1px solid #ff7779;background:linear-gradient(#f04e51,#b8202c);border-radius:4px;padding:9px 13px;font-weight:700;font-size:10px}.btn:hover{filter:brightness(1.15)}.btn.outline{border:1px solid #813338;background:transparent}.extraBar{margin-top:9px;justify-content:space-between}.extraBar p{margin:6px 0 0;color:var(--muted);font-size:10px}
footer{border-top:1px solid #2d2c2b;background:#151618;color:#8a8a91;font-size:9px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;min-height:50px;padding:9px 20px;text-align:center}
.back,.textBtn{border:0;background:none;color:#fd777b;padding:8px 0}.panel{margin-top:12px;background:#151618;border:1px solid #37383e;padding:23px;border-radius:5px}.panel h2{margin:0 0 12px;font-size:17px}.panel p{color:var(--muted);line-height:1.7}.panel form{display:grid;gap:14px;margin-top:17px}label{display:grid;gap:7px;color:#d5ccca;font-weight:600}input,textarea,select{border:1px solid #41424a;border-radius:4px;background:#101215;color:#f6eeee;padding:11px 12px;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:#e2574c}textarea{min-height:125px;resize:vertical}.note{border-left:3px solid #e33e39;padding:10px 12px;background:#261a19;color:#f9c6c2!important}.tickets{display:grid;gap:9px}.ticketRow{background:#17181b;border:1px solid #35363d;padding:14px;text-align:left;color:#eee;border-radius:4px}.ticketRow span{float:right;color:#ff8b80}.message{max-width:90%;padding:11px;border-radius:5px;line-height:1.5;background:#282122;overflow-wrap:anywhere}.message.user{background:#69282c;margin-left:auto}.message.staff{background:#243022}.ticketMessages{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow:auto}.ticketMessages small{display:block;color:#b7a8a7;margin-top:6px}
.botToggle{position:fixed;right:18px;bottom:66px;background:linear-gradient(#e64b51,#b31c29);border:1px solid #ef807b;border-radius:5px;box-shadow:0 6px 28px #0008;color:white;padding:10px 13px;font-weight:800;z-index:4}.botPanel{position:fixed;right:18px;bottom:120px;width:min(360px,calc(100vw - 30px));height:430px;background:#151416;border:1px solid #99433c;border-radius:5px;z-index:5;display:flex;flex-direction:column;box-shadow:0 18px 60px #000a}.botHeader{padding:14px;background:#301819;display:flex;justify-content:space-between;font-weight:800}.botHeader button,.authTop button{background:none;border:0;color:white;font-size:20px}.botMessages{padding:12px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:9px}.botMessages p{font-size:12px;margin:0}.botForm{display:flex;padding:10px;gap:6px;border-top:1px solid #49302e}.botForm input{min-width:0}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:10}.modalShade{position:absolute;inset:0;background:#000b}.authBox{position:relative;background:#1c1718;border:1px solid #763633;border-radius:6px;padding:23px;width:min(420px,calc(100vw - 28px));box-shadow:0 16px 65px #000}.authTop{display:flex;justify-content:space-between;align-items:center}.authTop h2{margin:0;font-size:15px}.authBox p{color:var(--muted)}.authBox form{display:grid;gap:14px}.full{width:100%}.error{color:#ff9c91!important}.muted{color:#b3a7a5}.pill{border:1px solid #88463f;background:#351d1d;padding:3px 8px;border-radius:15px;color:#ffb5ab;font-size:11px}.statusSelect{max-width:200px;margin-top:10px}
/* Fade through all client-side page changes */
#homeView,#panelView{animation:pageReveal .32s ease both}@keyframes pageReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
body.is-navigating #homeView,body.is-navigating #panelView{opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease}
.modal:not([hidden]) .authBox{animation:pageReveal .25s ease both}.botPanel:not([hidden]){animation:pageReveal .25s ease both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){main{padding-top:40px}.cards{grid-template-columns:repeat(2,1fr)}.heading{display:block}.heading span{display:block;margin-top:7px}.top{padding:0 14px}.loginBar,.extraBar{flex-wrap:wrap}.brand{font-size:10px}footer{padding:16px}.ticketCard{min-height:130px}}@media(max-width:390px){.cards{grid-template-columns:1fr}h1{font-size:17px}.heading h2{font-size:11px}}

/* Reference match corrections: full-screen textured dirt, centre the page */
body{background-color:#221c19;background-image:url('/dirt.png');background-repeat:repeat;background-size:320px 320px}
.top{width:100%;height:43px;padding:0 max(20px,calc((100vw - 840px)/2));background:#171819}
.grass{height:13px}
main{width:min(840px,calc(100% - 32px));max-width:none;margin:0 auto;padding:64px 0 95px;min-height:calc(100vh - 107px)}
.hero h1{font-size:26px;margin:0 0 12px}
.hero p{margin-bottom:20px}
.searchWrap{max-width:465px}
.searchWrap input{height:37px}
.mainSection{margin-top:31px}
.heading{margin-bottom:12px}
.heading h2{font-size:13px}
.cards{gap:10px}
.ticketCard{min-height:149px;padding:12px 12px 10px;background:#121315;border-color:#2a2b32}
.ticketCard strong{margin-top:10px;font-size:11px}
.ticketCard small{font-size:10px}
.ticketCard em{font-size:10px}
.loginBar{margin-top:34px}
.extraBar{margin-top:9px}
.botToggle{background:#1a1819;border:1px solid #803535;color:#ff5555}
@media(max-width:700px){main{padding-top:38px}.cards{gap:10px}.top{padding:0 12px}}