:root{color:#f3ead7;background:#102028;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(13px,.42vw + .62vh,26px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;background:#102028}#view{flex:1 1 auto;width:auto;min-width:0;height:100%;display:block;cursor:pointer}#hint{position:fixed;z-index:2;max-width:14rem;padding:.45rem .6rem;pointer-events:none;color:#f3ead7;background:linear-gradient(165deg,#2a3c46,#1b2a32 55%);border:1px solid #d7b56d;border-bottom-width:3px;border-bottom-color:#6e5428;box-shadow:inset 0 1px #f3ead759,0 10px 24px #00000073;font-size:.8125rem;line-height:1.35}#hint strong{display:block;color:#d7b56d;font-weight:400}#panel{display:flex;flex-direction:column;flex:0 0 min(18.75rem,42vw);width:min(18.75rem,42vw);height:100%;overflow:hidden;padding:0;background:linear-gradient(165deg,rgba(243,234,215,.07),transparent 38%),linear-gradient(180deg,#24363f,#1b2a32 42%,#121c22);box-shadow:inset 1px 0 #e8d7ae,inset 0 1px #f3ead729,-18px 0 36px #00000080;scrollbar-color:#3d4f59 transparent}#minimap{flex:0 0 6.5rem;width:100%;height:6.5rem;display:block;background:#0c181e;cursor:pointer;box-shadow:inset 0 0 0 3px #1a140e,inset 0 0 0 5px #8a6a3c,inset 0 8px 16px #00000059}.mast{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem .4rem;background:linear-gradient(180deg,rgba(215,181,109,.16),transparent);box-shadow:inset 0 -1px #d7b56d73}.mark{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem;color:#d7b56d}h1{margin:0;font-size:1.125rem;font-weight:400}.lede,#status,#speech{margin:0 0 8px;font-size:.8125rem;line-height:1.35;color:#d5cbb8}#gate,#roster{flex:1;min-height:0;overflow:auto;padding:.5rem .75rem .75rem}label{display:block;font-size:.8125rem;margin-bottom:.4rem}input,button{font:inherit}input{display:block;width:100%;margin-top:.25rem;padding:.4rem .5rem;color:#f3ead7;background:#0c181e;border:1px solid #2a3c46;box-shadow:inset 0 2px 5px #0000008c}input:focus,button:focus-visible{outline:1px solid #d7b56d;outline-offset:2px}button{width:100%;margin-bottom:.4rem;padding:.45rem .5rem;color:#1b2a32;background:linear-gradient(180deg,#f0ddb0,#d7b56d 48%,#b8924a);border:1px solid #f3ead7;border-bottom:3px solid #6e5428;box-shadow:inset 0 1px #fff8e6b3;cursor:pointer}button:hover{filter:brightness(1.06)}button:active{border-bottom-width:1px;transform:translateY(2px);box-shadow:inset 0 2px 4px #50320a59}button.quiet{color:#f3ead7;background:linear-gradient(180deg,#24343c,#17242b);border:1px solid #3d4f59;border-bottom:3px solid #0c1418;box-shadow:inset 0 1px #f3ead71f}button:disabled{cursor:default;filter:none;opacity:.55}#play{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:.4rem .65rem .5rem}.who{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}#who-name{margin:0;font-size:1rem;line-height:1.2}.where,#status{margin:0;color:#9eab9a;font-size:.75rem}.health-track{height:.5rem;margin-bottom:6px;background:#0c181e;border:1px solid #2a3c46;box-shadow:inset 0 2px 4px #000000a6}#health-fill{display:block;width:100%;height:100%;background:linear-gradient(180deg,#f6e7c4,#d7b56d 42%,#a07a38);box-shadow:inset 0 1px #fff8e6a6}#health-fill[data-low="1"]{background:#c45a48}#speech{margin:0 0 6px;padding:4px 8px;background:linear-gradient(180deg,#24343c,#152026);border:1px solid #3d4f59;border-left:3px solid #d7b56d;box-shadow:inset 0 1px #f3ead71f,0 2px #0c1418;color:#f3ead7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px;flex:0 0 auto}button.tab{margin:0;padding:4px 2px;font-size:.75rem;color:#d5cbb8;background:linear-gradient(180deg,#1c2c34,#10181e);border:1px solid #2c3e48;border-bottom:3px solid #0c1418;box-shadow:inset 0 1px #f3ead714}button.tab.on{color:#1b2a32;background:linear-gradient(180deg,#f0ddb0,#d7b56d 55%,#b8924a);border-color:#f3ead7;border-bottom-color:#6e5428;box-shadow:inset 0 1px #fff8e6bf}.sheets{flex:1;min-height:0;display:grid;grid-template-rows:1fr;margin-top:2px;padding:6px;background:#10181e;border:1px solid #2a3c46;box-shadow:inset 0 3px 8px #00000073}.sheet{min-height:0;height:100%;overflow:hidden}#sheet-skills,#sheet-bag,#sheet-character,#sheet-tasks,#sheet-people,#sheet-company,#sheet-account{display:flex;flex-direction:column}#sheet-character,#sheet-tasks,#sheet-people,#sheet-company,#sheet-account{overflow:auto}#task,#job{margin:0 0 8px;font-size:.8125rem;line-height:1.4;color:#d5cbb8}#task:empty,#job:empty{display:none}#chatbox{position:fixed;z-index:4;left:.6rem;bottom:.6rem;width:min(44rem,92vw);height:min(14.4rem,34vh);display:flex;flex-direction:column;padding:.4rem;color:#f3ead7;background:#121c2280;border:1px solid #6e5428;border-bottom-width:3px;box-shadow:inset 0 1px #f3ead729,0 12px 28px #00000059;transition:background .45s ease,border-color .45s ease}#chatbox.collapsed{height:auto}#chatbox.collapsed .chat-log,#chatbox.collapsed #whisper-to,#chatbox.collapsed #chat-form{display:none}.chat-head{display:flex;align-items:stretch;gap:.2rem;margin-bottom:.3rem}#chatbox.collapsed .chat-head{margin-bottom:0}#chatbox.awake{background:#121c22db;border-color:#d7b56d}.chat-tabs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}#chat-collapse{width:auto;margin:0;padding:.2rem .5rem}button.chat-tab{margin:0;padding:.2rem .1rem;font-size:.7rem;color:#d5cbb8;background:#10181e73;border:1px solid #2c3e48;border-bottom:2px solid #0c1418}button.chat-tab.on{color:#1b2a32;background:linear-gradient(180deg,#f0ddb0,#d7b56d 55%,#b8924a);border-color:#f3ead7}button.chat-tab.fresh{box-shadow:inset 0 0 0 1px #d7b56d}.whisper-to{margin:0 0 .25rem;color:#d7b56d;font-size:.75rem}.chat-log{flex:1;min-height:0;display:grid;align-content:start;gap:.15rem;margin:0;overflow:auto}.chat-log p{margin:0;font-size:.8125rem;line-height:1.3;color:#d5cbb8}#chat-form{flex:0 0 auto;margin:.35rem 0 0}#chat-form input{margin:0}#talk-back,#recipe-back{position:fixed;z-index:7;left:0;top:0;bottom:0;right:min(18.75rem,42vw);display:flex;align-items:center;justify-content:center;background:#080c0e66}#talk,#recipes{width:min(28rem,92%);padding:.85rem .95rem .7rem;color:#f3ead7;background:#121c22f5;border:1px solid #d7b56d;border-bottom-width:3px;border-bottom-color:#6e5428;box-shadow:0 16px 36px #00000080}#recipes{max-height:min(32rem,78%);overflow:auto}#recipe-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.35rem}.recipe-need{display:block;margin-top:.1rem;color:#d5cbb8;font-size:.75rem;line-height:1.3}#recipes .recipe button{width:auto;margin:0;padding:.3rem .65rem}#recipe-close{margin:.35rem 0 0}#talk-who,#recipe-who{margin:0 0 .45rem;color:#d7b56d;font-size:1.05rem}#talk-text{margin:0 0 .7rem;font-size:.9rem;line-height:1.4}.talk-label{display:block;margin-bottom:.1rem;color:#d7b56d;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}#talk-need,#talk-reward{margin:0 0 .45rem;font-size:.875rem;line-height:1.35}#talk-close{margin:.4rem 0 0}#actor-menu,#deal{position:fixed;z-index:6;width:min(16rem,40vw);padding:.55rem;color:#f3ead7;background:#121c22f5;border:1px solid #d7b56d;border-bottom-width:3px;border-bottom-color:#6e5428;box-shadow:0 12px 28px #00000073}#actor-menu p,#deal h2,#deal-partner,#deal-status{margin:0 0 .35rem;font-size:.9rem;font-weight:400;color:#d7b56d}.deal-cols{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.4rem}#deal{left:50%;top:18%;width:min(28rem,70vw);transform:translate(-50%)}#deal-self,#deal-other,#deal-bag,#friends,#blocked{display:grid;gap:.25rem}.person,.offer{display:flex;align-items:center;justify-content:space-between;gap:.3rem;font-size:.75rem}.person button,.offer button,.company-actions button{width:auto;margin:0;padding:.15rem .4rem}.company-line{margin:0 0 .35rem;font-size:.8125rem;color:#d5cbb8}.company-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem}#status{flex:0 0 auto;margin-top:4px}.auth-error{margin:0;padding:0 12px;color:#e0a090;font-size:.875rem;line-height:1.4}#characters{display:grid;gap:6px;margin-bottom:8px}#characters:empty{display:none}#gate-status{margin:0;font-size:.8125rem;color:#9eab9a}.ledger-label{margin:0 0 4px;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#d7b56d}#skills{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;align-content:start;margin:0;overflow:auto}#skills .ledger-label{grid-column:1 / -1;margin:2px 0 0}#skills .skill{display:grid;gap:1px;margin:0;font-size:.75rem}.skill-top{display:flex;justify-content:space-between;gap:4px}.lvl{color:#d7b56d}.bar{height:.35rem;background:#0c181e;border:1px solid #2a3c46;box-shadow:inset 0 1px 3px #0009}.bar span{display:block;height:100%;background:linear-gradient(180deg,#f0ddb0,#d7b56d 40%,#a07a38)}.wallet{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:4px 8px;background:linear-gradient(180deg,#1a2830,#0e181c);border:1px solid #3d4f59;box-shadow:inset 0 1px #f3ead724,inset 0 -3px 6px #0006}.wallet canvas{width:1.75rem;height:1.75rem}.wallet p{flex:1;margin:0;font-size:.875rem}.wallet strong{color:#e7c56a;font-weight:400}.wallet button{width:auto;margin:0;padding:4px 8px}#ledger{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;margin:0}.recipe{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.8125rem}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;align-content:start}button.slot{position:relative;width:100%;margin:0;padding:3px 2px;color:#d5cbb8;background:linear-gradient(180deg,#18262e,#0c161b);border:1px solid #2a3c46;border-bottom:3px solid #0c1418;box-shadow:inset 0 2px 5px #00000073;display:grid;justify-items:center;gap:1px}button.slot.on{border-color:#d7b56d}button.slot canvas{width:2rem;height:2rem}.slot-name{font-size:.625rem;line-height:1.15;text-align:center}.qty{position:absolute;top:1px;right:3px;color:#f3ead7;font-size:.6875rem}#slot-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:2rem;margin-top:4px}#slot-bar p,.empty{margin:0;color:#9eab9a;font-size:.75rem}.row-actions{display:flex;gap:4px}.row-actions button,#ledger button{width:auto;margin:0;padding:3px 8px}.paper{display:flex;flex-direction:column;gap:6px}.doll{position:relative;width:100%;aspect-ratio:1 / 1.05}#portrait{width:100%;height:100%;display:block}button.equip{position:absolute;z-index:1;width:2.15rem;height:1.85rem;margin:0;padding:1px;transform:translate(-50%,-50%);color:#d5cbb8;background:#0c161bc7;border:1px solid #2a3c46;border-bottom:2px solid #0c1418;box-shadow:inset 0 2px 6px #00000080;display:grid;justify-items:center;align-content:center;font-size:.5rem;line-height:1.05;text-align:center;white-space:pre-line}button.equip:active{transform:translate(-50%,calc(-50% + 1px))}.at-head{left:50%;top:15%}.at-neck{left:50%;top:31%}.at-back{left:36%;top:34%}.at-chest{left:50%;top:46%}.at-hands{left:66%;top:48%}.at-off{left:33%;top:52%}.at-main{left:68%;top:66%}.at-legs{left:50%;top:78%}.at-feet{left:50%;top:95%}button.equip:disabled{opacity:1;cursor:default}button.equip.on{color:#f3ead7;border-color:#d7b56d}button.equip.ready canvas{opacity:.55}button.equip canvas{width:1.35rem;height:1.35rem}#stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:2px}.stat{display:flex;justify-content:space-between;gap:6px;font-size:.8125rem}.stat b{color:#d7b56d;font-weight:400}html:not(.mobile) #panel-toggle{display:none}html.mobile{font-size:clamp(16px,3.5vw,20px)}html.mobile body,html.mobile #view{touch-action:manipulation}html.mobile #view{position:fixed;inset:0;width:100%;height:100%}html.mobile #hint{display:none!important}html.mobile #panel{position:fixed;z-index:5;inset:0;width:auto;height:auto;flex:none;padding-bottom:env(safe-area-inset-bottom)}html.mobile.in-play #panel{top:auto;max-height:min(68dvh,34rem);box-shadow:0 -12px 28px #00000073,inset 0 1px #e8d7ae}html.mobile.in-play #panel.shut{height:auto;max-height:none}html.mobile.in-play #panel.shut #minimap,html.mobile.in-play #panel.shut .mast,html.mobile.in-play #panel.shut #speech,html.mobile.in-play #panel.shut .tabs,html.mobile.in-play #panel.shut .sheets{display:none}html.mobile.in-play #panel.shut #play{padding-top:.35rem;padding-bottom:.35rem}html.mobile #minimap{flex-basis:4.5rem;height:4.5rem}html.mobile .who{align-items:center}html.mobile #panel-toggle{width:auto;margin:0 0 0 auto;padding:.2rem .7rem;min-height:2.4rem}html.mobile input,html.mobile button{min-height:2.75rem}html.mobile button.tab,html.mobile button.chat-tab,html.mobile #chat-collapse,html.mobile #panel-toggle,html.mobile #recipes .recipe button{min-height:2.4rem}html.mobile button.tab,html.mobile button.chat-tab{font-size:.85rem}html.mobile button.equip{min-height:0}html.mobile .sheet{overflow:auto}html.mobile.in-play #chatbox{left:.4rem;bottom:calc(6rem + env(safe-area-inset-bottom));width:min(24rem,calc(100vw - .8rem));height:min(9.5rem,24dvh)}html.mobile.in-play #chatbox.collapsed{height:auto}html.mobile.in-play #panel:not(.shut)~#chatbox{visibility:hidden;pointer-events:none}html.mobile #talk-back,html.mobile #recipe-back{right:0;z-index:8;align-items:flex-end;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}html.mobile #talk,html.mobile #recipes,html.mobile #deal{width:min(32rem,calc(100vw - 1rem))}html.mobile #deal{top:8%;z-index:8}html.mobile #actor-menu{z-index:8;width:min(18rem,calc(100vw - 1rem))}