:root{color:#1e252b;background:#e7ece8;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:16px;background:linear-gradient(90deg,rgba(43,94,105,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(96,79,49,.09) 1px,transparent 1px),#e7ece8;background-size:28px 28px}.top-bar{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto 10px}.top-bar h1{margin:0;color:#26333a;font-size:26px;line-height:1.05}.top-bar p{margin:4px 0 0;color:#657178;font-size:14px}.icon-button,.primary-button,.plain-button,.wonder-button,.progress-token{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(31,41,47,.14);border-radius:8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.icon-button{width:42px;height:42px;color:#233039;background:#f7faf7}.reset-button{width:auto;min-width:72px;padding:0 12px;font-weight:800}.icon-button:hover,.primary-button:hover,.plain-button:hover,.wonder-button:hover,.progress-token:hover{transform:translateY(-1px);border-color:#1f292f52;box-shadow:0 8px 18px #1f292f1f}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.status-banner{display:flex;align-items:center;gap:8px;max-width:1440px;min-height:42px;margin:0 auto 12px;padding:9px 12px;border:1px solid rgba(31,41,47,.12);border-radius:8px;background:#f8faf7db;color:#2e3b43;font-weight:700}.status-banner.win{background:#f4dccf;color:#7d2f25}.status-banner.done{background:#dcebd8;color:#2c603e}.status-banner.progress{background:#dbe8ed;color:#225161}.status-banner.draft{background:#fff0d1;color:#714a14}.game-layout{display:grid;grid-template-columns:minmax(230px,280px) minmax(620px,1fr) minmax(230px,280px);gap:14px;max-width:1440px;margin:0 auto;align-items:stretch}.player-panel,.board-area,.action-panel,.progress-market,.log-panel,.draft-panel,.choice-panel{border:1px solid rgba(31,41,47,.13);border-radius:8px;background:#f8faf7e0;box-shadow:0 15px 35px #292f3214}.player-panel{display:flex;flex-direction:column;min-height:620px;padding:14px}.player-panel.is-active{border-color:#d39d36;box-shadow:0 0 0 3px #d39d362e}.player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.player-heading h2{margin:0;font-size:19px;color:#26333a}.player-heading p{margin:3px 0 0;color:#6b757b;font-size:13px}.coin-stack{display:inline-flex;align-items:center;gap:6px;min-width:76px;justify-content:center;padding:7px 9px;border-radius:8px;color:#4d3710;background:#f4d47d;font-weight:800}.coin-label{font-size:12px}.score-grid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px;border-radius:8px;background:#edf2ee;font-size:13px}.score-grid span{color:#68747a}.score-grid strong{color:#24333b}.city-counts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.count-pill{display:inline-flex;min-height:26px;align-items:center;border-radius:7px;padding:5px 7px;color:#fff;font-size:12px;font-weight:700}.wonder-list{display:grid;gap:7px}.wonder-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:40px;padding:7px;border:1px solid rgba(31,41,47,.1);border-radius:8px;background:#fffdf6;color:#2d363a;font-size:12px}.wonder-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wonder-row small{color:#6b5d41}.wonder-row.built{background:#e2f0e4;border-color:#91bd91}.wonder-row.removed{opacity:.55;text-decoration:line-through}.progress-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:12px}.board-area{position:relative;min-height:620px;padding:12px}.military-track{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:12px;color:#863f38}.track-cells{display:grid;grid-template-columns:repeat(19,minmax(16px,1fr));gap:3px}.track-cell{display:grid;min-height:24px;place-items:center;border-radius:4px;background:#dee5e2;color:#8d5147;font-size:11px;font-weight:800}.track-cell.center{background:#f3ead2}.track-cell.capital{background:#d99a8c}.track-cell.pawn{background:#b84942;color:#fff}.tableau{position:relative;width:min(100%,790px);height:520px;margin:0 auto}.tableau-card,.tableau-space{position:absolute;left:calc(var(--x) * 112px + 18px);top:calc(var(--y) * 92px + 12px);width:104px;height:138px;z-index:calc(var(--z) + 1)}.tableau-space{pointer-events:none}.tableau-card{display:grid;grid-template-rows:auto 1fr auto auto;align-items:center;justify-items:start;padding:9px;border:2px solid rgba(255,255,255,.52);border-radius:8px;color:#fff;text-align:left;box-shadow:0 10px 18px #242c3033}.tableau-card.is-accessible{outline:3px solid rgba(244,211,104,.95);outline-offset:2px}.tableau-card.is-selected{outline:4px solid #2b90b8;transform:translateY(-6px)}.card-symbol{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#fff3;font-size:18px}.card-name{align-self:center;width:100%;overflow:hidden;color:#fff;font-size:13px;font-weight:800;line-height:1.12;text-shadow:0 1px 1px rgba(0,0,0,.18)}.card-cost,.card-effect{width:100%;min-height:18px;color:#ffffffe6;font-size:10px;line-height:1.15}.card-back{justify-items:center;background:linear-gradient(135deg,rgba(255,255,255,.12) 25%,transparent 25%) 0 0 / 20px 20px,#2e3d44}.back-mark{display:grid;width:38px;height:38px;place-items:center;border:2px solid rgba(255,255,255,.55);border-radius:50%;color:#f4d36c;font-weight:900}.back-line{display:block;width:70%;height:4px;border-radius:999px;background:#ffffff6b}.back-line.short{width:44%}.card-brown{background:#7e5a42}.card-gray{background:#77838b}.card-yellow{background:#c49a2c}.card-red{background:#ad4b42}.card-green{background:#4a8465}.card-blue{background:#3d6c9c}.card-purple{background:#72508d}.city-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.city-preview>div{min-height:94px;padding:8px;border-radius:8px;background:#eef4f0e6}.city-preview>div>span{display:block;margin-bottom:6px;color:#657078;font-size:12px;font-weight:700}.built-city{display:grid;gap:6px}.built-color-group{display:grid;grid-template-columns:42px 1fr;gap:6px;align-items:start}.built-color-label{display:grid;min-height:28px;place-items:center;border-radius:7px;color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff38}.built-strip{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.built-mini-card{display:inline-flex;min-width:82px;max-width:190px;min-height:28px;align-items:center;gap:5px;padding:4px 6px;border-radius:5px;color:#fff;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #fff3,0 3px 7px #242c3029}.built-card-mark{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;background:#ffffff2e}.built-badges{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:3px}.effect-badge{display:inline-flex;min-height:18px;align-items:center;justify-content:center;border-radius:999px;padding:2px 5px;background:#ffffffe0;color:#26333a;font-size:10px;line-height:1;white-space:nowrap}.badge-resource,.badge-choice{color:#4a2f19}.badge-trade,.badge-coin{color:#684713}.badge-shield{color:#8c2e28}.badge-science{color:#245a3d}.badge-points,.badge-guild{color:#244c77}.badge-chain{color:#4f3b68}.lower-layout{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(260px,.8fr) minmax(280px,.9fr) minmax(240px,.7fr);gap:14px;max-width:1440px;margin:14px auto 0}.action-panel,.progress-market,.log-panel,.choice-panel{min-height:180px;padding:12px}.turn-chip{display:inline-flex;min-height:34px;align-items:center;gap:7px;margin-bottom:8px;padding:7px 9px;border-radius:8px;background:#e6f0ef;color:#255261;font-size:13px;font-weight:900}.end-state{align-items:flex-start}.draft-panel{display:flex;min-height:520px;flex-direction:column;justify-content:center;padding:16px}.draft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.draft-heading h2{margin:0;color:#26333a;font-size:24px}.draft-heading p{margin:4px 0 0;color:#68747a;font-size:14px}.draft-heading small{display:block;margin-top:5px;color:#806338;font-size:12px;font-weight:800}.draft-heading span{display:grid;min-width:48px;min-height:36px;place-items:center;border-radius:8px;background:#f3d078;color:#5b3d14;font-weight:900}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.draft-wonder{display:grid;min-height:168px;align-content:start;justify-items:start;gap:8px;padding:14px;border:1px solid rgba(69,55,31,.16);border-radius:8px;background:linear-gradient(135deg,rgba(230,188,89,.22),transparent 42%),#fffaf0;color:#3b3124;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.draft-wonder:hover{transform:translateY(-2px);border-color:#45371f52;box-shadow:0 14px 24px #372c1829}.draft-wonder strong{font-size:16px}.draft-wonder span{color:#6b5431;font-size:13px;font-weight:800}.draft-wonder small{color:#6a6b55;font-size:12px;line-height:1.3}.choice-panel{border-color:#2f7082;background:#f1f8f8}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-button{display:grid;min-height:68px;align-content:center;justify-items:start;gap:5px;padding:9px;border:1px solid rgba(31,41,47,.16);border-radius:8px;color:#fff;text-align:left;cursor:pointer}.choice-button.progress-choice{grid-template-columns:auto 1fr;align-items:center;background:#e4f0f2;color:#245464}.choice-button.progress-choice small{grid-column:1 / -1;color:#55727c}.choice-button strong,.choice-button small{min-width:0;overflow-wrap:anywhere}.choice-button small{opacity:.86;font-size:11px;line-height:1.25}.selected-card{display:flex;align-items:center;gap:12px;min-height:64px;margin-bottom:10px}.selected-card h3{margin:0;color:#26333a;font-size:18px}.selected-card p{margin:4px 0 0;color:#667178;font-size:13px}.selected-chip{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:8px;color:#fff;font-size:12px;font-weight:800}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.primary-button,.plain-button{min-height:42px;padding:8px 10px;font-weight:800}.primary-button{background:#236e83;color:#fff}.plain-button{background:#f6f8f6;color:#2a343a}.primary-button small,.plain-button small,.wonder-button small{color:inherit;opacity:.75;font-size:11px}.wonder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wonder-button{min-height:40px;justify-content:flex-start;padding:7px 8px;background:#fffaf0;color:#4a3922;font-size:12px}.wonder-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:#26333a;font-weight:800}.section-title small{color:#68747a;font-size:12px;font-weight:600}.progress-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.progress-token{min-height:58px;flex-direction:column;padding:7px 6px;background:#f1f7f7;color:#225161}.progress-token strong{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#2f7082;color:#fff;font-size:14px}.progress-token span{overflow-wrap:anywhere;font-size:11px;font-weight:700}.progress-token.mini{display:grid;width:32px;height:32px;min-height:0;place-items:center;border-radius:50%;padding:0;background:#2f7082;color:#fff;font-weight:800}.log-list{display:grid;gap:6px;max-height:130px;overflow:auto}.log-list p{margin:0;padding:7px 8px;border-radius:7px;background:#eef3f0;color:#344148;font-size:12px}.muted{color:#738088;font-size:12px}@media(max-width:1160px){.game-layout,.lower-layout{grid-template-columns:1fr}.player-panel{min-height:auto}.board-area{min-height:610px;overflow-x:auto}.board-area:after{position:sticky;right:8px;bottom:8px;display:grid;width:34px;height:28px;margin-left:auto;place-items:center;border-radius:999px;background:#233039c7;color:#fff;content:"⇄";font-weight:900;pointer-events:none}.tableau{min-width:720px}}@media(max-width:720px){.app-shell{padding:10px}.top-bar h1{font-size:21px}.track-cells{min-width:520px}.military-track{overflow-x:auto}.tableau{min-width:700px;transform-origin:top left}.wonder-actions,.action-buttons,.city-preview,.progress-options{grid-template-columns:1fr}.progress-token span{display:none}}