:root{font-family:Arial,Helvetica,sans-serif;color:#f2ecdf;background:#617c7d;font-size:16px;--gold:#c7ac79;--ink:#182521;--line:rgba(218,209,184,.22);--ui:1;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#263530;padding:10px 14px;border-radius:3px;transition:background .15s}button:hover{background:#3b4b41}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #e8ca8e;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#game,#viewport,#viewport canvas{width:100%;height:100%;position:absolute;inset:0}#viewport{outline:none;touch-action:none}#viewport canvas{display:block}.topbar{position:absolute;top:0;left:0;right:0;height:90px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#14201feb, #14201fbd);border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;letter-spacing:5px;font-family:Georgia,serif;font-size:24px}.brand-mark{width:40px;height:47px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:32px;letter-spacing:0;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:#c7ac790a}.brand small{display:block;letter-spacing:2.1px;font:10px Arial,sans-serif;margin-top:7px;color:#b7baad}.location{text-align:center;display:grid;gap:7px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.4px;font-weight:bold;line-height:1.5}.location strong{font:18px Georgia,serif;letter-spacing:.5px}.top-actions{display:flex;align-items:center;gap:18px;font-size:14px}.connection{color:#c3cebd}.connection::before,.dot{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#adc899;margin-right:8px}.icon-button{background:transparent}.panel{background:linear-gradient(135deg,#1d2c28f7,#14221ff7);border:1px solid var(--line);box-shadow:0 18px 80px #0c161b3d}.welcome{position:absolute;left:40px;top:50%;transform:translateY(-43%);width:390px;padding:30px 32px}.welcome h1{font:42px/1.13 Georgia,serif;letter-spacing:-1px;margin:15px 0 21px;font-weight:normal}.welcome p{font-size:14px;line-height:1.6;color:#d1d4c8}.version-note{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.muted{color:#b5bdb0!important}.small{font-size:14px!important;line-height:1.55}.welcome form{display:grid;gap:9px;margin-top:18px}label{font-size:14px;color:#d6d8ca}input,select{min-width:0;padding:10px 12px;border:1px solid #6b776955;background:#0c1b1888;border-radius:3px;color:inherit}input::placeholder{color:#9ba799}.primary{display:flex;justify-content:space-between;align-items:center;background:#c6ad7f;color:#16251f;border:0;font-weight:bold;margin-top:9px;padding:14px 16px}.primary:hover{background:#dfc69a}.primary span{font-size:20px}.error{color:#f2b4a1!important;margin:0;min-height:0}.fineprint{font-size:11px;display:block;color:#b6bbae;margin-top:20px;letter-spacing:.3px}.settings{position:absolute;right:28px;top:110px;width:340px;padding:22px;display:grid;gap:13px;z-index:5}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font:23px Georgia,serif;margin:0}.panel-heading button{padding:3px 10px;font-size:24px;background:transparent}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--gold)}.settings p{margin:0}.settings summary{font-size:14px;cursor:pointer}.scene-caption{position:absolute;right:30px;top:112px;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #000}.compass{font-size:32px;font-family:Georgia,serif;color:#eee3ca}.scene-caption b{display:block;font-size:10px;font-weight:normal;margin-top:5px;color:#ddd}.loading{position:absolute;top:103px;left:50%;transform:translateX(-50%);background:#172521e6;padding:10px 20px;border-radius:3px;font-size:14px}.toast{position:absolute;bottom:226px;left:50%;transform:translateX(-50%);background:#172521f2;border:1px solid var(--line);padding:12px 24px;font-size:14px;max-width:80%;z-index:9}.hud{position:absolute;bottom:40px;left:28px;right:28px;display:grid;grid-template-columns:202px 1fr auto;align-items:stretch;background:linear-gradient(120deg,#16241ff5,#14231fee);border:1px solid var(--line);min-height:164px;transform-origin:bottom center;zoom:var(--ui)}.minimap-panel{padding:10px;border-right:1px solid var(--line);text-align:center}.minimap-panel canvas{width:176px;height:132px;display:block;border:1px solid #b5a37966;cursor:crosshair}.minimap-panel span{display:block;font-size:9px;letter-spacing:1.6px;margin-top:6px;color:var(--gold)}.selection-panel{padding:26px 30px}.selection-panel h2{font:26px Georgia,serif;margin:10px 0}.selection-panel p{font-size:14px;color:#c2c8b8;margin:0;line-height:1.5}.orders-panel{padding:22px 26px;border-left:1px solid var(--line)}.orders-panel>div{display:flex;gap:8px;margin-top:13px}.orders-panel button{font-size:22px;min-width:100px;text-align:left;padding:10px 12px;color:var(--gold)}.orders-panel button span{display:block;font-size:13px;margin-top:8px;color:#e4e5d8}.orders-panel kbd{font:10px Arial;border:1px solid #939c8077;border-radius:2px;padding:1px 4px;margin-left:3px}.scene-state{position:absolute;bottom:13px;left:30px;right:30px;display:flex;gap:14px;font-size:11px;letter-spacing:.5px;color:#eef1e2;text-shadow:0 1px 3px #000}.scene-state .separator{color:#c7ad7f}#selection-box{position:absolute;pointer-events:none;border:1px solid #e8d19e;background:#e8d19e20} @media(max-height:800px){.welcome{top:110px;transform:none;padding:22px 28px;width:370px}.welcome h1{font-size:34px;margin:12px 0}.welcome p{margin:9px 0}.version-note{margin-top:12px;padding-top:12px}.fineprint{margin-top:12px}.welcome form{gap:7px;margin-top:10px}.topbar{height:82px}.hud{bottom:35px;min-height:145px}.selection-panel{padding:20px}.orders-panel{padding:18px}.minimap-panel canvas{height:112px}.minimap-panel{padding:8px}}@media(max-width:1000px){.location{display:none}.topbar{padding:15px 20px}.welcome{left:20px}.hud{left:12px;right:12px;grid-template-columns:160px 1fr auto}.minimap-panel canvas{width:140px}.orders-panel{padding:15px}.orders-panel button{min-width:70px}.selection-panel{padding:18px}.selection-panel h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.settings a{color:var(--gold);text-underline-offset:4px}.settings a:focus-visible{outline:2px solid #e8ca8e;outline-offset:4px}

.settings{max-height:calc(100dvh - 145px);overflow-y:auto}.sound-settings{display:grid;gap:10px;border-block:1px solid var(--line);padding-block:14px}.sound-settings label{display:flex;justify-content:space-between;gap:12px}.sound-settings input{width:100%;padding:0;accent-color:var(--gold)}