/* AXIOMORT expedition interface: chart paper, graphite, tarnished brass. */
:root{--field-paper:#e4dfce;--field-ink:#263632;--field-muted:#59635a;--field-rule:#52605045;--field-brass:#bc9762}
button,a,input,select{touch-action:manipulation}
:focus-visible{outline:2px solid #dcb576;outline-offset:4px}
#start .title-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.025em;font-size:clamp(36px,6.6vw,94px)}
.title-menu::before{content:'Gather. Build shelter. Cross the rift.';display:block;font:italic 17px/1.5 Georgia,serif;color:#dedacb;margin-bottom:20px;max-width:300px}
.title-menu .menu-choice{background:transparent;border:0;border-bottom:1px solid #d7d1bb40;box-shadow:none;font:500 14px/1.4 Arial,sans-serif;letter-spacing:.12em;height:48px;min-height:48px;padding:0 14px;transform:none}
.title-menu #start-button{height:66px;background:#e4dfce;color:#20312c;border-left:3px solid #bc9762;font-size:17px;letter-spacing:.1em}
.title-menu #start-button::after{display:none}
.title-menu .menu-choice:hover,.title-menu .menu-choice:focus-visible{background:#e4dfce18;color:#eee8d6;transform:none}
.title-menu #start-button:hover{background:#f3ecda;color:#20312c}
.title-menu #title-support{order:5;font-size:11px;height:36px;min-height:36px;color:#c2c3b5}
.title-menu .account-card{background:#0d191ad9;border:0;border-left:1px solid #bc9762;border-radius:0;font-size:12px;padding:12px 15px;margin:8px 0}
.account-card .account-actions button,.account-card .account-actions a{border-radius:0;background:transparent;font-size:11px;line-height:1.4}
.account-card small{font-size:10px;line-height:1.5}
.journey-wrap .journey-card{background:#111c1ac9;border:0;border-left:1px solid #bc9762;box-shadow:none}
.journey-card small{font-family:Georgia,serif;font-weight:400;text-transform:none}
/* Utility screens keep a dark treatment; the field folio has readable paper. */
#panel{--line:var(--field-rule);background:#172321;color:#e5dfcc;border-left:1px solid #bc9762;width:min(690px,100%);padding:32px 40px}
#panel:is([data-screen=inventory],[data-screen=craft],[data-screen=workbench],[data-screen=missions],[data-screen=journal],[data-screen=bed]){color:var(--field-ink);background:linear-gradient(90deg,#ada99422,transparent 20px),repeating-linear-gradient(0deg,#34473405 0 1px,transparent 1px 5px),var(--field-paper);border-left:5px solid #707763;box-shadow:-20px 0 70px #0005}
.panel-head{margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid currentColor;opacity:.85}
.panel-head .eyebrow{font:10px/1.6 monospace;letter-spacing:.2em;color:inherit}
#panel #panel-title{font:400 clamp(34px,5vw,52px)/1.1 Georgia,serif;letter-spacing:-.035em;text-transform:none;margin:0 0 28px}
#close-panel{color:inherit;min-width:40px;min-height:40px}
#panel button{border-radius:0;min-height:40px;font-weight:500}
#panel:is([data-screen=inventory],[data-screen=craft],[data-screen=workbench],[data-screen=missions],[data-screen=journal],[data-screen=bed]) button{color:var(--field-ink);border:1px solid #455b5070;background:transparent}
#panel:is([data-screen=inventory],[data-screen=craft],[data-screen=workbench],[data-screen=missions],[data-screen=journal],[data-screen=bed]) button:hover{color:#f4eedb;background:#32453b}
#panel button:disabled{opacity:.55;cursor:not-allowed}
#panel button:disabled:hover{background:transparent;color:inherit}
#panel p,#panel .recipe p,#panel .journal p{line-height:1.65}
#panel:is([data-screen=inventory],[data-screen=craft],[data-screen=workbench],[data-screen=missions],[data-screen=journal],[data-screen=bed]) :is(p,small,.cost,.completed-missions small){color:var(--field-muted)}
#panel :is(h3,h4){font-family:Georgia,serif;font-weight:400}
.inventory-summary{font:14px/1.6 Georgia,serif;margin:0 0 24px}
.inventory-filters{display:flex;flex-wrap:wrap;gap:0;margin:0 0 22px;border-bottom:1px solid var(--field-rule)}
#panel .inventory-filters button{padding:10px 12px;border:0;border-bottom:2px solid transparent;font:11px/1.3 Arial,sans-serif;min-height:42px}
#panel .inventory-filters button[aria-pressed=true]{background:#52604e12;border-bottom-color:#53614d;font-weight:700}
.inventory-grid{grid-template-columns:1fr;gap:0}
#panel .inventory-slot{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:5px 16px;align-items:center;justify-items:start;min-height:112px;padding:18px 0;border:0;border-bottom:1px solid var(--field-rule);background:none}
.inventory-slot .item-icon{grid-column:1;grid-row:1/3;width:52px;height:52px;color:#4b5a49;filter:brightness(.64) saturate(.75)}
#panel .inventory-slot strong{position:static;grid-column:3;grid-row:1;font:24px/1 Georgia,serif;color:var(--field-ink);padding-left:10px}
#panel .inventory-slot>span{grid-column:2;grid-row:1;font:20px/1.2 Georgia,serif;color:var(--field-ink);text-align:left}
#panel .inventory-slot p{grid-column:2/4;grid-row:2;font:12px/1.5 Arial,sans-serif;text-align:left;max-width:380px}
#panel .inventory-slot button{width:auto;grid-column:2/4;padding:8px 14px;font-size:12px}
#panel .inventory-slot button[aria-pressed=true]{background:#52604e17;border-color:#52604e;color:#32453b}
.inventory-empty{border:0;border-top:1px solid var(--field-rule);border-bottom:1px solid var(--field-rule);padding:34px 8px;font:italic 18px/1.6 Georgia,serif;text-align:center}
.inventory-actions{margin-top:28px;gap:12px;display:flex;flex-wrap:wrap}
#panel #inventory-craft{background:#32453b;color:#f4eedb;border-color:#32453b;padding:10px 18px}
#panel .recipe{background:none;border:0;border-bottom:1px solid var(--field-rule);padding:18px 0}
.recipe-grid{gap:16px 28px}
#panel .recipe h3{font-size:24px;margin:0 0 12px}
#panel .cost span{color:#475943;background:#47594310}
#panel .cost .missing{color:#8e3e28;background:#8e3e280c}
#panel .mission-card{border-left:1px solid #69745b}
#panel .mission-card .done,#panel .mission-card li span,#panel .mission-reward{color:#496146}
#panel .primary{background:#32453b;color:#f4eedb;border-color:#32453b}
/* The world carries the image; HUD elements are sparse instrument marks. */
#objective{background:linear-gradient(90deg,#13201ee8,#13201e00);border:0;border-left:1px solid #b99a69;padding:12px 18px;max-width:300px}
#objective .eyebrow{font:9px/1.5 monospace;letter-spacing:.18em;color:#c3bb9f}
#objective h2{font:400 21px/1.2 Georgia,serif;color:#ece4cf;margin:0}
#trail-guide{font:11px/1.5 Arial,sans-serif;border:0;margin:8px 0 0;padding:0;color:#c6cebe}
#hud .vitals{padding:12px 16px;border-left:1px solid #b99a6966;background:linear-gradient(90deg,#13201ed9,transparent)}
#hud .vitals label{font:9px/1.4 monospace;letter-spacing:.12em;margin:0 0 8px;color:#e3ddc9}
.vitals meter{height:3px;border:0;background:#d6d5bb22}
.vitals meter::-webkit-meter-bar{height:3px;background:#d6d5bb22;border:0;border-radius:0}
.vitals meter::-webkit-meter-optimum-value{background:#c0af81;border-radius:0}
#hotbar{gap:5px}
.tool-slot{width:72px;min-height:76px;padding:9px 7px 7px;background:#15231ee6;border:1px solid #bdad7f40;border-bottom:1px solid #bdad7f40;box-shadow:none}
.tool-slot .item-icon{width:37px;height:37px}
.tool-slot span{font-size:10px}
.tool-slot[aria-pressed=true]{background:#344639e8;border-color:#c9b985;box-shadow:none}
.tool-slot[aria-pressed=true]::after{height:2px;background:#c9b985}
#inventory-button{min-height:44px;min-width:44px;border:1px solid #bdad7f70;background:#15231ee6}
#target{font:400 20px/1.3 Georgia,serif;color:#ece4cf;text-shadow:0 2px 8px #000}
#target-action{font:10px/1.5 Arial,sans-serif;background:#15231ebd;border:0;padding:5px 8px}
#save-label{font-size:10px;color:#c7cbb9}
@media(max-width:600px){#panel{padding:24px}.title-menu::before{font-size:14px;margin-bottom:12px}.title-menu{padding-top:20px}.title-menu .menu-choice{height:42px;min-height:42px}.title-menu #start-button{height:54px;min-height:54px}.inventory-filters{margin-bottom:12px}#panel .inventory-slot{grid-template-columns:42px minmax(0,1fr) auto;gap:6px 10px}.inventory-slot .item-icon{width:38px;height:38px}#panel .inventory-slot>span{font-size:18px}.recipe-grid{grid-template-columns:1fr}#objective{max-width:245px}#hud .vitals{padding:8px 10px}.tool-slot{width:62px;min-height:70px}.tool-slot .item-icon{width:33px;height:33px}}
@media(orientation:landscape) and (max-height:500px){.title-menu::before{display:none}.title-menu .account-card{padding:7px 10px}.account-card small{display:none}.title-menu #start-button{height:44px;min-height:44px}.title-menu .menu-choice{height:34px;min-height:34px}.title-menu #title-support{height:28px;min-height:28px}.tool-slot{min-height:62px}}