:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#1d2b22;--wood:#302b24;--paper:#f4ead7;--paper-raised:#fff7e6;--paper-shade:#e4d5b7;--ink:#392f24;--muted:#6e604d;--line:#c6b28a;--accent:#4b6944;--accent-hover:#3b5637;--on-accent:#fff6de;--gold:#e4c280;--focus:#996323;--danger:#8b3e32;--success:#3f643e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:3px;font-synthesis:none;font-family:Trebuchet MS,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-width:320px;margin:0}button,input,select{font:inherit}button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);cursor:pointer;min-height:44px;padding:10px 14px;font-weight:700;transition:background .12s,transform .12s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--accent);background:0 0}button.secondary:hover:not(:disabled){background:var(--paper-shade)}button.small{color:var(--muted);border-color:var(--line);background:0 0;padding:6px 8px;font-size:12px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);width:100%;min-height:44px;padding:10px}label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}p{line-height:1.5}h1,h2,h3,h4,p{margin:0}.skip-link{z-index:10;background:var(--paper);color:var(--ink);padding:12px;position:absolute;inset:8px auto auto 8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.topbar{width:min(1440px,100%);color:var(--paper);align-items:center;gap:32px;margin:auto;padding:22px 32px;display:flex}.brand{align-items:center;gap:16px;margin-right:auto;display:flex}.acorn{color:var(--gold);background:#29392b;border:2px solid #8b805d;place-items:center;width:56px;height:56px;font-size:38px;display:grid;box-shadow:3px 3px #14231b}.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:700;line-height:1.4}.brand .eyebrow{color:#c6cfb5}h1{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15}.purse{align-items:baseline;gap:8px;font-size:13px;display:flex}.purse>span:first-child{letter-spacing:.1em;color:#c6cfb5;margin-right:8px;font-size:10px}.purse strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:30px}.mana{grid-template-columns:130px auto;align-items:center;gap:5px 16px;display:grid}.mana>div{letter-spacing:.05em;justify-content:space-between;gap:12px;font-size:10px;display:flex}.mana strong{color:var(--gold);letter-spacing:0;font-size:12px}.mana meter{appearance:none;grid-column:1;width:130px;height:12px}.mana meter::-webkit-meter-bar{background:#14221a;border:1px solid #6d8066;border-radius:0}.mana meter::-webkit-meter-optimum-value{background:#b9c889}.mana button{color:var(--paper);background:#344b34;border-color:#a69b70;grid-area:1/2/span 2;font-size:12px}.environment{letter-spacing:.025em;color:#d1d5be;background:#243329;border-top:1px solid #4b5942;border-bottom:1px solid #4b5942;justify-content:space-between;gap:12px;padding:10px max(32px,50% - 688px);font-size:12px;display:flex}main{grid-template-columns:minmax(0,1fr) 374px;align-items:start;gap:24px;max-width:1440px;margin:auto;padding:24px 32px;display:grid}.world-column{min-width:0}.world-frame{background:#3b4d38;border:3px solid #677554;box-shadow:5px 5px #14221b}.world-caption{color:var(--paper);background:#31452f;justify-content:space-between;gap:12px;padding:12px 16px;font-size:11px;display:flex}.location{letter-spacing:.1em;font-weight:700}.weather{color:#d4d8bc;font-style:italic}#game{aspect-ratio:8/5;background:#83945b;width:100%;overflow:hidden}#game canvas{image-rendering:pixelated;max-width:100%;max-height:100%;display:block}.map-help{color:#d2dbc2;text-align:center;padding:9px 12px;font-size:12px;line-height:1.5}.resource-panel,.bag-panel{color:var(--paper);margin-top:20px}.section-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-label h2{font-family:Georgia,serif;font-size:21px;font-weight:400}.section-label>span{color:#c5ceb5;font-size:11px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.resource{text-align:left;color:var(--paper);background:#304530;border-color:#6c7955;align-items:center;gap:10px;min-height:62px;padding:10px;font-size:12px;display:flex}.resource span{flex-direction:column;gap:4px;display:flex}.resource small{color:#d0d7ba;font-size:11px;font-weight:400}.resource:hover:not(:disabled){background:#3b5338}.item-icon{image-rendering:pixelated;flex:none}.inventory-grid{background:#657254;border:1px solid #657254;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.bag-item{background:#293e2d;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.bag-item span{font-size:11px;line-height:1.3}.bag-item strong{font-variant-numeric:tabular-nums;color:var(--gold);margin-left:auto;font-size:16px}.ledger{background:var(--paper);outline-offset:4px;border:3px solid #9d855e;min-width:0;box-shadow:5px 5px #14221b}.ledger-heading{border-bottom:1px solid var(--line);padding:24px 24px 20px}.ledger-heading .eyebrow{color:var(--muted)}.ledger-heading h2{margin-top:6px;font-family:Georgia,serif;font-size:29px;font-weight:400}.ledger-heading p{color:var(--muted);margin-top:9px;font-size:12px}.station-nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.station-nav button{background:var(--paper-shade);color:var(--muted);border:0;border-right:1px solid var(--line);border-radius:0;padding:12px 8px;font-size:13px}.station-nav button:last-child{border-right:0}.station-nav button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.station-nav button:hover{background:var(--paper-raised)}#action-status{color:var(--muted);padding:14px 20px 6px;font-size:12px;line-height:1.5}#action-status[data-status=pending]:before{content:"Pending · ";font-weight:700}#action-status[data-status=confirmed]{color:var(--success)}#action-status[data-status=error]{color:var(--danger)}.refresh{color:var(--muted);background:0 0;border:0;min-height:32px;margin-left:12px;padding:4px 8px;font-size:11px;text-decoration:underline}.refresh:hover:not(:disabled){background:var(--paper-shade)}#panel{padding:12px 20px 24px}.panel-heading{margin-bottom:18px}.panel-heading h3{font-family:Georgia,serif;font-size:22px;font-weight:400}.panel-heading p{color:var(--muted);margin-top:7px;font-size:12px}.shelf-slot{border:1px solid var(--line);background:var(--paper-raised);align-items:center;gap:12px;min-height:76px;margin-bottom:9px;padding:14px 12px;display:flex;box-shadow:inset 0 -5px #ddc9a5}.shelf-slot>div{flex-direction:column;flex:1;gap:5px;display:flex}.shelf-slot strong{font-size:13px}.shelf-slot span:not(.shelf-number){color:var(--muted);font-size:11px}.shelf-slot.empty{box-shadow:none;background:#ece0c8;border-style:dashed}.shelf-number{color:#8a795d;border-right:1px solid var(--line);padding-right:13px;font-family:Georgia,serif;font-size:25px}.listing-form{margin-block:20px 24px}.price-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.price-row button{padding-inline:12px;font-size:12px}.help{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.5}.customer-card{border-top:1px solid var(--line);padding-top:20px}.customer-card .eyebrow{color:var(--muted)}.customer-card h3{margin-top:5px;font-family:Georgia,serif;font-size:22px;font-weight:400}.customer-card blockquote{margin:13px 0 8px;font-family:Georgia,serif;font-size:17px;line-height:1.5}.customer-provenance{color:var(--muted);margin-bottom:14px;font-size:10px}.customer-card>button{width:100%;font-size:13px}.recipe{background:var(--paper-raised);border:1px solid var(--line);margin-top:14px;padding:16px}.recipe-heading{align-items:center;gap:12px;display:flex}.recipe-heading h4{font-family:Georgia,serif;font-size:20px;font-weight:400}.recipe-heading span{color:var(--muted);font-size:11px}.recipe ul{margin:14px 0;padding:0;list-style:none}.recipe li{border-bottom:1px solid #e5d8bc;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.recipe li>span:first-child{align-items:center;gap:7px;display:flex}.recipe li>span:last-child{font-variant-numeric:tabular-nums}.recipe .short{color:var(--danger);font-weight:700}.recipe>button{width:100%;font-size:12px}.merchant-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.merchant-picker button{background:var(--paper-shade);color:var(--muted);border-color:var(--line);font-size:12px}.merchant-picker button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.merchant-summary{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:16px 0;font-size:12px;display:flex}.merchant-summary span{color:var(--muted);font-size:11px}.market-item{border-bottom:1px solid var(--line);padding:15px 0}.market-item-name{align-items:center;gap:10px;display:flex}.market-item-name>div{flex-direction:column;gap:4px;display:flex}.market-item-name strong{font-size:13px}.market-item-name span{color:var(--muted);font-size:11px}.trade-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.trade-buttons button{min-height:36px;font-size:12px}.price-reason{color:var(--muted);margin-top:8px;font-size:11px}summary{cursor:pointer;line-height:1.5}.price-reason p{margin:7px 0}.technical{border-top:1px solid var(--line);color:var(--muted);background:#eaddc4;padding:14px 20px;font-size:11px}.technical p{margin-block:10px}.technical button{color:var(--muted);border-color:var(--line);background:0 0;width:100%;font-size:11px}.technical code{overflow-wrap:anywhere;font-size:10px}.empty-state{padding:20px 0}.empty-state p{margin-block:12px;font-size:13px}.closed-note{background:var(--paper-shade);padding:12px;font-size:12px}.closed-note button{width:100%;margin-top:12px;font-size:12px}footer{color:#c6cfb5;text-align:center;letter-spacing:.05em;max-width:1440px;margin:auto;padding:8px 32px 28px;font-size:10px}footer span{color:#8e9d7a;margin-inline:10px}@media (width>=1500px){main{grid-template-columns:minmax(0,1fr) 390px}}@media (width<=1100px){.topbar{gap:20px;padding-inline:20px}.brand{gap:10px}h1{font-size:29px}.purse>span:first-child{display:none}main{grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding-inline:20px}.environment{padding-inline:20px}.mana{grid-template-columns:105px auto;gap:6px}.mana meter{width:105px}.resource-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.topbar{flex-wrap:wrap;padding:18px 16px}.brand{flex:1}.acorn{width:45px;height:45px;font-size:30px}.mana{grid-template-columns:1fr auto;width:100%}.mana meter{width:100%}.purse strong{font-size:26px}main{grid-template-columns:1fr;gap:24px;padding:16px}.environment{flex-wrap:wrap;padding-inline:16px;font-size:10px}.resource-grid,.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-label>span{font-size:10px}.ledger{width:100%}.world-caption{padding:10px;font-size:9px}.weather{display:none}.map-help{font-size:10px}.resource{gap:5px;padding:8px;font-size:10px}.resource small{font-size:9px}.bag-item{gap:5px;padding:8px 6px}.bag-item span{font-size:10px}.bag-item .item-icon{width:26px;height:26px}.section-label h2{font-size:20px}.ledger-heading h2{font-size:30px}.station-nav button{min-height:48px}#panel{padding-inline:20px}.technical{padding-block:16px}}@media (width<=380px){.resource-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand h1{font-size:26px}.purse{gap:4px}.purse strong{font-size:24px}.purse>span:last-child{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){button,input,select,.ledger,.resource,.shelf-slot{border:1px solid canvastext}.item-icon{forced-color-adjust:none}button:disabled{color:graytext}.station-nav button[aria-pressed=true]{outline:2px solid highlight}}#online-account{border-top:1px solid var(--line);margin-top:16px;padding:16px 20px;font-size:13px}#online-account h3{font-family:Georgia,serif;font-size:20px;font-weight:400}#online-account button{width:100%;margin-top:8px}#online-account code{overflow-wrap:anywhere;font-size:11px}button[hidden]{display:none}button.small:hover:not(:disabled),.technical button:hover:not(:disabled),.station-nav button:hover:not(:disabled),.merchant-picker button:hover:not(:disabled){background:var(--paper-shade);color:var(--ink)}.character-bar{color:var(--paper);background:#293e2d;border:1px solid #657254;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;display:flex}.character-bar>div{flex:1;min-width:0}.character-bar strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.character-bar p{color:#d0d7ba;margin-top:4px;font-size:11px}.character-bar button{font-size:12px}.character-sprite{width:64px;height:64px;image-rendering:pixelated;background-repeat:no-repeat;background-size:448px 256px;flex:none;display:block}#character-dialog{color:var(--ink);background:var(--paper);border:3px solid #9d855e;width:min(740px,100% - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto;box-shadow:8px 8px #14221b}#character-dialog::backdrop{background:#14221bcc}#character-dialog h2{margin-block:6px 10px;font:30px Georgia,serif}#character-description,#character-note{font-size:13px;line-height:1.5}#character-note{min-height:40px;margin-top:18px}.character-picker{grid-template-columns:192px minmax(0,1fr);align-items:center;gap:24px;margin-top:20px;display:grid}.character-large{background:#d9dfc2;border:1px solid #a2ae83;flex-direction:column;align-items:center;gap:12px;padding:14px 0;display:flex}.character-large .character-sprite{background-size:1344px 768px;width:192px;height:192px}.character-large strong{font:22px Georgia,serif}.character-picker fieldset{border:0;min-width:0;margin:0;padding:0}.character-picker legend{margin-bottom:10px;font-size:13px;font-weight:700}#character-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.character-option{background:var(--paper-raised);border:2px solid var(--line);cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;padding:4px 2px 8px;font-size:11px;display:flex;position:relative}.character-option:has(:checked){border-color:var(--accent);background:#dbe3c8}.character-option:has(:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.character-option:has(:disabled){opacity:.5;cursor:not-allowed}.character-option input{width:14px;height:14px;min-height:0;accent-color:var(--accent);margin:0;position:absolute;top:4px;left:4px}.character-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=650px){.character-picker{grid-template-columns:1fr;gap:18px}.character-large{flex-direction:row;justify-content:center;gap:20px;padding:6px}.character-large .character-sprite{background-size:896px 512px;width:128px;height:128px}#character-dialog{padding:16px}#character-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.character-option .character-sprite{background-size:336px 192px;width:48px;height:48px}.character-option{font-size:10px}.character-bar{gap:8px;padding:8px}.character-bar .character-sprite{display:none}.character-bar strong{font-size:18px}.character-bar button{padding-inline:10px}.character-actions>button{flex:1;font-size:12px}}
