:root{color:#1f2933;background:#f4efe7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:1px solid #c7bda9;border-radius:6px;background:#fff;color:#1f2933;cursor:pointer;min-height:38px;padding:8px 12px}button:hover:not(:disabled){border-color:#8a6b35}button:disabled{cursor:not-allowed;opacity:.48}input{border:1px solid #c7bda9;border-radius:6px;min-height:42px;padding:8px 12px}h1,h2,p{margin:0}h1{font-size:clamp(24px,3vw,36px);line-height:1.1}h2{font-size:16px}.app-shell{min-height:100vh;padding:20px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 16px;max-width:1440px}.topbar p{color:#67707d;margin-top:6px}.status-dot{border:1px solid #c7bda9;border-radius:999px;min-width:88px;padding:8px 12px;text-align:center}.status-dot.connected{background:#dff4e6;border-color:#82bd91}.status-dot.connecting{background:#fff5d8;border-color:#d4ad47}.status-dot.closed{background:#ffe1df;border-color:#ce756f}.notice{background:#fff5d8;border:1px solid #d4ad47;border-radius:8px;margin:0 auto 16px;max-width:1440px;padding:10px 12px}.join-panel{background:#fffaf2;border:1px solid #d8ceb8;border-radius:8px;margin:60px auto 0;max-width:520px;padding:24px}.join-row{display:grid;gap:10px;grid-template-columns:1fr auto;margin:18px 0 12px}.game-layout{display:grid;gap:16px;grid-template-columns:300px minmax(0,1fr);margin:0 auto;max-width:1440px}.sidebar{display:grid;gap:12px;grid-auto-rows:max-content}.panel,.hand-panel,.token-bank,.market-row{background:#fffaf2;border:1px solid #d8ceb8;border-radius:8px;padding:14px}.player-list,.button-stack{display:grid;gap:8px;margin-top:10px}.player-row{align-items:flex-start;border:1px solid #e6ddca;border-radius:6px;display:flex;gap:10px;justify-content:space-between;padding:10px}.player-row.active{border-color:#8a6b35;box-shadow:inset 3px 0 #8a6b35}.player-row span{color:#67707d;display:block;font-size:13px;margin-top:2px}.log-panel ol{color:#4f5a66;display:grid;gap:6px;margin:10px 0 0;max-height:280px;overflow:auto;padding-left:18px}.board{display:grid;gap:12px;min-width:0}.turn-strip{align-items:center;background:#273445;border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.token-bank{display:grid;gap:12px}.bank-row,.token-line{display:flex;flex-wrap:wrap;gap:8px}.bank-token{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:118px}.bank-token.selected{outline:3px solid #8a6b35}.token-chip{border:1px solid #c7bda9;border-radius:999px;padding:7px 10px}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading h3{font-size:15px;margin:0}.section-heading span,.empty-text{color:#67707d;font-size:13px}.bonus-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bonus-strip.compact{max-width:190px}.bonus-chip{border:1px solid #c7bda9;border-radius:999px;display:inline-block;font-size:12px;line-height:1;padding:5px 7px}.diamond{background:#eff8fb}.sapphire{background:#dceaff}.emerald{background:#dff4e6}.ruby{background:#ffe1df}.onyx{background:#e8e5df}.gold{background:#fff2c2}.market{display:grid;gap:12px}.market-row{display:grid;gap:10px}.card-grid,.reserved-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(150px,1fr))}.reserved-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(150px,1fr))}.owned-section{margin-top:16px}.owned-card-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;min-height:38px}.owned-card{align-items:center;border:1px solid #c7bda9;border-radius:6px;display:flex;gap:8px;min-width:96px;padding:8px 10px}.owned-card b{background:#273445;border-radius:999px;color:#fff;display:inline-grid;height:26px;place-items:center;width:26px}.gem-card{border:1px solid #c7bda9;border-radius:8px;display:grid;gap:10px;min-height:168px;padding:12px}.gem-card header,.gem-card footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.gem-card header b{background:#273445;border-radius:999px;color:#fff;display:inline-grid;height:32px;place-items:center;width:32px}.cost-list{align-content:start;display:flex;flex-wrap:wrap;gap:6px;min-height:52px}.cost-list span{background:#ffffffb8;border:1px solid rgba(90,80,64,.2);border-radius:999px;font-size:13px;padding:4px 7px}.gem-card footer button{flex:1}@media(max-width:980px){.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:700px){.app-shell{padding:12px}.topbar,.turn-strip{align-items:stretch;flex-direction:column}.sidebar,.join-row,.card-grid,.reserved-grid{grid-template-columns:1fr}}