@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--bg:#f3f3e9;--ink:#163d35;--muted:#78847b;--green:#194f42;--accent:#d6ea9c;--line:#dde2d5;--paper:#fffef7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:14px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:22px}.brand span{font-size:10px;letter-spacing:2px;max-width:110px;line-height:1.7}.connection{font-size:12px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#708369}h1{font-size:clamp(38px,5vw,72px);line-height:1.13;letter-spacing:-3px;margin:26px 0}h2{font-size:25px;letter-spacing:-.8px}p{line-height:1.8;color:#617369}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}#welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;max-width:1240px;margin:60px auto;padding:0 32px}.intro>p{max-width:500px;font-size:16px}.chips{display:flex;gap:10px;margin:28px 0}.chips span{font-size:11px;padding:8px 12px;border:1px solid #cdd8c4;border-radius:30px}.entry{max-width:450px;padding:38px}.entry h2{margin-bottom:30px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 10px}input,select{background:#fafbf4;border:1px solid #d4ddce;border-radius:10px;padding:13px;color:var(--ink);font:inherit;width:100%;margin-top:9px}button{border:1px solid #cbd6c6;background:#fffef7;color:var(--green);padding:12px 16px;font:600 12px 'Be Vietnam Pro',system-ui;cursor:pointer;border-radius:10px;transition:background .2s}button:hover{background:#e9efdb}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#286854}.entry>button{width:100%;margin-top:10px;display:flex;justify-content:space-between}.divider{text-align:center;font-size:10px;color:var(--muted);margin:25px 0 18px}.small{font-size:11px;line-height:1.8}details{font-size:12px;line-height:1.8}summary{cursor:pointer}.landscape{height:220px;border-radius:18px;overflow:hidden;background:#e5eacb;position:relative;margin-top:36px}.landscape>span{position:absolute;right:60px;top:10px;font-size:75px;color:#d5ae5b}.landscape:before,.landscape:after,.landscape i{content:'';position:absolute;background:#a5b99a;width:350px;height:350px;transform:rotate(45deg);border-radius:50px;top:100px;left:-50px}.landscape:after{left:170px;top:135px;background:#557c60}.landscape i{left:330px;top:120px;background:#779c72}.landscape b{position:absolute;bottom:25px;left:25px;color:#fff;letter-spacing:5px;font-size:22px}.landscape small{font-size:10px;letter-spacing:0;font-weight:400}main[hidden]{display:none!important}.lobby-panel{max-width:760px;margin:60px auto}.lobby-panel h1{font-size:45px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.button-row select{width:auto;margin:0}.compact{padding:7px 10px;font-size:10px}.person{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}.person.active{background:#eaf0d8;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:10px}.avatar{font-size:26px}.person strong{display:block;font-size:12px}.person small{font-size:10px;color:var(--muted)}.person .money{margin-left:auto;text-align:right;font-size:15px;font-weight:700}#game{display:grid;grid-template-columns:230px minmax(360px,1fr) 260px;gap:20px;max-width:1600px;margin:24px auto;padding:0 24px;align-items:start}#game .panel{padding:22px}.board-title{display:flex;align-items:center;justify-content:space-between;padding:8px 5px 15px}.board-title h2{font-size:20px;margin:9px 0 0}#dice{font-size:27px;white-space:nowrap}#board{width:100%;aspect-ratio:1;background:#e5ebd9;border:1px solid #d1d9c5;border-radius:20px;overflow:hidden}#board canvas{display:block}.action-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:18px 0;min-height:75px}.action-bar p{margin:8px;font-size:12px}.trip-info{margin-top:25px;font-size:11px}.trip-info p{font-size:11px}#log{list-style:none;padding:0;max-height:250px;overflow:auto;font-size:11px}#log li{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.7}#trade-open{width:100%;margin:15px 0}#properties{max-height:400px;overflow:auto}.asset{padding:12px 0;border-top:1px solid var(--line)}.asset strong{font-size:11px}.asset small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.asset .buttons{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.asset button{padding:5px;font-size:9px}dialog{border:1px solid var(--line);border-radius:20px;max-width:520px;width:90vw;padding:32px;background:var(--paper);color:var(--ink);max-height:85dvh;overflow:auto}dialog::backdrop{background:#163d3580;backdrop-filter:blur(5px)}.close{float:right;border:0;font-size:23px;padding:0 0 12px 12px}.modal-img{width:100%;max-height:240px;object-fit:cover;border-radius:12px}.link{display:inline-block;margin:12px 12px 12px 0;color:var(--green)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 24px;border-radius:12px;z-index:100;max-width:90vw;font-size:12px}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{font-size:11px;font-weight:400;display:flex;align-items:center;gap:6px}.check input{width:auto;margin:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d0a74f;outline-offset:3px}
@media(max-width:1100px){#game{grid-template-columns:190px 1fr;gap:15px}.activity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.activity>.eyebrow{grid-column:1/-1}#log{max-height:180px}#properties{max-height:200px}.brand span{display:none}#welcome{gap:35px}.entry{padding:25px}}
@media(max-width:700px){header{height:70px;padding:0 22px}.brand{font-size:29px}#welcome{display:flex;flex-direction:column;margin:30px auto;padding:0 22px;gap:25px}h1{font-size:49px;letter-spacing:-2px}.intro>p{font-size:14px}.landscape{height:150px;margin-top:24px}.entry{max-width:none}.lobby-panel{margin:24px 16px;padding:24px}.lobby-panel h1{font-size:34px}#game{display:flex;flex-direction:column;padding:0 12px;margin:15px auto;gap:12px}.board-area{width:100%;order:0}.travelers{width:100%;order:1}.activity{width:100%;order:2;display:block}#players{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.person{padding:10px 0}.person .money{font-size:12px}.avatar{font-size:21px}#log{max-height:150px}.action-bar{position:sticky;bottom:0;background:var(--bg);z-index:5;padding:12px 0}.trip-info{margin-top:15px}.board-title h2{font-size:17px}#game .panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}