:root{font-family:Bahnschrift,Arial Narrow,Arial,sans-serif;color:#e8e6d9;background:#0b100e;font-synthesis:none;font-weight:400;--gold:#d99b37;--muted:#9da69b;--line:#34443d;--green:#83b987}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:inherit;border:1px solid #455349;background:linear-gradient(#26352baa,#111c16dd);padding:11px 18px;border-radius:3px;transition:.2s}button:hover{border-color:#9baf89;background:#344c37cc}button:disabled{cursor:not-allowed;opacity:.4}button.active,button.selected{border-color:#b3c29a;background:linear-gradient(#4d694a99,#20372788);box-shadow:inset 0 -2px #a9cd92,0 0 13px #6d9b4b25}.primary{background:linear-gradient(110deg,#453618ee,#745120e8,#352a11ef);border:1px solid #e6af49;color:#fff2c7;box-shadow:inset 0 0 13px #bc821b60,0 0 20px #d7972b20;font-size:18px;font-weight:700;letter-spacing:2px;padding:16px 24px}.primary:hover{background:#8c6527}.green{background:linear-gradient(#52764cbb,#1c3424df);border-color:#8dae80;box-shadow:inset 0 0 9px #adc99b40;font-weight:700;text-transform:uppercase;letter-spacing:1px}.wide{width:100%;margin-top:20px}.world{position:fixed;inset:0;width:100%;height:100%;z-index:0;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#070e0aa8,transparent 24%,#09100a22 45%,#070c0bef 100%),radial-gradient(ellipse,transparent 35%,#030807a6);z-index:1}.app{position:relative;min-height:100vh;isolation:isolate}header,main,footer{position:relative;z-index:2}header{height:120px;display:flex;align-items:center;gap:24px;max-width:1600px;margin:auto;padding:18px 40px}.brand{display:block;text-decoration:none;color:inherit;flex-shrink:0}.brand strong{display:block;font-family:Impact,Bahnschrift,sans-serif;font-stretch:condensed;font-size:58px;letter-spacing:1px;line-height:1;font-weight:900;text-shadow:1px 2px #151a13}.brand em{font-style:normal;color:#d7aa55}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:9px}.brand-story{font-size:9px;letter-spacing:3px;line-height:1.6;color:#adb2a1;border-left:1px solid #77836b66;padding-left:22px}nav{display:flex;align-self:flex-start;margin:auto;gap:1px;background:#0d17177a;border-top:1px solid #5b706566;border-bottom:1px solid #5b706566}nav button{background:none;border:0;border-radius:0;text-transform:uppercase;letter-spacing:1px;font-size:13px;padding:17px;color:#bbc7c5}nav button.active{color:#ffd98d;box-shadow:inset 0 -2px var(--gold);background:linear-gradient(transparent,#9c691b3a)}.header-right{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;gap:15px;color:#b0b9aa;letter-spacing:1px}.version{border:1px solid #61736388;padding:8px 12px;white-space:nowrap}h1,h2,h3,p{margin-top:0}h2{font-size:25px;font-weight:500;letter-spacing:1px}h3{font-weight:500;font-size:17px}p{line-height:1.6;color:#b4bcb0;font-size:14px}small{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:2.3px;color:#b6bda3;line-height:1.6;text-transform:uppercase}.landing{max-width:1480px;margin:auto;padding:0 32px}.hero{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:30px;text-align:center}.hero .eyebrow{color:#c6ccba;font-size:11px;margin-bottom:22px;text-shadow:0 2px 7px #000}.hero h1{font-size:46px;letter-spacing:5px;margin-bottom:28px;text-shadow:0 2px 12px #000;font-weight:600;line-height:1.1}.hero h1 span{display:block;font-size:13px;font-weight:400;letter-spacing:9px;margin-top:15px;color:#c1cbbc}.play{width:330px;font-size:32px;padding:12px 35px;letter-spacing:4px;display:flex;justify-content:center;gap:45px;align-items:center}.play b{font-size:46px;line-height:1;font-weight:400}.spaced{font-size:10px;letter-spacing:5px;margin:14px 0 0;color:#c7c2a8;text-shadow:0 2px #000}.landing-grid{display:grid;grid-template-columns:1fr 1.2fr 1.35fr;gap:16px;align-items:stretch}.panel{border:1px solid #53604a9c;background:linear-gradient(135deg,#17211de8,#080e0ce8);box-shadow:inset 0 0 30px #0006,0 8px 30px #0002;border-radius:4px;position:relative;padding:24px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.panel:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#bec6b603 4px);z-index:0}.panel>*{position:relative}.tabs{display:flex;margin:-10px -10px 20px;gap:4px}.tabs button{flex:1;text-transform:uppercase;font-size:13px;letter-spacing:1px}.auth{padding:23px}.auth label{font-size:10px;letter-spacing:1px;color:#aab3a5;text-transform:uppercase}.auth input{margin:6px 0 13px}.auth .green{width:100%;margin-top:5px;padding:14px}.fine{font-size:10px;line-height:1.5;color:#889487;margin:17px 0 0}input,select{border:1px solid #526054;background:#18211fe6;color:#e0e6da;padding:12px;width:100%;border-radius:3px}input:focus,select:focus{border-color:#d99b37}label{display:block;margin-bottom:12px;font-size:12px;color:#b6c1b1}label input,label select{display:block;margin-top:7px}input::placeholder{color:#87958b}.intro h2{margin-top:15px;line-height:1.2;font-size:24px}.intro p{font-size:12px;line-height:1.75}.features{display:flex;justify-content:space-between;margin:16px 0;text-align:center}.features span{font-size:28px;color:#b1b48c}.features small{display:block;font-size:8px;letter-spacing:.7px;margin-top:6px}.intro blockquote{border-top:1px solid #53634866;padding-top:15px;font-size:9px;letter-spacing:2px;line-height:1.9;margin:18px 0 0;text-align:center;color:#9ba491}.right-stack{display:flex;flex-direction:column;gap:12px}.stats{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}.stats .panel{padding:17px 16px}.stats b{font-size:24px;font-weight:500}.stats small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px}.dot{display:inline-block;width:8px;height:8px;background:#83df65;border-radius:50%;box-shadow:0 0 8px #6bec6433}.dot.off{background:#bb7154}.server-card{padding:15px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #57674a66;padding-bottom:10px}.section-head h3{font-size:12px;text-transform:uppercase;margin:0;letter-spacing:1px}.section-head button,.news-card button{padding:0;border:0;background:none;color:#b6bda6;font-size:10px}.server-status{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:12px}.server-status span{font-size:10px;color:#94bb7d}.server-status span:last-child{margin-left:auto;color:#b9c5b3}.news-card{padding:20px;flex:1}.news-card h3{margin:12px 0 8px;font-size:19px}.news-card p{font-size:12px;margin-bottom:12px}.news-card button{color:#d7bd77}.signed h3{font-size:16px;margin:20px 0;overflow-wrap:anywhere}.signed p{font-size:13px}footer{max-width:1540px;margin:35px auto 0;padding:20px 35px;border-top:1px solid #53634b55;display:flex;gap:28px;align-items:center;font-size:10px;color:#8d988b}footer b{font-size:18px;font-family:Impact,sans-serif;color:#b5bba9}footer span:nth-of-type(2){letter-spacing:2px;margin:auto}footer button{font-size:10px;border:0;background:none;padding:0}.inner{max-width:1350px;margin:45px auto 0;padding:0 32px;min-height:calc(100vh - 280px)}.inner.panel{padding:35px}.page-title{margin-bottom:32px}.page-title h1{font-size:40px;font-weight:500;letter-spacing:2px;margin:12px 0}.page-title p{margin:0}.selection-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.selection-grid .panel{padding:30px}.selection-grid h2{font-size:20px;margin-bottom:30px;text-transform:uppercase;color:#d3d3b4}.selection-grid h2 small{float:right;font-size:12px}.server-choice{display:flex;gap:16px;align-items:center;border:1px solid #839f6d;padding:20px;margin-bottom:25px;background:#43633833}.server-choice h3{margin:0 0 8px}.server-choice p{font-size:10px;letter-spacing:1px;margin:0}.server-choice>span{margin-left:auto;font-size:12px}.facts>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #354235;font-size:13px}.facts span{color:#8fa38f}.facts b{font-weight:400}.character-list{display:flex;flex-direction:column;gap:10px}.character-list button{display:flex;align-items:center;gap:20px;text-align:left}.portrait{font-size:32px;background:#3d4e37;padding:8px 18px;color:#bcbb83}.character-list strong{display:block;font-size:18px}.character-list small{display:block;font-size:11px;margin-top:8px}.character-list button>b{margin-left:auto;font-size:13px;font-weight:400;color:#c3b171}.inline-form{display:flex;gap:10px;margin-top:20px}.inline-form input{flex:1;min-width:0}.inline-form button{white-space:nowrap}.account{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.empty{text-align:center;padding:65px!important;min-height:240px}.article{max-width:850px;padding:40px!important}.article h1{font-size:40px;margin:15px 0 30px}.article p{line-height:1.8}.article h2{margin-top:30px}.article .primary{margin-top:15px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-transform:uppercase;letter-spacing:1px;font-weight:400;color:#acb59f;font-size:11px;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid #40513d}td:first-child{color:#d4b46a}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.admin-layout aside{display:flex;flex-direction:column;gap:10px;align-self:start;padding:15px}.admin-layout aside button{text-align:left}.admin-content{min-width:0;min-height:430px}.npc-editor{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.admin-content form{max-width:600px}.admin-content .worldmap{cursor:crosshair}.audit-log article{border-bottom:1px solid var(--line);padding:16px 0}.audit-log strong{display:block;margin-top:10px;color:#dec37b}.audit-log pre{font-size:11px;color:#b2bba4;white-space:pre-wrap;overflow-wrap:anywhere}.table-scroll{overflow:auto}.success{padding:15px;border:1px solid #72956b;background:#345335}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%);max-width:90vw;padding:16px 22px;border:1px solid #8fa674;color:#e3ead7;background:#14261df5;box-shadow:0 5px 35px #000;line-height:1.5;font-size:14px}.toast.error{background:#3e211bee;border-color:#c67e62;bottom:85px}.toast button{border:0;padding:0 0 0 20px;background:none}.playing .vignette{background:radial-gradient(ellipse,transparent 60%,#0006)}.hud-top{position:fixed;inset:22px 24px auto;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.hud-top .brand strong{font-size:37px}.hud-top .brand small{font-size:8px;letter-spacing:2px}.compass{font-size:13px;letter-spacing:7px;border-bottom:1px solid #d0c49d66;height:35px;background:#17241c55;padding:5px 25px;text-shadow:0 1px #000}.compass span{font-size:9px;color:#b9bdb0;letter-spacing:1px;margin:0 10px}.compass b{color:#edb944}.location{display:flex;flex-direction:column;gap:9px;padding:17px 20px;min-width:200px}.location b{font-size:13px;letter-spacing:2px}.location span{font-size:12px;color:#b7c5a6}.location small{font-size:10px}.mission{position:fixed;top:125px;left:24px;z-index:3;width:270px;padding:18px;pointer-events:none}.mission h3{color:#e2be6f;margin:10px 0}.mission p{font-size:12px;margin:0}.mission .eyebrow{font-size:9px;letter-spacing:1px}.crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#dddac0b0;z-index:3;pointer-events:none;font-weight:300}.crosshair.hit{color:#ffb34b;font-size:44px}.interact-hint{position:fixed;top:60%;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;font-size:12px;color:#d8e0c7;text-shadow:0 2px 4px #000}.hud-bottom{position:fixed;bottom:25px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:3;pointer-events:none}.hud-bottom button{pointer-events:auto}.vitals{width:235px;padding:15px}.vitals>div{display:grid;grid-template-columns:1fr auto;font-size:9px;text-transform:uppercase;gap:5px;margin-bottom:9px}.vitals>div:last-child{margin-bottom:0}.vitals b{font-weight:400}.bar{grid-column:1/-1;height:4px;background:#45523f66}.bar i{display:block;height:100%;transition:width .3s}.hotbar{display:flex;align-items:end;gap:5px}.hotbar button{background:#121d16d9;border:1px solid #617054aa;padding:12px;min-height:80px;min-width:85px}.hotbar button:first-child{border-color:#d1a54a;box-shadow:0 0 15px #dca42a22;min-width:160px}.hotbar small{display:block;font-size:8px;letter-spacing:1px}.hotbar strong{display:block;font-size:26px;font-weight:500;margin:7px 0 5px}.hotbar em{font-size:16px;color:#8a9a7f;font-style:normal}.hotbar span{font-size:9px;color:#9fa88e}.hotbar b{display:block;font-size:25px;font-weight:400;margin-bottom:10px;color:#b5b69a}.chat-preview{width:280px;min-height:120px;padding:15px}.chat-preview .eyebrow{font-size:9px}.chat-preview p{font-size:10px;margin:8px 0}.chat-preview p b{color:#8dc286}.chat-preview button{width:100%;font-size:10px;padding:7px;color:#93a489;margin-top:10px;text-align:left}.menu-button{position:fixed;right:24px;top:145px;z-index:4;font-size:10px;background:#15201ac7}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#050b09b8;display:flex;align-items:center;justify-content:center;padding:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:660px;max-height:90vh;overflow:auto;padding:35px;background:linear-gradient(135deg,#1b2823f7,#0b130ff7)}.modal.large{width:880px}.close{position:absolute;right:13px;top:10px;z-index:1;background:none;border:0;font-size:25px;padding:4px 8px;color:#aebb9e}.modal h2{margin:12px 30px 25px 0;font-size:29px}.modal h2 small{float:right;font-size:18px;color:#d4ba6b}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin:25px 0}.controls>div{display:flex;align-items:center;gap:12px}kbd{font-size:10px;border:1px solid #617356;padding:7px;min-width:75px;text-align:center;background:#2a372b}.controls span{font-size:11px;color:#9dad97}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-row button{flex:1}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.item{position:relative;padding:20px 15px;background:#0c1711bd;border:1px solid #4b6144;min-height:180px;display:flex;flex-direction:column}.item-icon{font-size:40px;color:#c0aa72;margin:0 auto 10px}.item h3{font-size:14px;margin:5px 0 10px}.item>b{position:absolute;right:12px;top:10px;color:#d9d7b2;font-size:14px}.item small{font-size:10px}.item button{font-size:11px;margin-top:15px}.craft{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:20px;border:1px solid #61734a;background:#33432944;gap:20px}.craft h3{font-size:16px;margin-bottom:7px}.craft p{font-size:11px;margin:0}.trade-list>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #43533c;padding:12px 0}.trade-list span{flex:1;font-size:13px}.trade-list span small{display:block;margin-top:5px}.trade-list button{font-size:10px;padding:8px}.balance{color:#d1ba72;font-size:15px}.quest-step{padding:18px;border-bottom:1px solid #4d5f46;color:#baca9e}.worldmap{display:block;width:100%;max-height:54vh;border:1px solid #6b7b55;margin:15px auto}.coordinate-fields{display:flex;gap:20px}.coordinate-fields label{flex:1}.chat-log{max-height:50vh;overflow:auto;min-height:120px}.chat-log b{color:#9fc18e}.chat-log p{font-size:13px}.modal .inline-form{margin-top:20px}@media(min-width:1600px){.hero{height:430px}.landing-grid{margin-top:15px}}@media(max-width:1100px){header{padding:20px;gap:15px;height:100px}.brand strong{font-size:40px}.brand small{font-size:8px;letter-spacing:2px}.brand-story{display:none}nav button{padding:15px 10px;font-size:11px}.header-right{font-size:9px}.hero{height:330px}.hero h1{font-size:34px}.landing-grid{grid-template-columns:1fr 1.2fr}.right-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr}.stats,.server-card{grid-column:1}.news-card{grid-column:2;grid-row:1/3}.landing{padding:0 20px}.intro h2{font-size:22px}.compass,.chat-preview{display:none}.hud-bottom{justify-content:space-between}.selection-grid{grid-template-columns:1fr 1fr}.npc-editor{grid-template-columns:1fr}.admin-layout{grid-template-columns:180px 1fr}}@media(max-width:700px){header{flex-wrap:wrap;height:auto;padding:20px}.header-right{margin-left:auto}.brand strong{font-size:38px}nav{order:3;width:100%;justify-content:center;margin:8px 0 0}nav button{flex:1;font-size:10px;padding:13px 4px}.hero{height:330px;padding-top:15px}.hero h1{font-size:30px;letter-spacing:1px}.hero h1 span{font-size:9px;letter-spacing:4px}.hero .eyebrow{font-size:9px}.play{width:260px;font-size:27px}.spaced{font-size:8px;letter-spacing:2px}.landing-grid{display:flex;flex-direction:column}.landing-grid .intro{order:2}.right-stack{display:flex}.auth{order:1}.right-stack{order:3}.stats{display:grid}.panel{padding:20px}.inner{padding:0 18px;margin-top:25px}.inner.panel{margin:25px 18px 0}.page-title h1{font-size:29px}.selection-grid{grid-template-columns:1fr}.selection-grid .panel{padding:20px}.inline-form{flex-wrap:wrap}.inline-form button{flex:1}.account{align-items:start;gap:15px;flex-direction:column}footer{gap:15px;flex-wrap:wrap;padding:20px}footer span:nth-of-type(2){display:none}.admin-layout{display:block}.admin-layout aside{margin-bottom:15px;flex-direction:row;overflow:auto}.admin-layout aside button{white-space:nowrap}.admin-content{padding:16px}.article h1{font-size:30px}.hud-top{inset:15px 15px auto}.hud-top .brand strong{font-size:25px}.hud-top .brand small{font-size:6px}.location{padding:12px;min-width:140px}.location b{font-size:10px}.location span{font-size:9px}.location small{font-size:8px}.mission{top:90px;left:15px;width:200px;padding:12px}.mission h3{font-size:13px}.mission p{font-size:10px}.menu-button{right:15px;top:125px}.hud-bottom{left:15px;right:15px;bottom:15px;gap:10px}.vitals{width:150px;padding:10px}.vitals>div{font-size:7px}.hotbar button{min-width:50px;padding:8px;min-height:60px}.hotbar button:first-child{min-width:95px}.hotbar button:last-child{display:none}.hotbar small{font-size:6px}.hotbar strong{font-size:20px}.hotbar span{font-size:7px}.hotbar b{font-size:18px}.modal-backdrop{padding:15px}.modal{padding:22px}.modal h2{font-size:24px}.controls{grid-template-columns:1fr;gap:10px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.item{padding:15px 10px;min-height:160px}.craft{padding:15px;flex-direction:column;align-items:stretch}.trade-list>div{flex-wrap:wrap}.trade-list span{min-width:100%;margin-bottom:5px}.trade-list button{flex:1}.coordinate-fields{gap:12px}.toast{font-size:12px;width:max-content;max-width:90vw}.button-row{flex-direction:column}}
