:root{--bg-cream: #f2e4c9;--bg-sand: #d5b482;--bg-ink: #2d1e15;--panel: rgba(245, 232, 208, .94);--panel-strong: rgba(255, 245, 228, .96);--panel-border: #4f3524;--ink: #2a1e15;--muted: #6b503d;--accent: #af4f2f;--accent-alt: #225d79;--ok: #2e6f3f;--warn: #8e5f1d;--shadow: rgba(46, 26, 16, .22)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Baskerville,Times New Roman,serif;background:radial-gradient(circle at 8% 10%,rgba(255,248,226,.78),transparent 35%),radial-gradient(circle at 82% 18%,rgba(214,170,112,.52),transparent 40%),radial-gradient(circle at 48% 82%,rgba(167,110,74,.42),transparent 55%),linear-gradient(165deg,var(--bg-cream) 0%,var(--bg-sand) 48%,#6b4a32 100%)}#root{min-height:100vh}.app-shell{max-width:1800px;margin:0 auto;padding:20px;display:grid;gap:14px}.masthead{display:flex;align-items:center;gap:18px;padding:14px 18px;border:2px solid var(--panel-border);border-radius:16px;background:var(--panel);box-shadow:0 16px 38px var(--shadow)}.masthead h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);letter-spacing:.04em}.masthead-mark{width:126px;height:auto}.kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.app-main{display:grid;gap:14px}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:16px;padding:16px;box-shadow:0 10px 22px #36221629}.panel-home{width:min(560px,100%);margin:0 auto}.panel h2,.panel h3,.panel h4{margin:0 0 8px}.lead-copy{margin:0;color:var(--muted)}.field-label{display:block;margin:12px 0 6px;font-weight:700}.text-input{width:100%;border-radius:10px;border:1px solid #6d4c36;padding:10px 12px;font-size:1rem;background:#fff8e9eb;color:var(--ink)}.button-row{display:flex;flex-wrap:wrap;gap:8px}.btn{border:1px solid transparent;border-radius:999px;padding:10px 14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .14s ease,opacity .14s ease,filter .14s ease}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.7)}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff4e5}.btn-secondary{background:var(--accent-alt);color:#ecfbff}.link-button{margin-top:10px;background:none;border:none;color:#3f5166;text-decoration:underline;cursor:pointer;padding:0;font-size:.95rem}.divider{margin:16px 0;border:none;border-top:1px solid rgba(79,56,36,.25)}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#2f241a;padding:0 6px;font-size:.95rem}.error-inline{margin:0;color:#8a1c11;font-weight:700}.room-layout{display:grid;gap:12px}.room-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.lobby-panel{display:grid;gap:12px}.player-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.player-grid.compact{gap:6px}.player-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border-radius:10px;background:#fff8e9bf}.player-chip{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.pill{border-radius:999px;padding:2px 8px;font-size:.78rem;background:#5542341f}.pill.ready{background:#2e6f3f33;color:var(--ok)}.pill.waiting{background:#8e5f1d33;color:var(--warn)}.pill.online{background:#225d7933;color:#18495f}.pill.offline{background:#70707040;color:#5f5f5f}.status-band{display:flex;flex-wrap:wrap;gap:6px}.muted-copy{margin:0;color:var(--muted)}.game-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(1040px,2.7fr) minmax(340px,.95fr);gap:12px;align-items:start}.map-panel{min-height:790px;padding:10px;background:var(--panel-strong);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}.map-shell{height:100%;min-height:0;overflow:visible}.sky-map{width:100%;height:100%}.route-row.selectable{cursor:pointer}.route-row.claimed{cursor:default}.route-row.selectable:hover .zeppelin-token.open ellipse{stroke-width:2.4px}.zeppelin-token{transition:filter .12s ease}.zeppelin-token.open{filter:drop-shadow(0 0 .6px rgba(35,22,14,.45))}.zeppelin-token.claimed{filter:drop-shadow(0 1px 1px rgba(22,13,9,.6))}.node-label{font-size:.8rem;fill:#1f130d;font-weight:700;paint-order:stroke;stroke:#f8ebcff2;stroke-width:2.5px}.side-panel{display:grid;gap:12px}.selection-stack{display:grid;gap:7px;padding:10px;border:1px solid rgba(79,56,36,.24);border-radius:12px;background:#fff9ecbd}.pile-subtitle{margin:0;color:var(--muted);font-size:.88rem}.pile-cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pile-card{display:grid;gap:4px;align-content:center;min-height:84px;border-radius:12px;border:1px solid rgba(40,25,16,.35);background:linear-gradient(145deg,#f2e5ce,#dcbf95);color:#291a12;padding:10px;text-align:left;cursor:pointer}.pile-card span{font-size:.84rem;text-transform:uppercase;letter-spacing:.04em;color:#5a4030}.pile-card strong{font-size:1rem}.pile-card:disabled{opacity:.5;cursor:not-allowed}.pile-resource{background:linear-gradient(145deg,#f4e8d4,#dfc39d)}.pile-contract{background:linear-gradient(145deg,#ebdfd3,#d7b79d)}.cargo-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cargo-card{border-radius:12px;border:1px solid rgba(40,25,16,.3);background:#eadac0;color:#20140e;padding:10px;font-weight:700;cursor:pointer;text-transform:capitalize}.cargo-card:disabled{cursor:not-allowed}.card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:6px}.card-token{border-radius:12px;border:1px solid rgba(63,45,33,.5);color:#2b1d14;padding:9px 10px;font-weight:700;cursor:pointer;text-align:center;min-height:46px}.card-token.selected{outline:2px solid #2d2018;outline-offset:1px}.cargo-purple{background:#b49ad9}.cargo-blue{background:#9fbee9}.cargo-orange{background:#dcb389}.cargo-white{background:#e8e8e2}.cargo-green{background:#a7cda4}.cargo-yellow{background:#e8cb7c}.cargo-red{background:#d98998}.cargo-black{background:#9ea2ab;color:#1f150f}.cargo-wild{background:#f2df8d}.contract-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.contract-list li{display:grid;gap:2px;padding:8px;border-radius:10px;border:1px solid rgba(79,56,36,.2);background:#fffaf1c7}.pending-contracts{display:grid;gap:8px;border:1px solid rgba(79,56,36,.25);border-radius:12px;padding:10px;background:#fffdf7cc}.pending-option{display:flex;align-items:center;gap:8px}.roster-panel{display:grid;gap:10px;align-content:start}.room-meta-block{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid rgba(79,56,36,.25);background:#fff9ecbf}.log-list{display:grid;gap:6px;max-height:310px;overflow-y:auto;padding-right:4px}.log-list p{margin:0;display:grid;gap:2px;border-radius:8px;padding:6px;background:#fff8eab8}.log-list span:first-child{font-size:.78rem;color:var(--muted)}.winner-banner{margin:0;padding:8px;border-radius:10px;background:#2e8c4e33;color:#275f38;font-weight:700}.bottom-strip{display:grid;grid-template-columns:minmax(700px,1.6fr) minmax(300px,1fr);gap:12px}.hand-panel,.contracts-panel{display:grid;gap:10px}.hand-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.map-legend{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px 0}.legend-chip{border-radius:999px;padding:3px 9px;border:1px solid rgba(63,45,33,.32);font-size:.76rem;font-weight:700}.route-gray-chip{background:#d2d6dc;color:#2f3133;border-color:#2c2e3159}@media(max-width:1540px){.game-grid{grid-template-columns:minmax(280px,.82fr) minmax(620px,1.75fr)}.side-panel{grid-column:1 / -1}.map-panel{min-height:620px}.cargo-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-strip{grid-template-columns:1fr}}@media(max-width:1080px){.game-grid{grid-template-columns:1fr}.roster-panel,.side-panel,.map-panel{grid-column:auto}.map-panel{min-height:500px}.pile-cards-row{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:12px}.room-meta{flex-direction:column;align-items:flex-start}.cargo-market-grid,.card-row{grid-template-columns:repeat(2,minmax(0,1fr))}}