:root{color:#f4ebdb;font-synthesis:none;text-rendering:optimizelegibility;background:#08121b;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#3b331d 0%,#0000 45%),linear-gradient(#0f202d 0%,#08121b 55%,#050b10 100%);min-width:320px;margin:0}button,input,select{font:inherit}.shared-app{width:min(100%,1400px);min-height:100vh;margin:0 auto;padding:34px 18px 32px}.hero{text-align:center}.hero h1{color:#d9bb69;text-shadow:0 1px #f0d68b,0 5px 14px #030608;flex-direction:column;align-items:center;margin:0;display:flex}.brand-small{letter-spacing:.35em;font-size:clamp(.72rem,2vw,.9rem)}.brand-title{letter-spacing:.06em;font-size:clamp(2.7rem,9vw,5rem);line-height:1}.brand-mode{color:#e1d4b0;letter-spacing:.6em;margin-top:6px;font:600 clamp(.76rem,2vw,.95rem)/1 Arial,sans-serif}.hero-description{color:#c8bfac;margin:24px auto 30px;font-family:Arial,sans-serif;font-size:.9rem}.turnstile-check,.connection-message,.session-room,.waiting-card,.rules-card{background:#0c1720d1;border:1px solid #665432}.status-title{color:#d7b963;letter-spacing:.04em;font-weight:700}.turnstile-check{color:#cec5b4;max-width:960px;margin:0 auto 22px;padding:16px;font:.86rem/1.6 Arial,sans-serif}.turnstile-check p{margin:0}.turnstile-widget{margin-top:10px}.turnstile-status{color:#afa795;margin-top:8px!important}.turnstile-status.is-success{color:#a8dcac}.turnstile-status.is-error{color:#e69882}.entry-grid{gap:16px;max-width:960px;margin-left:auto;margin-right:auto;display:grid}.host-resume{background:#15232d;border:1px solid #7b6330;gap:16px;max-width:960px;margin:0 auto 18px;padding:22px 20px;display:grid;box-shadow:inset 0 0 0 1px #09131a}.host-resume h2{color:#eee3c8;margin:0;font-size:1.32rem;font-weight:400}.host-resume .panel-description{min-height:0}.host-resume-actions{flex-direction:column;gap:10px;display:flex}.host-resume-actions .primary-button{margin-top:0}.entry-panel{background:#15232d;border:1px solid #55472d;flex-direction:column;min-height:294px;padding:22px 20px;display:flex;box-shadow:inset 0 0 0 1px #09131a}.rejoin-button{margin-top:10px}.rejoin-description{color:#afa795;margin:9px 0 0;font:.73rem/1.45 Arial,sans-serif}.panel-label{color:#cba94e;letter-spacing:.36em;margin:0 0 10px;font:600 .68rem/1 Arial,sans-serif}.entry-panel h2,.rules-card h2{color:#eee3c8;margin:0 0 21px;font-size:1.32rem;font-weight:400}.field-label{color:#bfb5a4;margin-bottom:7px;font:.78rem/1.3 Arial,sans-serif}.form-field-space{margin-top:13px}.field-input{color:#f5ead0;background:#0d171f;border:1px solid #5f543e;height:48px;padding:0 13px}.field-input:focus{outline-offset:1px;outline:2px solid #b8933f}.join-code-input{letter-spacing:.18em;font:1.35rem/1 Consolas,monospace}.panel-description{color:#afa795;min-height:42px;margin:14px 0 12px;font:.77rem/1.55 Arial,sans-serif}.field-error{color:#e69882;min-height:42px;margin:10px 0 4px;font:.78rem/1.4 Arial,sans-serif}.primary-button{color:#171109;cursor:pointer;letter-spacing:.05em;background:linear-gradient(#e0c065,#ae8636);border:1px solid #cfad56;height:48px;margin-top:auto;font:700 .9rem/1 Arial,sans-serif}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{color:#efe3c6;cursor:pointer;opacity:1;background:#263642;border:1px solid #8f7846;min-height:44px;padding:0 16px;font:700 .84rem/1 Arial,sans-serif}.secondary-button:disabled{cursor:wait;opacity:.65}.secondary-button:not(:disabled):hover{background:#304654}.connection-message{color:#d8caa9;margin-top:18px;padding:14px 16px;font:.84rem/1.6 Arial,sans-serif}.connection-message p{margin:0}.connection-message.is-error{color:#e6ac97;border-color:#8c4739}.connection-message.is-success{color:#c8dfb6;border-color:#507348}.session-room{margin-top:20px;padding:22px 20px}.session-room:not(.active-game-room){max-width:960px;margin-left:auto;margin-right:auto}.room-header{flex-direction:column;gap:14px;display:flex}.room-header h2{color:#eee3c8;margin:0;font-size:1.42rem;font-weight:400}.realtime-state{color:#bfb5a4;border:1px solid #4f493d;margin:0;padding:8px 12px;font:.78rem/1.4 Arial,sans-serif}.realtime-state.is-success{color:#afd8ab;border-color:#506c49}.realtime-state.is-error{color:#e6ac97;border-color:#8c4739}.join-code-display{text-align:center;border:1px solid #7b6330;gap:6px;margin:24px 0;padding:16px;display:grid}.join-code-display p,.join-code-display span{color:#bbb19d;margin:0;font:.78rem/1.45 Arial,sans-serif}.join-code-display strong{color:#ebd187;letter-spacing:.2em;font:2rem/1.2 Consolas,monospace}.counter-note{color:#afa795;margin:8px 0 0;font:.77rem/1.55 Arial,sans-serif}.active-game-room{padding-left:12px;padding-right:12px}.shared-players{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.shared-player-card{border:1px solid #3a3f4a;border-top:4px solid var(--player-accent);color:#d8cfa8;background:linear-gradient(#2a3445,#1c2431);border-radius:10px;flex:0 340px;width:340px;min-width:min(100%,300px);padding:15px;box-shadow:inset 0 0 10px #00000073}.shared-player-header{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.shared-player-header input,.shared-player-header select{color:#e0d8c3;text-align:center;background:#2b3647;border:1px solid #555;border-radius:6px;width:100%;min-height:36px;padding:6px;font:700 .88rem/1.2 Georgia,Times New Roman,serif}.shared-board-group{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:8px}.shared-board-group h4{color:#d4af37;letter-spacing:.08em;text-align:center;justify-content:center;align-items:center;gap:.26rem;margin:0 0 8px;font-size:.8rem;font-weight:400;display:flex}.shared-two-column,.shared-three-column{gap:5px;display:grid}.shared-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.board-metric{color:#bfae70;text-align:center;min-width:0;font-size:.77rem}.civilization-label{color:#bfae70;justify-content:center;align-items:center;gap:.2rem;display:inline-flex}.civilization-icon{opacity:.94;flex:none;width:.9rem;height:.9rem}.board-counter{text-align:center;min-width:0}.board-counter strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.22rem;display:block}.board-counter div{justify-content:center;gap:3px;display:flex}.board-counter button{color:#ddd;cursor:pointer;background:linear-gradient(#3a465a,#1f2733);border:1px solid #555;border-radius:5px;min-width:28px;min-height:28px;padding:0;font:1rem/1 Arial,sans-serif}.board-counter button:disabled{cursor:default;opacity:.45}.shared-table{color:#bfae70;text-align:center;align-items:center;gap:6px 3px;font-size:.72rem;display:grid}.shared-table--settlers-2{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-table--settlers-3,.shared-table--cities{grid-template-columns:repeat(4,minmax(0,1fr))}.shared-table-row{display:contents}.shared-table-row>.civilization-label:first-child{text-align:left;justify-content:flex-start;align-self:center}.shared-table .board-counter strong{font-size:1rem}.shared-table .board-counter button{min-width:25px;min-height:25px}.shared-toggle-row label{justify-content:center;display:flex}.shared-toggle-row input{accent-color:#d4af37;width:17px;height:17px}.shared-result-row strong{color:gold;text-align:center;text-shadow:0 0 6px #ffd70099;font-size:1.2rem}.legacy-board-message{color:#e6ac97;border:1px solid #8c4739;margin:18px 0 0;padding:14px;font:.82rem/1.6 Arial,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.start-settings{background:#15232d;border:1px solid #58482e;gap:16px;margin-top:24px;padding:18px;display:grid}.start-settings .field-input{width:100%;margin-top:7px}.start-button{margin-top:0}.lobby-waiting-message{color:#cec5b4;border:1px solid #4f493d;margin:24px 0 0;padding:16px;font:.86rem/1.6 Arial,sans-serif}.waiting-card{color:#c6bcaa;margin-top:20px;padding:22px 20px;font:.85rem/1.6 Arial,sans-serif}.waiting-card h2{color:#eee3c8;margin:0 0 14px;font-size:1.32rem;font-weight:400}.waiting-card .primary-button{width:100%;margin-top:18px}.host-rejoin,.host-members{border-top:1px solid #483d2b;margin-top:24px;padding-top:18px}.member-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.member-list li{color:#dfd5c0;border:1px solid #4f493d;gap:15px;padding:10px 12px;font:.86rem/1.4 Arial,sans-serif;display:flex}.member-list span{color:#cba94e;letter-spacing:.16em;min-width:60px;font-size:.7rem}.host-rejoin-header{flex-direction:column;gap:12px;display:flex}.host-rejoin-empty,.host-rejoin-error{color:#afa795;margin:16px 0 0;font:.8rem/1.5 Arial,sans-serif}.host-rejoin-error{color:#e6ac97}.rejoin-request{border:1px solid #4f493d;margin-top:16px;padding:14px}.rejoin-request p{color:#d8caa9;margin:0 0 12px;font:.82rem/1.4 Arial,sans-serif}.rejoin-request .no-transfer-target{color:#e6ac97}.slot-actions{flex-wrap:wrap;gap:8px;display:flex}.slot-actions .secondary-button,.reject-button{min-height:38px;padding:0 12px;font-size:.76rem}.reject-button{color:#edbdab;cursor:pointer;background:#39211f;border:1px solid #8c4739}.reject-button:disabled{cursor:wait;opacity:.65}.end-session-button{color:#edbdab;cursor:pointer;background:#39211f;border:1px solid #8c4739;width:100%;min-height:44px;margin-top:20px;font:700 .84rem/1 Arial,sans-serif}.end-session-button:disabled{cursor:wait;opacity:.65}.rules-card{margin-top:20px;padding:22px 20px}.rule-list{color:#c6bcaa;gap:10px;font:.84rem/1.45 Arial,sans-serif;display:grid}.rule-list p{gap:18px;margin:0;display:flex}.rule-list strong{color:#d2ae51;letter-spacing:.18em;flex:0 0 88px;font-size:.72rem}@media (width>=640px){.shared-app{padding:46px 30px 40px}.entry-grid{grid-template-columns:repeat(2,1fr)}.host-resume{grid-template-columns:1fr 190px;align-items:center}.room-header,.host-rejoin-header{flex-direction:row;justify-content:space-between;align-items:center}.start-settings{grid-template-columns:180px 1fr 180px;align-items:end}}