*{box-sizing:border-box}html{background:#0b1215}body{margin:0;color:#e6e9de;background:radial-gradient(ellipse at 46% -12%,#28434255,transparent 58%),#0b1215;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}button{font:inherit}button:focus-visible{outline:2px solid #dfb879;outline-offset:3px}.shell{max-width:1710px;margin:auto;padding:0 30px;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3d514c77;gap:14px}.identity{display:flex;align-items:center;gap:16px}.seal{height:49px;width:49px;border:1px solid #ab976a;border-radius:50%;display:grid;place-items:center;color:#f0d8a3;font:700 29px Georgia,serif;position:relative}.seal span{font:11px Georgia,serif;position:absolute;bottom:3px;right:4px;color:#ae9360}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:.13em;font-weight:700;color:#f5e8cb}.identity p{margin:2px 0 0;font-size:9px;letter-spacing:.23em;color:#95afa6}.mid-dot{color:#a58d61}.header-right{display:flex;align-items:center;gap:27px}.build-tag{border:1px solid #53665f;color:#afc0b4;padding:9px 11px;font-size:10px;letter-spacing:.15em}.connection{font-size:12px;color:#a4b5ae;display:flex;align-items:center;gap:10px;white-space:nowrap}.signal{width:7px;height:7px;background:#9a6557;border-radius:50%}.signal.online{background:#8bcb9b;box-shadow:0 0 12px #80c99c77}.layout{display:grid;grid-template-columns:minmax(215px,.84fr) minmax(0,3.3fr) minmax(210px,.83fr);gap:29px;padding:31px 0 22px;flex:1}.side{min-width:0;padding-top:8px}.eyebrow,.kicker{font-size:10px;letter-spacing:.19em;font-weight:700;color:#c6b084}.eyebrow{display:flex;align-items:center;gap:10px}.rule{height:1px;background:#7c815c77;flex:1;max-width:27px}.intro h1{font:400 clamp(27px,2.7vw,44px)/1.12 Georgia,serif;letter-spacing:-.02em;margin:20px 0 18px;color:#f0e9d8}.intro h1 em{color:#d7ae6f;font-weight:400}.intro>p{font-size:13px;line-height:1.8;color:#a5b7ad;margin:0}.divider{height:1px;background:#32443f;margin:28px 0}.kicker{color:#b4c3ad}.objective{display:flex;gap:12px;margin-top:18px}.objective-symbol{font-size:25px;color:#e2bc7f;line-height:1}.objective strong{font:17px Georgia,serif;display:block;color:#f6ebd2}.objective div span{font-size:12px;line-height:1.65;display:block;color:#9caea4;margin-top:8px}.controls{margin-top:38px}.controls p:not(.kicker){font-size:11px;color:#a4b6aa;margin:14px 0}.controls kbd{font-size:10px;color:#e3d1a9;border:1px solid #496057;border-radius:3px;padding:4px 6px;margin-right:2px}.intro .development-note{font-size:11px;line-height:1.7;margin-top:47px;color:#80958c}.play{min-width:0}.world-header{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:18px}.world-header h2{font:400 clamp(22px,2.4vw,33px) Georgia,serif;margin:5px 0 0;color:#ece6d2}.count{font-size:11px;color:#b6c5b7;white-space:nowrap}.viewport{width:100%;position:relative;border:1px solid #637368;overflow:hidden;box-shadow:0 20px 65px #0008,0 0 0 5px #34463e3d;background:#23362f;touch-action:none}.viewport:after{content:"";inset:0;position:absolute;pointer-events:none;box-shadow:inset 0 0 80px #051014a3}canvas{display:block;width:100%;height:auto;aspect-ratio:28/18;image-rendering:pixelated}.join-overlay{position:absolute;inset:0;background:#081410c9;display:grid;place-items:center;z-index:3;padding:14px}.join-overlay[hidden]{display:none}.join-panel{text-align:center;max-width:355px;background:#172421ed;border:1px solid #7c775d;padding:27px 30px 23px;box-shadow:0 22px 80px #0008}.join-panel .eyebrow{justify-content:center}.join-panel h2{font:35px Georgia,serif;color:#efe5ca;margin:14px 0}.join-panel p{font-size:13px;line-height:1.65;color:#b5c7ba}.primary{width:100%;color:#161f1a;background:#d7b782;border:none;padding:13px 16px;display:flex;justify-content:space-between;font-weight:700;margin-top:20px;cursor:pointer}.primary:hover{background:#f0c892}.join-panel .fine{font-size:10px;color:#9fb1a5;margin:15px 0 0}.toast{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);background:#141e1bea;color:#f4e6cd;border:1px solid #b7a478;padding:11px 17px;text-align:center;font-size:12px;max-width:90%;pointer-events:none}.toast[hidden]{display:none}.action-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.action-strip span{font-size:10px;color:#92a99f;letter-spacing:.11em}.action-strip button{background:#384c3f;color:#e4ddc4;padding:11px 13px;border:1px solid #6e876b;font-size:11px;cursor:pointer}.action-strip button:disabled{opacity:.54;cursor:not-allowed}.action-strip button:not(:disabled):hover{background:#5b7152}.company h2{font:26px Georgia,serif;margin:19px 0 9px;color:#efe7d2;overflow-wrap:anywhere}.small-muted{color:#8ea497;font-size:12px;line-height:1.65}.ledger-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.ledger-header>span:last-child{font-size:11px;color:#aebdac}.party{margin-top:18px}.empty-party{border:1px dashed #51685c;padding:16px 12px;color:#91a699;font-size:11px;line-height:1.8}.member{display:flex;gap:12px;align-items:center;background:#202f29;border:1px solid #4a6555;padding:11px}.member-icon{height:34px;width:34px;background:#74694f;color:#f8e5b6;display:grid;place-items:center;font:24px Georgia,serif}.member strong{font-size:12px;color:#eee6cc}.member span{display:block;font-size:10px;color:#9fac9d;margin-top:4px}.others{display:grid;gap:10px;margin-top:20px}.traveller{font-size:11px;color:#d6ddcf;display:flex;align-items:center;gap:9px}.traveller:before{content:"";height:6px;width:6px;border-radius:50%;background:#88bfa4}.footnote{font-size:11px;color:#82978c;line-height:1.8;margin-top:45px}.footer{border-top:1px solid #3d514c77;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 25px;font-size:9px;letter-spacing:.14em;color:#7f998e}.touch-pad{position:absolute;left:10px;bottom:10px;width:135px;height:135px;z-index:4;display:none;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px}.touch-pad button{border:1px solid #b5bd9988;background:#23392bcc;color:#f9ecc8;border-radius:5px;touch-action:none;font-size:14px}.touch-pad button:active{background:#b29a66}.touch-pad .up{grid-column:2;grid-row:1}.touch-pad .left{grid-column:1;grid-row:2}.touch-pad .down{grid-column:2;grid-row:3}.touch-pad .right{grid-column:3;grid-row:2}@media(max-width:1200px){.shell{padding:0 20px}.layout{grid-template-columns:minmax(170px,.8fr) minmax(0,3fr);gap:22px}.company{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.company>.divider,.company>.ledger-header,.company>.party,.company>.others,.company>.footnote{grid-column:span 1}.company>.divider{display:none}.company h2{margin:10px 0}.company .small-muted{grid-column:1/-1}.company .footnote{margin-top:16px}}@media(max-width:760px){.shell{padding:0 13px}.topbar{min-height:77px}.seal{height:37px;width:37px;font-size:23px}.brand{font-size:22px}.identity p{font-size:7px;letter-spacing:.13em}.header-right{gap:8px}.build-tag{display:none}.layout{grid-template-columns:1fr;gap:22px;padding-top:22px}.intro{display:grid;grid-template-columns:1fr auto;gap:0 18px}.intro h1{font-size:28px;margin:12px 0}.intro>p,.intro .eyebrow{grid-column:1/-1}.intro .divider,.intro .controls,.intro .development-note{display:none}.intro .kicker{grid-column:1/-1}.objective{grid-column:1/-1;margin:6px 0 0}.world-header{margin-bottom:14px}.world-header h2{font-size:25px}.touch-pad{display:grid}.action-strip{align-items:stretch}.action-strip span{align-self:center;font-size:9px}.action-strip button{max-width:55%}.company{display:block}.company>.divider{display:block;margin:16px 0}.company .party,.company .others{margin-top:12px}.company .footnote{margin-top:24px}.footer{font-size:8px}}@media(pointer:coarse){.touch-pad{display:grid}}@media(max-width:390px){.brand{font-size:18px}.identity{gap:8px}.connection{font-size:10px}.join-panel{padding:17px 15px}.join-panel h2{font-size:28px}.touch-pad{width:108px;height:108px}.action-strip button{font-size:10px;padding:8px}}
/* Compact in-world dialogue, separate from the scrolling sidebars. */
.dialogue{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:min(490px,calc(100% - 32px));padding:16px 20px 18px;background:#122420f2;border:1px solid #d4b47b;box-shadow:0 14px 44px #040c0bba;color:#f0e4cd}
.dialogue[hidden]{display:none}.dialogue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#daba7e;font:700 11px system-ui;letter-spacing:.16em}
.dialogue-heading button{border:0;background:transparent;color:#e2d5b4;font-size:25px;cursor:pointer;line-height:1}.dialogue p{font:15px/1.65 Georgia,serif;margin:11px 0 14px}.dialogue>button{background:#c9a66e;border:0;color:#16211e;font-weight:700;font-size:12px;padding:11px 15px;cursor:pointer}.dialogue>button[hidden]{display:none}
@media(max-width:760px){.dialogue{bottom:9px;padding:12px 14px}.dialogue p{font-size:13px;line-height:1.45}.dialogue>button{font-size:11px;padding:9px}.touch-pad{z-index:4}.dialogue{z-index:6}}

/* Keep play above marketing-style prose on handheld screens. */
@media(max-width:760px){.intro h1,.intro>p:not(.kicker){display:none}.intro .kicker{margin:8px 0 0}.intro .objective{margin-top:8px}.layout{padding-top:12px;gap:15px}.world-header{margin-bottom:8px}.touch-pad{width:102px;height:102px}.action-strip{margin-top:10px}}

/* Compact, touch-friendly orders belong to the companion, not another sidebar. */
.member-details{flex:1;min-width:0}.member-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.member-actions button{border:1px solid #6c806d;background:#304538;color:#eddfbe;padding:7px 9px;font-size:11px;cursor:pointer}.member-actions button:hover:not(:disabled){background:#546c4e}.member-actions button:disabled{opacity:.45;cursor:not-allowed}.company .small-muted strong{color:#edcf90}