:root{--pal-ink:#0f0608;--pal-void:#10111b;--pal-panel:#3a2718;--pal-shadow:#281825;--pal-rim:#b78d64;--pal-warn:#d28560;--pal-danger:#eaa473;--pal-mint:#acbfb0;--pal-cream:#f8dbbd;color:var(--pal-cream);background:var(--pal-void);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;--panel:var(--pal-panel);--gold:var(--pal-cream);--mint:var(--pal-mint);--ink:var(--pal-ink);--rim:var(--pal-rim);--font-pixel:VT323, "Courier New", monospace;--font-prose:Nunito, ui-sans-serif, system-ui, sans-serif;--frame-panel:url(/assets/ui/frame-wood.png);--frame-slot:url(/assets/ui/frame-slot.png);font-family:Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;overflow:hidden}canvas,button{font:inherit}.stage{background:var(--pal-void);width:100vw;height:100dvh;position:relative;overflow:hidden}.game-frame{position:absolute;inset:0}.game-frame:focus-visible{outline:none}.game-frame canvas{image-rendering:pixelated;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overlay,.inventory-overlay{z-index:5;background:color-mix(in srgb, var(--pal-ink) 74%, transparent);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel,.inventory-panel,.shop-panel{border:12px solid #0000;border-image:var(--frame-panel) 12 fill repeat;width:min(100%,560px);max-height:100%;image-rendering:pixelated;color:var(--pal-cream);padding:18px;overflow-y:auto}.panel:focus-visible,.inventory-panel:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.inventory-panel,.menu-panel{width:min(100%,520px)}.eat-prompt{text-align:center;width:min(320px,100vw - 32px)}.eat-prompt p{margin:0 0 14px}.eat-prompt-actions{justify-content:center;gap:12px;display:flex}h1,h2,h3{color:var(--pal-cream);font-family:var(--font-pixel);letter-spacing:.02em;margin:0 0 10px;font-weight:400}h2{font-size:1.7rem;line-height:1.1}h3{color:var(--gold);font-size:1.3rem}p{margin-top:0}.panel-header,.inventory-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header h2,.inventory-header h2{flex:1;margin:0}.menu-section{border-bottom:2px solid color-mix(in srgb, var(--pal-warn) 24%, transparent);margin-bottom:18px;padding-bottom:16px}.menu-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.note,.hud-note,.controls-hint{color:color-mix(in srgb, var(--pal-cream) 62%, transparent);font-family:var(--font-prose);margin:10px 0 0;font-size:.8rem;line-height:1.55}.ghost-button{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;color:var(--pal-cream);font-family:var(--font-pixel);cursor:pointer;image-rendering:pixelated;background:0 0;padding:7px 12px;font-size:1.05rem;line-height:1.1}.ghost-button:hover{color:var(--gold)}.ghost-button:disabled{opacity:.36;cursor:not-allowed}.ghost-button[aria-pressed=true],.ghost-button.is-active{color:var(--gold)}.danger-button{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;width:100%;color:var(--pal-danger);font-family:var(--font-pixel);cursor:pointer;image-rendering:pixelated;background:0 0;margin-top:10px;padding:9px 14px;font-size:1.05rem}.danger-button:hover{color:var(--pal-cream)}.ghost-button:focus-visible,.danger-button:focus-visible,.inventory-slot:focus-visible,.mixer-row input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.invite{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.invite-label,.inventory-free,.mixer-label{color:color-mix(in srgb, var(--pal-cream) 62%, transparent);font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.invite-label{flex-basis:100%}.invite-code{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;color:var(--gold);font-family:var(--font-pixel);letter-spacing:.16em;image-rendering:pixelated;padding:5px 10px;font-size:1.15rem}.group-members{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.group-member{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.presence{background:color-mix(in srgb, var(--pal-cream) 30%, transparent);flex:none;width:8px;height:8px}.presence-on{background:var(--pal-mint)}.group-member-name{font-family:var(--font-prose);font-size:.9rem}.group-member-actions{gap:6px;margin-left:auto;display:flex}.group-member-actions .ghost-button,.group-member-actions .danger-button{width:auto;margin-top:0;padding:4px 8px;font-size:.95rem}.group-requests h4{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--pal-cream) 62%, transparent);margin:14px 0 0;font-size:1.05rem;font-weight:400}.group-ask{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.group-ask .invite-label{flex-basis:100%}.group-ask input{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;width:9ch;color:var(--pal-cream);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;image-rendering:pixelated;background:0 0;padding:5px 10px;font-size:1.15rem}.group-ask input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.notice{color:var(--pal-cream);font-family:var(--font-prose);margin:10px 0 0;font-size:.8rem;line-height:1.55}.mixer{flex-direction:column;gap:8px;display:flex}.mixer-row{grid-template-columns:5.5rem 1fr 3rem;align-items:center;gap:10px;display:grid}.mixer-row input[type=range]{width:100%;min-width:0;accent-color:var(--gold);cursor:pointer}.mixer-row input[type=range]:disabled{cursor:not-allowed;opacity:.4}.mixer-value{color:var(--pal-cream);font-family:var(--font-pixel);font-variant-numeric:tabular-nums;text-align:right;font-size:1rem}.mixer-mute{margin-top:12px}.item-icon{image-rendering:pixelated;display:block}.inventory-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.inventory-slot{aspect-ratio:1;border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;cursor:pointer;image-rendering:pixelated;place-items:center;display:grid;position:relative}.inventory-slot.is-hotbar{filter:brightness(1.25)}.inventory-slot:hover{filter:brightness(1.35)}.inventory-slot.is-selected{outline:2px solid var(--gold);outline-offset:-2px}.inventory-slot.is-dragging{opacity:.42}.inventory-slot.is-target{outline:2px solid var(--mint);outline-offset:-2px}.slot-index{color:color-mix(in srgb, var(--pal-cream) 50%, transparent);font-family:var(--font-pixel);font-size:.95rem;position:absolute;top:1px;left:4px}.slot-count{color:var(--pal-cream);font-family:var(--font-pixel);text-shadow:0 1px 2px #000000b3;font-size:1.05rem;position:absolute;bottom:0;right:4px}.slot-count.is-empty{color:var(--pal-warn)}.bus-panel{flex-direction:column;gap:12px;width:min(100%,800px);max-width:800px;display:flex}.bus-header{align-items:flex-start}.bus-title{align-items:center;gap:12px;display:flex}.bus-title h2{margin:0}.bus-title .hud-note{margin:2px 0 0}.bus-title-icon{font-size:28px}.bus-close{min-width:44px}.bus-columns{grid-template-columns:11fr 10fr;align-items:stretch;gap:14px;display:grid}.bus-map-card,.bus-side{color:#48331f;background:#f8dbbd;border:2px solid #c9ced4;border-radius:8px;padding:10px 12px}.bus-map-card{flex-direction:column;display:flex}.bus-map-card h3,.bus-side h3{color:#48331f;margin:0 0 8px;font-size:15px}.bus-map{border-radius:6px;flex:1;width:100%;min-height:0;display:block}.bus-map-edge{stroke:#f8dbbd;stroke-width:2.5px;stroke-dasharray:5 6;stroke-linecap:round;opacity:.9}.bus-map-edge.is-locked{opacity:.35}.bus-map-node .bus-map-icon{font-size:12px}.bus-map-pill{fill:#f8dbbd;stroke:#c9ced4}.bus-map-node .bus-map-label{fill:#48331f;font-size:11px;font-weight:700}.bus-map-node.is-locked{opacity:.45}.bus-map-node.is-here circle{stroke:var(--gold);stroke-width:3.5px}.bus-map-node.is-selected circle{stroke:var(--gold);stroke-width:4px}.bus-map-node.is-selected .bus-map-pill{fill:var(--gold)}.bus-map-node.is-selected .bus-map-label{fill:#f8dbbd}.bus-side{flex-direction:column;display:flex}.bus-destinations{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid;overflow-y:auto}.bus-destination{color:#48331f;width:100%;min-height:56px;font:inherit;text-align:left;cursor:pointer;background:#f8dbbd;border:2px solid #c9ced4;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}button.bus-destination:hover,button.bus-destination:focus-visible{border-color:var(--gold)}.bus-destination.is-selected{border-color:var(--gold);background:#f8dbbd}.bus-destination.is-locked{opacity:.55;cursor:default;background:#f8dbbd}.bus-destination:disabled{cursor:default}.bus-destination-icon{border:1px solid #48331f2e;border-radius:6px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.bus-destination-text{gap:1px;min-width:0;display:grid}.bus-destination-text strong{color:#48331f}.bus-destination-text small{color:#8f6540}.bus-destination-chevron{color:#b78d64;margin-left:auto;font-size:22px}.bus-soon{color:#9d7049;border:1px solid #b78d64;border-radius:999px;flex:none;margin-left:auto;padding:2px 10px;font-size:12px}.bus-preview{background:#f8dbbd;border:2px solid #c9ced4;border-radius:8px;gap:8px;padding:10px;display:grid}.bus-preview-text{color:#48331f;gap:4px;margin:0;display:grid}.bus-preview-text span{color:#8f6540}.bus-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.bus-panel .ghost-button{min-height:44px}.bus-go{color:#f8dbbd;background:#5ea64e;border-color:#3b8115}.bus-go:hover:not(:disabled){background:#5ea64e}.bus-hints{opacity:.7;align-items:center;gap:6px;font-size:13px;display:flex}.bus-hints kbd{border:1px solid;padding:1px 6px;font-family:inherit}.bus-hints-sep{width:14px}@media (max-width:680px){.bus-columns{grid-template-columns:1fr}}.shop-list{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.shop-row{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;image-rendering:pixelated;grid-template-columns:32px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.shop-row.is-late{outline:2px solid color-mix(in srgb, var(--pal-danger) 50%, transparent);outline-offset:-2px}.shop-row.is-plain{grid-template-columns:1fr auto auto}.shop-row-text{gap:2px;min-width:0;display:grid}.shop-row-text strong{color:var(--pal-cream);font-family:var(--font-pixel);font-size:1.15rem;font-weight:400}.shop-row-text small{color:color-mix(in srgb, var(--pal-cream) 60%, transparent);font-family:var(--font-prose);font-size:.72rem;line-height:1.4}.shop-warning{color:var(--pal-danger)!important}.shop-price{color:var(--pal-cream);font-family:var(--font-pixel);font-variant-numeric:tabular-nums;font-size:1.2rem}.shop-price-note{opacity:.8;font-size:.75em;display:block}.shop-buttons{gap:6px;display:flex}.shop-buttons .ghost-button{padding:5px 9px;font-size:.95rem}.shop-sell-heading{color:var(--pal-cream);font-family:var(--font-pixel);margin:0 0 8px;font-size:1.05rem;font-weight:400}.workshop-tabs{gap:8px;margin:0 0 14px;display:flex}.ranch-form{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;display:grid}.ranch-field{gap:4px;min-width:0;display:grid}.ranch-field span{color:color-mix(in srgb, var(--pal-cream) 60%, transparent);font-family:var(--font-prose);font-size:.72rem}.ranch-field input,.ranch-field select{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;min-width:0;color:var(--pal-cream);font-family:var(--font-pixel);image-rendering:pixelated;background:0 0;padding:7px 9px;font-size:1.05rem}.ranch-field input::placeholder{color:color-mix(in srgb, var(--pal-cream) 35%, transparent)}.ranch-field input:focus-visible,.ranch-field select:focus-visible{outline:2px solid var(--pal-cream);outline-offset:-2px}.ranch-field select option{background:var(--pal-panel);color:var(--pal-cream)}.shop-empty{border:2px dashed color-mix(in srgb, var(--pal-warn) 40%, transparent);color:color-mix(in srgb, var(--pal-cream) 60%, transparent);text-align:center;font-family:var(--font-prose);margin:0 0 14px;padding:20px 16px;font-size:.84rem}@media (max-width:540px){.inventory-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-row{grid-template-columns:32px 1fr auto}.shop-buttons{grid-column:2/-1}.ranch-form{grid-template-columns:1fr}.mixer-row{grid-template-columns:4.5rem 1fr 2.6rem}}.shop-row.is-dim{opacity:.62}.recipe-needs{flex-wrap:wrap;gap:4px 12px;margin-top:2px;display:flex}.recipe-need{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.recipe-need.is-short{color:var(--pal-warn)}.chest-panel{width:min(100%,860px)}.chest-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:14px;display:grid}.chest-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.inventory-slots.is-chest{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.auth-form{gap:10px;display:grid}.auth-form>.ghost-button{width:100%}.auth-error{color:var(--pal-danger)}.auth-logout{margin:0 0 12px}.auth-codes ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 12px;padding:0;list-style:none;display:grid}.auth-codes code{border:4px solid #0000;border-image:var(--frame-slot) 4 fill repeat;color:var(--pal-cream);font-family:var(--font-pixel);letter-spacing:.12em;text-align:center;image-rendering:pixelated;padding:5px 9px;font-size:1.05rem;display:block}.auth-code-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.auth-saved{color:color-mix(in srgb, var(--pal-cream) 62%, transparent);font-family:var(--font-prose);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.auth-saved input[type=checkbox]{accent-color:var(--gold)}.skill-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-row{gap:4px;display:grid}.skill-row-head{font-family:var(--font-pixel);justify-content:space-between;align-items:baseline;gap:10px;font-size:1.05rem;display:flex}.skill-row-head span{color:var(--pal-warn)}.skill-meter{background:var(--pal-shadow);height:8px;image-rendering:pixelated}.skill-meter span{background:var(--pal-mint);height:100%;display:block}.skill-row small,.skill-professions{color:color-mix(in srgb, var(--pal-cream) 62%, transparent);font-family:var(--font-prose);font-size:.8rem}.skill-professions{color:var(--pal-warn)}.profession-panel{width:min(100%,440px)}.profession-ask{color:var(--pal-cream);font-family:var(--font-prose);margin:0 0 12px;font-size:.95rem;line-height:1.5}.profession-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.profession-choice{text-align:left;gap:4px;width:100%;min-height:44px;display:grid}.profession-choice small{color:color-mix(in srgb, var(--pal-cream) 62%, transparent);font-family:var(--font-prose);font-size:.8rem;line-height:1.45}.profession-choice:hover small{color:inherit}.world-map-panel{width:min(860px,100vw - 32px)}.world-map-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.world-map-drawing{width:100%;height:auto}.world-map-road{stroke:#b78d64;stroke-width:6px;stroke-linecap:round}.world-map-bus-stop{font-size:13px}.world-map-legend{opacity:.85;margin:6px 0 0;font-size:.85em}.world-map-node{fill:#f8dbbd;stroke:#7d5633;stroke-width:2px}.world-map-node.is-here{fill:#c8c05a;stroke:#b45045;stroke-width:3px}.world-map-label{fill:currentColor;font-size:11px}.world-map-list{gap:10px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.world-map-place h3{align-items:center;gap:8px;margin:0 0 4px;display:flex}.world-map-place ul{margin:0;padding-left:18px}.world-map-here{color:#fff;background:#b45045;border-radius:4px;padding:0 6px;font-size:.8em}.world-map-pin{border-left:4px solid;margin:4px 0 0;padding-left:6px}@media (max-width:640px){.world-map-body{grid-template-columns:1fr}}