:root{--bg: #171009;--panel: #251a10;--panel2: #322415;--border: #46331f;--border-soft: #3a2a19;--text: #f5ead9;--muted: #b49a7c;--accent: #e89b47;--accent-deep: #c9762a;--gold: #f0c975;--teal: #3fa8a0;--shadow: 0 2px 10px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;background:radial-gradient(1100px 500px at 15% -10%,rgba(232,155,71,.1),transparent 60%),radial-gradient(900px 600px at 110% 15%,rgba(63,168,160,.07),transparent 55%),radial-gradient(700px 700px at 50% 115%,rgba(201,118,42,.08),transparent 60%),var(--bg);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(240,201,117,.02) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(240,201,117,.02) 0 1px,transparent 1px 26px);z-index:0}.app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:12px}.app.setup{max-width:460px;margin-top:6vh}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:4px;border-bottom:1px solid rgba(240,201,117,.14)}h1{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:650;letter-spacing:.4px;margin:4px 0;background:linear-gradient(100deg,var(--gold) 20%,var(--accent) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub{font-size:14px;color:var(--muted);font-weight:400;-webkit-text-fill-color:var(--muted);font-family:system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.2px}.card{background:linear-gradient(175deg,var(--panel2),var(--panel) 55%);border:1px solid var(--border-soft);border-top-color:#f0c97529;border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);min-width:0}.chip{background:#e89b471a;border:1px solid rgba(232,155,71,.28);border-radius:999px;padding:3px 11px;font-size:12px;color:var(--gold);letter-spacing:.2px}.twr-skyline{opacity:.5}.twr-finial{filter:drop-shadow(0 0 3px rgba(246,226,160,.35))}.twr-empty{font-style:italic}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row.between{justify-content:space-between}.kc{display:inline-flex;align-items:center;gap:4px;font-size:13px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 -2px 3px #0000004d,0 1px 2px #0006}.lab{font-size:11px;color:var(--muted);margin:10px 0 5px;text-transform:uppercase;letter-spacing:.9px}.score{font-size:21px;font-weight:650;color:var(--gold);text-shadow:0 0 14px rgba(240,201,117,.25);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12px}.btn{background:linear-gradient(180deg,var(--panel2),#291d11);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:6px 12px;font-size:13px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .05s}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px #e89b4740,0 2px 8px #00000059}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn.on{border-color:var(--accent);color:var(--gold);background:linear-gradient(180deg,#3a2a17,#2e2011);box-shadow:inset 0 0 0 1px #e89b4740}.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#221304;border-color:var(--accent-deep);font-weight:650;box-shadow:0 2px 10px #e89b4747}.btn.primary:hover{box-shadow:0 3px 14px #e89b476b}.ktoggle{background:linear-gradient(180deg,var(--panel2),#291d11);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:6px 10px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,box-shadow .15s}.ktoggle:hover{border-color:var(--accent)}.ktoggle.on{border-color:var(--accent);background:linear-gradient(180deg,#43301a,#372714);box-shadow:inset 0 0 0 1px #e89b474d,0 0 10px #e89b471f}.inp,select{display:block;width:100%;background:#00000047;border:1px solid var(--border);color:var(--text);border-radius:9px;padding:8px 10px;margin-top:6px;font-size:14px;transition:border-color .15s,box-shadow .15s}.inp:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #e89b472e}.err{background:#3c1d18;border:1px solid #8a4235;color:#f2c3b9;padding:8px 12px;border-radius:9px;font-size:13px;box-shadow:0 0 12px #a03c2d33}.note{color:var(--muted);font-size:13px}.claimrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.claimrow:last-child{border-bottom:none}.board{display:flex;flex-direction:column;gap:3px;margin:8px 0;padding:10px;background:#00000038;border:1px solid var(--border-soft);border-radius:10px}.trk{display:flex;align-items:center;gap:6px}.trk-label{width:72px;flex:0 0 72px;font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cells{display:flex;gap:2px}.cell{width:14px;height:14px;border-radius:4px;background:#ffffff0b;border:1px solid var(--border-soft);box-shadow:inset 0 1px 2px #00000059}.cell.fill{border-color:#0000004d;box-shadow:inset 0 -2px 3px #0000004d,0 1px 2px #0000004d}.cell.marker{box-shadow:0 0 0 2px var(--gold),0 0 8px #f0c97573;position:relative;z-index:1}.trk-val{font-size:11px;color:var(--gold);min-width:10px;margin-left:3px;font-variant-numeric:tabular-nums}.stair-svg{width:142px;height:40px;flex:0 0 auto;display:block;overflow:visible}.pips{display:flex;gap:3px;flex-wrap:wrap;align-items:center}.pip{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 -2px 3px #0000004d,0 1px 2px #00000059}.pip.empty{background:transparent!important;border-style:dashed;opacity:.4;box-shadow:none}.vendorpip{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e86048,#b53a27);border:1px solid rgba(255,255,255,.4);margin-left:4px;box-shadow:0 0 6px #cf463266}.disc-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.disc-legend{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:11px;color:var(--muted);min-width:150px}.disc-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.disc-item.ent{color:var(--gold);font-weight:600}.disc-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex:0 0 auto;box-shadow:inset 0 -1px 2px #00000059}.disc-item.ent .disc-dot{box-shadow:0 0 6px #d67ab0cc}.disc-mult{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:4px}.sahara{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spath{display:flex;gap:3px}.oasis{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);background:#ffffff0b;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--muted);position:relative;box-shadow:inset 0 1px 2px #0000004d}.oasis.facedown{border-style:dashed;opacity:.5}.oasis.discovered{border-color:var(--accent);color:var(--gold);box-shadow:0 0 7px #e89b474d,inset 0 1px 2px #0000004d}.oasis.claimed{background:linear-gradient(160deg,#4f6b3a,#3a5230);border-color:#6f8f52;color:#e8f0d8;box-shadow:0 0 7px #6f8f5259}.caravan{position:absolute;bottom:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8724a,#7a4e30);border:1px solid rgba(255,255,255,.5)}.river-svg{display:block;width:100%;height:auto;overflow:visible}.river-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.rv-bank{stroke-width:46;opacity:.5}.rv-bed{stroke:#124a63;stroke-width:34;opacity:.6}.rv-water{stroke-width:28}.rv-surface{stroke:#d2f5ff59;stroke-width:12}.rv-flow{stroke:#ffffff8c;stroke-width:2.5;stroke-dasharray:5 26;animation:rvflow 2.6s linear infinite}.rv-flow2{stroke:#ffffff4d;stroke-width:1.6;stroke-dasharray:3 34;stroke-dashoffset:12;animation:rvflow 4.1s linear infinite}@keyframes rvflow{to{stroke-dashoffset:-31}}.rv-foam{fill:#fff;opacity:.85}.river-foam{animation:rvfoam 1.8s ease-in-out infinite}@keyframes rvfoam{0%,to{opacity:.55}50%{opacity:1}}.rv-startpill{fill:#142834b3;stroke:#d2f5ff66;stroke-width:1}.rv-starttxt{fill:#cfeefc;font-size:9px;font-weight:700;letter-spacing:.5px}.rv-badgestem{stroke:#fff6;stroke-width:1.5}.rv-badge{stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.rv-badgetxt{fill:#1a1206;font-size:13px;font-weight:800;text-anchor:middle}.rv-spacepill{fill:#0c222e8c}.rv-spacepill.rapid{fill:#0c222ecc}.rv-spacenum{fill:#e2f5ffe6;font-size:9px;font-weight:700;text-anchor:middle}.rv-plankline{stroke:#00000059;stroke-width:1.2}.rv-anchor{fill:#e7c877;font-size:20px;text-anchor:middle}.rv-spot{fill:var(--accent);stroke:#fff2d6;stroke-width:1.4}.rv-spot.taken{fill:#3a3630;stroke:#ffffff40}.rv-spottxt{fill:#26170a;font-size:11px;font-weight:800;text-anchor:middle}.rv-spottxt.taken{fill:#fff6}.rv-rod{stroke:#d9c9a8;stroke-width:1.4;stroke-linecap:round}.river-cap{margin-top:8px;font-size:11px;line-height:1.5;color:var(--muted)}.rv-caprapid{color:#7fd0e6;font-weight:600}@media(prefers-reduced-motion:reduce){.rv-flow,.river-foam{animation:none}}.menu-choices{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px}.btn.big{padding:14px 18px;font-size:15px}.btn.linkish{background:none;border:none;box-shadow:none;color:var(--muted);padding:4px 2px;margin-bottom:6px}.btn.linkish:hover{color:var(--text)}.netbanner{position:sticky;top:0;z-index:20;text-align:center;padding:6px 10px;font-size:12px;font-weight:600;color:#1a1206;background:linear-gradient(180deg,#e6b93f,#cf9a2f);box-shadow:0 2px 10px #0006}.bigcode{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:40px;font-weight:800;letter-spacing:10px;text-align:center;color:var(--gold);padding:12px 0 4px;text-indent:10px}.code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:18px}.lobby-seats{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}.lobby-seat{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:8px;background:#0003;font-size:14px}.lobby-seat.me{border-color:var(--gold);background:#e6b93f14}.youtag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a1206;background:var(--gold);border-radius:5px;padding:1px 5px}.waiting{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(230,185,63,.25);border-top-color:var(--gold);animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}