body.door-page{height:auto}.door{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"sign sign" "patron ways" "tonight ways";align-items:start;gap:16px 20px;max-width:1180px;margin:0 auto;padding-block:16px 32px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.door .sign{grid-area:sign}.door .sign a{color:var(--honey-2)}.patron{grid-area:patron}.ways{grid-area:ways}.tonight{grid-area:tonight}.px-panel{background:var(--parchment);color:var(--ink);padding:16px 18px 18px;box-shadow:0 -3px 0 0 var(--walnut),0 3px 0 0 var(--walnut),-3px 0 0 0 var(--walnut),3px 0 0 0 var(--walnut),0 0 30px #0000004d;display:flex;flex-direction:column;gap:6px;min-width:0}.px-panel h2{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--walnut);text-wrap:balance}.px-panel h3{margin:12px 0 2px;font-size:16px;color:var(--walnut)}.px-panel p{margin:0 0 6px;max-width:60ch}.px-panel label{font-weight:600;font-size:14px;margin-top:6px}.px-panel input:not([type=color]),.px-panel select,.px-panel textarea{font:inherit;font-size:15px;color:var(--ink);background:#fbf2dc;border:2px solid var(--ink);padding:6px 8px;width:100%}.px-panel textarea{resize:vertical}.px-panel input:focus-visible,.px-panel select:focus-visible,.px-panel textarea:focus-visible{outline:2px solid var(--honey);outline-offset:1px}.opt{font-weight:400;color:var(--ink-soft)}.fine{font-size:13px;color:var(--ink-soft)}.hint{font-size:13px;color:var(--ink-soft);text-align:center;margin:0}.preview{display:grid;justify-items:center;background:#a06e45;padding:10px 0 6px;margin-bottom:4px;box-shadow:inset 0 0 0 2px var(--walnut)}.preview .hint{color:#f3e2bf}#sprite{image-rendering:pixelated;width:128px;height:192px;max-width:100%}fieldset{border:2px solid var(--parchment-2);padding:8px 10px 10px;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}legend{font-weight:600;font-size:14px;padding:0 4px}.bases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bases button{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--parchment-2);border:2px solid transparent;padding:4px 2px;font-size:13px;color:var(--ink)}.bases button img{width:40px;height:40px;image-rendering:pixelated}.bases button[aria-checked=true]{border-color:var(--ink);background:var(--honey)}.row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.row label{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.row select{width:auto}.colors input[type=color]{width:36px;height:28px;padding:0;border:2px solid var(--ink);background:none}.seg{display:flex;gap:2px;background:var(--ink);padding:2px;margin-bottom:8px}.seg button{flex:1;border:0;padding:6px 8px;background:var(--parchment-2);color:var(--ink-soft);font-size:14px}.seg button[aria-selected=true]{background:var(--honey);color:var(--ink);font-weight:600}.go{margin-top:12px;align-self:flex-start;border:0;padding:8px 20px;font-size:17px;font-weight:700;background:var(--honey);color:var(--ink);box-shadow:0 -2px 0 0 var(--ink),0 2px 0 0 var(--ink),-2px 0 0 0 var(--ink),2px 0 0 0 var(--ink),0 4px #241812}.go:hover:not(:disabled){background:var(--honey-2)}.go:disabled{opacity:.6;cursor:wait}#msg{margin:4px 0 0;font-weight:600}#msg.ok{color:var(--teal)}#msg.err{color:#a8322a}#msg a{color:var(--walnut)}.copy{display:flex;gap:6px;align-items:stretch;min-width:0}.copy code,.copy pre{flex:1;min-width:0;margin:0;padding:6px 8px;overflow-x:auto;background:#2a2036;color:#f3e2bf;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:pre}.copy button{border:0;background:var(--walnut-2);color:var(--parchment);padding:0 10px;font-size:13px}#hired{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#hired li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding-bottom:8px;border-bottom:2px solid var(--parchment-2)}#hired li.empty{color:var(--ink-soft);border:0}#hired span{font-size:13px;color:var(--ink-soft)}#hired .err{color:#a8322a;flex-basis:100%}#hired button{margin-left:auto;border:0;background:var(--walnut-2);color:var(--parchment);padding:2px 10px;font-size:13px}@media (max-width: 860px){.door{grid-template-columns:minmax(0,1fr);grid-template-areas:"sign" "patron" "ways" "tonight";padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}