/* Online shares the existing green/gold visual language and leaves local UI alone. */
.online-profile-trigger{background:#d8b66d16;border:1px solid #b89a5c55;color:#eddbaf;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:700;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.online-screen{max-width:900px;margin:0 auto;padding:36px 0 80px}.online-heading{position:relative;margin:0 0 28px;padding-top:40px}.online-heading .stage-back{position:absolute;top:0;left:0}.online-heading .mini-kicker{display:block;margin:14px 0}.online-heading h2{font-size:clamp(30px,6vw,52px);line-height:1.08;letter-spacing:-1.5px}.online-heading h2 em{font-style:normal;color:#dcbb77}.online-heading p{color:#a1b2a8;font-size:14px;line-height:1.6;margin-top:12px}.online-identity-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1a2928;border:1px solid #3a514744;border-radius:14px;padding:16px 18px;margin-bottom:18px}.online-identity-strip strong{display:block;font-size:14px}.online-identity-strip small{display:block;color:#9eafa4;font-size:12px;margin-top:4px}.online-identity-strip button,.online-bottom-actions button,.online-text-button{background:none;border:0;color:#e1c285;font-weight:700;padding:8px;font-size:12px}
.online-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.online-choice{display:flex;align-items:center;gap:16px;text-align:left;min-height:150px;padding:24px;border:1px solid #56624a;background:linear-gradient(140deg,#28392c,#162526);color:#f1ebd8;border-radius:18px;transition:transform .15s,border-color .15s}.online-choice:hover{transform:translateY(-2px);border-color:#d4b472}.online-choice-icon{font-size:58px;color:#e0c281;text-shadow:0 7px 20px #0006}.online-choice strong{font:700 17px 'Space Grotesk',sans-serif;letter-spacing:.4px;display:block}.online-choice small{font-size:12px;line-height:1.5;color:#aabbae;display:block;margin-top:7px}.online-choice b{margin-left:auto;color:#cfb47d;font-size:24px}.online-choice-friends{grid-column:1/-1;min-height:135px;background:linear-gradient(120deg,#26343b,#19272e)}.online-choice-friends .online-choice-icon{font-size:43px;letter-spacing:-10px;padding-right:10px}.online-bottom-actions{display:flex;align-items:center;justify-content:space-between;margin:15px 0;color:#8da292;font-size:11px}.online-panel{border:1px solid #3d554b;background:#172625;border-radius:18px;padding:24px;margin-bottom:18px}.online-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.online-entry-grid .online-panel{margin:0}.online-form{display:grid;gap:16px}.online-form label,.online-fields label,.online-skin-label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#bbcabd}.online-form input,.online-form select,.online-fields input,.online-fields select,.online-skin-label select,.online-add-friend input,.online-admin-search,.online-copy{width:100%;min-width:0;border:1px solid #496151;background:#101d1e;color:#f0ecdc;border-radius:9px;padding:12px;font:inherit;font-size:15px;outline:none}.online-form input:focus,.online-fields select:focus{border-color:#e2c37d;box-shadow:0 0 0 3px #c9ab641a}.online-form .primary,.online-config-form>.primary{justify-content:center;text-align:center}.online-inline-error{font-size:12px;color:#f3aa99;line-height:1.5;min-height:0}.online-inline-error:empty{display:none}.online-note{font-size:12px;line-height:1.6;color:#9eafa3;margin:10px 0}.online-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.online-segment{display:flex;gap:6px;background:#0c1819;padding:5px;border-radius:10px;margin-bottom:22px}.online-segment button{width:50%;border:0;border-radius:7px;background:transparent;color:#aebcae;padding:11px;font-size:13px;font-weight:700}.online-segment .chosen{background:#cfb376;color:#172322}.online-round-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.online-round-list li{background:#24352d;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:13px}.online-round-list button{background:none;border:0;color:#d5c9a8;font-size:22px}.online-bots-note{padding:13px 0;color:#aebda9;font-size:12px}.online-advanced{border-top:1px solid #ffffff13;margin:4px 0 22px;padding:14px 0 0}.online-advanced summary{cursor:pointer;font-size:13px;color:#cebd96;margin-bottom:16px}.online-room-bar{display:flex;align-items:center;gap:10px;background:#cbb17415;border:1px solid #ae945749;border-radius:14px;padding:15px 20px;margin-bottom:18px}.online-room-bar>div{margin-right:auto}.online-room-bar small{display:block;font-size:9px;letter-spacing:2px;color:#c6b47e}.online-room-bar strong{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:1px;color:#ead39d}.online-room-bar button{border:1px solid #ad94524d;background:#25332b;color:#e1d2ac;border-radius:8px;padding:10px;font-size:12px}.online-lobby-mode{display:flex;align-items:center;gap:14px;margin-bottom:20px}.online-lobby-mode>span{font-size:38px;color:#dfc17e}.online-lobby-mode small{display:block;font-size:9px;letter-spacing:1.8px;color:#a3b1a1}.online-lobby-mode h3{font-size:22px;color:#eee9d9}.online-lobby-mode>button{margin-left:auto}.online-seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.online-seat{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;background:#0f1d1e;border:1px solid #3c54453d;border-radius:12px}.online-seat.is-me{border-color:#c8ac6266}.online-seat-art{display:grid;place-items:center;width:42px;height:46px;flex-shrink:0;font-size:35px;color:#c3c1a6}.online-seat-art img{width:42px;height:42px;object-fit:contain}.online-seat>div{min-width:0}.online-seat strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis}.online-seat small{font-size:10px;color:#9bab99;display:block;margin-top:4px}.online-seat>button{margin-left:auto;background:none;border:0;color:#c5bfa4;font-size:18px}.online-seat select{background:#24382b;color:#e3ddc5;border:1px solid #577153;border-radius:5px;font-size:10px;max-width:85px;padding:5px}.online-lobby-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.online-lobby-actions>button{flex:1;justify-content:center;font-size:12px;padding:15px 12px}.online-lobby-actions>span{font-size:11px;color:#a4b39e}.online-skin-label{max-width:400px}.online-request{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:13px}.online-standings h3{font-size:16px;margin-bottom:10px}.online-standings>div{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-top:1px solid #ffffff0b}.online-standings b{color:#ddc481}.online-round-result{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.online-round-result span{background:#afbc8d10;border-radius:6px;padding:7px 10px;font-size:11px;color:#b8c6a6}.online-search{display:grid;place-items:center;gap:22px;text-align:center;padding:45px 20px;border:1px solid #d3b77033;background:#1e30276b;border-radius:18px}.online-search-piece{font-size:100px;color:#d5bc82;animation:online-breathe 2s ease-in-out infinite}.online-search p{color:#afbcab;font-size:14px}.online-search button{min-width:220px;justify-content:center}
.online-dialog{width:min(600px,calc(100vw - 24px));max-height:88dvh;overflow:auto;position:fixed;color:#edead9;background:linear-gradient(140deg,#20322d,#112022);border:1px solid #77784c;border-radius:20px;padding:34px 28px;box-shadow:0 25px 100px #000b}.online-dialog::backdrop{background:#061110c9;backdrop-filter:blur(5px)}.online-dialog h2{font-size:29px;line-height:1.2;margin:10px 0 12px;padding-right:20px}.online-dialog p{color:#adbdab;font-size:13px;line-height:1.7;margin-bottom:20px}.online-dialog .mini-kicker{font-size:9px}.online-dialog-close{position:absolute;right:13px;top:12px;width:32px;height:32px;border:1px solid #ffffff20;background:#ffffff08;color:#d5dac3;border-radius:50%;font-size:23px}.online-auth-links{display:flex;gap:14px;justify-content:space-between;margin-top:20px;align-items:center}.online-auth-links button{background:none;border:0;font-size:12px;color:#d8bc7f;padding:4px}.online-auth-links span{font-size:12px;color:#a9b59e}.online-recovery{display:block;background:#0a1719;border:1px dashed #b3a16788;border-radius:10px;overflow-wrap:anywhere;line-height:1.8;padding:17px;margin:14px 0 20px;font-size:16px;color:#edd59a;user-select:all}.online-level{display:grid;gap:11px;background:#101f20;border:1px solid #796c3d4d;border-radius:13px;padding:20px;margin:20px 0}.online-level>span{font-size:11px;color:#bdb18a;letter-spacing:2px}.online-level b{font-size:32px;color:#e3c87f;letter-spacing:0;margin-left:8px}.online-level>strong{font-size:16px;font-weight:500}.online-level progress{appearance:none;width:100%;height:7px;border:0;border-radius:6px;background:#ffffff12;overflow:hidden}.online-level progress::-webkit-progress-bar{background:#ffffff12}.online-level progress::-webkit-progress-value{background:#dbbc72;border-radius:6px}.online-level progress::-moz-progress-bar{background:#dbbc72}.online-level small{font-size:10px;color:#9dac99}.online-section-title{font-size:17px;margin:24px 0 8px}.online-cloud-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.online-cloud-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;background:#102021;border:1px solid #53644566;border-radius:12px;padding:18px 14px}.online-cloud-number{font:700 11px 'Space Grotesk',sans-serif;color:#a3a879;letter-spacing:2px}.online-cloud-card>strong{font-size:14px}.online-cloud-card>small{font-size:10px;color:#9aac94}.online-cloud-card .secondary{font-size:11px;padding:10px;justify-content:center;margin-top:auto}.online-cloud-card .online-text-button{font-size:10px;padding:3px}.online-cloud-pieces{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:34px}.online-cloud-pieces img{width:calc((100% - 15px)/6);height:30px;object-fit:contain}.online-cloud-pieces span{font-size:24px;color:#b9bf9c}.online-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;border-top:1px solid #ffffff12;padding-top:15px}.online-profile-actions button{border:1px solid #5f71534d;border-radius:7px;background:#ffffff04;color:#bac9aa;font-size:11px;padding:9px}.online-add-friend{display:flex;gap:8px;margin:18px 0}.online-add-friend input{min-width:0}.online-add-friend button,.online-friend button,.online-admin-account button{border:1px solid #9a8c564d;border-radius:7px;background:#cfb57814;color:#ddc890;font-size:11px;white-space:nowrap;padding:8px}.online-friend{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #ffffff12}.online-friend>div{flex:1;min-width:0}.online-friend strong{font-size:13px}.online-friend small{display:block;font-size:10px;color:#9bab95;margin-top:4px}.online-friend-dot{width:7px;height:7px;border-radius:50%;background:#78806e}.online-friend-dot.connected{background:#b4c97b}.online-admin-toggle{display:flex;gap:8px;font-size:13px;align-items:center;margin-bottom:15px}.online-admin-account{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #ffffff10}.online-admin-account[hidden]{display:none}.online-admin-account>span{flex:1;min-width:0;font-size:12px}.online-admin-account small{display:block;color:#a3b195;font-size:10px;margin-top:3px}
.online-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:200000;max-width:min(90vw,560px);background:#e5d19f;color:#182724;border:1px solid #f2e4be;border-radius:12px;box-shadow:0 10px 40px #0008;padding:13px 18px;font-size:12px;line-height:1.5;text-align:center}.online-toast[hidden]{display:none}.online-game-extras{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 15px;font-size:11px;color:#b5c1a4}.online-connection-dot{width:6px;height:6px;background:#a9cb78;border-radius:50%}.online-game-extras>strong{margin-left:auto;color:#dac485}.online-wave,.online-sandbox{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid #7a845044;border-radius:10px;padding:12px;background:#263b2866}.online-wave .secondary,.online-sandbox .secondary{font-size:11px;padding:8px}.online-wave label,.online-sandbox label{font-size:11px;display:flex;gap:5px;align-items:center}.online-wave select,.online-sandbox select{background:#172923;color:#e4d8ad;border:1px solid #6b794e;border-radius:6px;font-size:11px;padding:7px}.online-phrase-tray{position:fixed;right:20px;bottom:24px;z-index:5000;display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(330px,calc(100vw - 40px));padding:12px;background:#142623;border:1px solid #af9c5b;border-radius:15px;box-shadow:0 12px 60px #0008}.online-phrase-tray button{border:1px solid #7f8e5d44;background:#263b2c;color:#e3dfbe;border-radius:8px;padding:12px 8px;font-size:12px}.online-phrase-bubble{position:fixed;left:50%;top:110px;transform:translateX(-50%);max-width:90vw;z-index:6000;background:#e7d8ad;color:#203225;border-radius:15px;padding:13px 20px;font-size:13px;box-shadow:0 8px 30px #0005;pointer-events:none}.online-phrase-bubble[hidden]{display:none}.online-reward{color:#dfc47e!important;font-size:14px!important;margin:12px 0!important}
@keyframes online-breathe{50%{transform:translateY(-7px);opacity:.65}}@media(prefers-reduced-motion:reduce){.online-search-piece{animation:none}.online-choice{transition:none}}@media(max-width:650px){.online-screen{padding:22px 0 50px}.online-choice-grid,.online-entry-grid{grid-template-columns:1fr}.online-choice{min-height:115px;padding:18px}.online-choice-icon{font-size:46px}.online-choice-friends{min-height:115px}.online-panel{padding:18px}.online-seat-grid{grid-template-columns:1fr}.online-fields{gap:12px}.online-dialog{padding:30px 19px}.online-cloud-slots{gap:8px}.online-cloud-card{padding:14px 10px}.online-profile-trigger{max-width:130px;font-size:10px;padding:8px 10px}.online-room-bar{padding:12px;gap:7px}.online-room-bar strong{font-size:22px}.online-room-bar button{font-size:10px;padding:9px}.online-lobby-mode h3{font-size:18px}.online-lobby-actions{flex-wrap:wrap}.online-lobby-actions>button{min-width:130px}.online-identity-strip{padding:13px}.online-identity-strip small{font-size:10px}.online-heading h2{font-size:37px}.online-phrase-bubble{top:85px}.online-friend button{padding:7px;font-size:10px}.online-auth-links{gap:8px}.online-auth-links button{font-size:11px}}

.online-entry-local{display:block;margin:22px auto 0;padding:10px 16px;border:0;background:transparent;color:#b6c4b3;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}
/* Clear entry, two ways to play, and one visible identity. */
.play-hub{max-width:900px;margin:0 auto;padding:40px 0 80px}.play-hub .flow-heading{margin-bottom:32px}.play-hub h1{font-size:clamp(35px,6vw,58px);line-height:1.08}.play-hub h1 em{font-style:normal;color:#dfc184}.play-hub #hubIdentity{color:#b0beae;font-size:14px;line-height:1.6;margin-top:15px}.hub-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-choice{display:flex;align-items:center;gap:18px;padding:30px 26px;min-height:210px;text-align:left;border:1px solid #69775788;border-radius:20px;color:#edead9;background:linear-gradient(135deg,#2a3d31,#162728);box-shadow:0 12px 30px #0002;transition:transform .15s,border-color .15s}.hub-choice:hover{transform:translateY(-3px);border-color:#ddc182}.hub-choice-online{background:linear-gradient(135deg,#29383e,#14292d)}.hub-choice-symbol{font-size:66px;color:#ddc184;flex-shrink:0}.hub-choice strong{display:block;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:.3px}.hub-choice small{display:block;margin-top:10px;font-size:12px;color:#b0c0ae;line-height:1.6}.hub-choice b{margin-left:auto;color:#d5ba80;font-size:24px}.welcome-stage>.stage-back{margin-bottom:22px}.online-profile-trigger{display:flex;align-items:center;gap:9px;max-width:290px;white-space:normal;text-align:left;min-height:48px;border-radius:13px;padding:8px 12px;flex-shrink:1;overflow:visible}.profile-avatar{font-size:25px;color:#e0c07e}.profile-caption{min-width:0;display:block}.profile-caption strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere;color:#f0e7ce}.profile-caption small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:#c7bd9b}.online-profile-trigger>span:last-child{font-size:14px;margin-left:6px}.entry-account-choices{display:grid;gap:10px;margin:24px 0 8px}.entry-account-choices>button{display:flex;align-items:center;gap:15px;width:100%;min-height:80px;padding:17px 18px;background:#102321;color:#eee6ce;border:1px solid #61745688;border-radius:12px;text-align:left}.entry-account-choices>button:hover{border-color:#dfc185;background:#26392c}.entry-account-choices>button:disabled{opacity:.5;cursor:not-allowed}.entry-account-choices>button>span:first-child{font-size:30px;color:#dfc184;width:30px;text-align:center;flex-shrink:0}.entry-account-choices strong{font-size:15px;line-height:1.4;display:block}.entry-account-choices small{display:block;font-size:11px;color:#aebfa8;line-height:1.4;margin-top:4px}.entry-account-choices b{margin-left:auto;color:#d8bd83;font-size:20px}.online-dialog-back{display:block;margin:0 0 20px;padding:5px 0;border:0;background:none;color:#d8c38f;font-size:12px}.online-dialog #entryConnection:empty{display:none}.profile-status{display:flex;align-items:center;gap:7px}.profile-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#adc777;flex-shrink:0}.profile-menu{display:grid;gap:9px;margin-top:20px}.profile-menu>button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;color:#e8dfc6;border:1px solid #5b72514d;background:#142722;border-radius:10px;text-align:left;font-size:13px;min-height:50px}.profile-menu .profile-admin-link{border-color:#c9a76270;color:#eed299}.profile-menu span{color:#d6b878}.profile-security{margin-top:20px;border-top:1px solid #ffffff18;padding-top:17px}.profile-security summary{cursor:pointer;color:#bdc7b0;font-size:12px}.profile-security button{display:block;border:0;background:none;color:#d4bf8b;font-size:12px;padding:12px 0 0}.admin-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102220;padding:17px;border:1px solid #6a745a55;border-radius:12px;margin:20px 0}.admin-summary>strong{font-size:26px;color:#e8cc90}.admin-summary>strong small{font-size:12px;color:#adbba0}.admin-summary .online-admin-toggle{margin:0;font-size:11px}.admin-search-label{display:grid;gap:8px;font-size:11px;color:#b5c5ac;margin-bottom:14px}.admin-account-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #546b4b55;background:#112522;border-radius:12px;margin-top:10px;padding:17px}.admin-account-info{min-width:0}.admin-account-info strong{display:block;font-size:16px;color:#ebe4ce;overflow-wrap:anywhere}.admin-account-info small{display:block;font-size:10px;color:#adbea3;margin-top:5px}.admin-account-status{display:inline-block;font-size:10px;color:#d4bd8a;margin-top:9px}.admin-account-actions{display:grid;gap:7px;min-width:140px}.admin-account-actions button{min-height:36px;font-size:10px}.admin-account-actions .admin-delete-button{color:#ecb4a5;border-color:#bd746355}.admin-owner-note{font-size:10px;color:#c8b67e}.admin-confirm-delete{border:1px solid #cb7f69;background:#874736;color:#fff0e9;border-radius:10px;padding:15px;font-weight:700}.admin-confirm-delete:disabled{opacity:.45;cursor:not-allowed}.online-playing-as{font-weight:700;color:#e4cb91}.online-dialog #adminEmpty[hidden]{display:none}
@media(max-width:650px){.play-hub{padding:25px 0 50px}.hub-choices{grid-template-columns:1fr;gap:14px}.hub-choice{min-height:160px;padding:24px 20px}.hub-choice-symbol{font-size:55px}.hub-choice strong{font-size:18px}.online-profile-trigger{max-width:210px;padding:7px 9px}.profile-caption strong{font-size:12px}.profile-caption small{font-size:9px}.admin-summary{padding:13px}.entry-account-choices>button{min-height:75px;padding:14px}.online-dialog h2{font-size:27px}.admin-account-card{align-items:flex-start;padding:14px}.admin-account-actions{min-width:128px}.settings-header-actions .version{display:none}}
@media(max-width:480px){.top-nav .brand>div:last-child{display:none}.top-nav{gap:12px}.settings-header-actions{flex:1;justify-content:flex-end;min-width:0}.online-profile-trigger{max-width:230px;flex:1}.profile-caption{flex:1}.admin-account-card{flex-wrap:wrap}.admin-account-info{flex:1}.admin-account-actions{width:100%;grid-template-columns:1fr 1fr}.admin-account-actions .admin-delete-button{grid-column:1/-1}.admin-summary{align-items:flex-start;flex-direction:column;gap:10px}.entry-account-choices strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hub-choice{transition:none}}

.play-hub .flow-heading #hubIdentity{display:block}

/* Entry cards follow the app's seasonal colours. Local game controls stay in style.css. */
:root{--entry-local:#527a59;--entry-local-deep:#2c5449;--entry-online:#527899;--entry-online-deep:#354e75;--entry-surface:#355349;--entry-surface-deep:#253e39}
html[data-season=halloween]{--entry-local:#875a85;--entry-local-deep:#603e78;--entry-online:#6276ad;--entry-online-deep:#425a85;--entry-surface:#66496e;--entry-surface-deep:#49345d}
html[data-season=christmas]{--entry-local:#548761;--entry-local-deep:#315b4c;--entry-online:#56899b;--entry-online-deep:#365c76}
html[data-season=valentine]{--entry-local:#995c7c;--entry-local-deep:#714964;--entry-online:#826b9f;--entry-online-deep:#594b7f;--entry-surface:#745168;--entry-surface-deep:#503c56}
.hub-choice{position:relative;overflow:hidden;min-height:188px;border-color:#e4c687a6;background:radial-gradient(ellipse at 10% 0%,#ffffff1c,transparent 65%),linear-gradient(125deg,var(--entry-local),var(--entry-local-deep));box-shadow:0 14px 32px #130b242b,inset 0 1px #ffffff26}
.hub-choice-online{border-color:#b4c7ed9c;background:radial-gradient(ellipse at 10% 0%,#ffffff1c,transparent 65%),linear-gradient(125deg,var(--entry-online),var(--entry-online-deep))}
.hub-choice::after{content:'';position:absolute;right:-45px;bottom:-75px;width:160px;height:160px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 18px #ffffff05;pointer-events:none}
.hub-choice:hover,.hub-choice:focus-visible{border-color:#ffe1a0;box-shadow:0 17px 36px #130b2445,0 0 0 3px #edcf891c;outline:none}
.hub-choice-symbol{display:grid;place-items:center;width:70px;height:76px;border-radius:20px;flex-shrink:0;font-size:50px;color:#ffe3a0;background:#fff4d512;border:1px solid #ffe2a32b;text-shadow:0 4px 16px #20132e30}
.hub-choice strong{color:#fff7e7}
.hub-choice small{color:#f1e6f0;font-size:12px}
.hub-choice b{color:#ffe3a0}
.entry-account-choices>button{border-color:#d4ba8a75;background:linear-gradient(120deg,var(--entry-surface),var(--entry-surface-deep));box-shadow:inset 0 1px #ffffff12}
.entry-account-choices>button:hover,.entry-account-choices>button:focus-visible{border-color:#ffe2a3;background:linear-gradient(120deg,var(--entry-local),var(--entry-local-deep));outline:2px solid #ffe2a322;outline-offset:2px}
.entry-account-choices small{color:#dedbd5}
.online-profile-trigger{background:linear-gradient(120deg,#cfb07925,#d5c1e114);border-color:#d9bd7f77}
@media(max-width:650px){.hub-choice{min-height:145px;padding:22px 19px;gap:16px}.hub-choice-symbol{width:55px;height:64px;border-radius:17px;font-size:42px}.hub-choice strong{font-size:18px}.hub-choice small{line-height:1.5}}

/* Online UI upgrade; local board and its mode cards untouched. */
.coc-admin-button{background:#2f4032;color:#f2d79c;border:1px solid #b9a06e;border-radius:12px;padding:10px;font-size:12px;font-weight:800}.coc-admin-button[hidden]{display:none}
.coc-return-room{display:block;width:100%;padding:17px;margin:18px 0;border-radius:12px;background:#304538;color:#f0dbac;border:1px solid #c4a975;font-weight:800}
.coc-mode-picker{padding:15px;margin:16px 0;background:#172723;border:1px solid #4b5f4d;border-radius:16px}.coc-picker-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:13px}.coc-picker-head h3{font-size:21px;margin:3px 0}.coc-picker-head p,.coc-picker-tip{color:#b7c6b5;font-size:11px}.coc-picker-head small{color:#eac584;font-weight:800}.coc-picker-head button{padding:10px;border-radius:10px;border:1px solid #786c4a;background:#2a3e32;color:#e6d4a7}
.coc-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.coc-mode-square{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 5px;min-height:107px;min-width:0;text-align:center;border-radius:12px;background:linear-gradient(140deg,#2b3e32,#1b2a29);border:1px solid #5c725a;color:#f0e8d7}.coc-mode-square span{font-size:31px;line-height:1.2}.coc-mode-square strong{font-size:12px}.coc-mode-square small{font-size:10px;color:#b4c6b5}.coc-mode-square.active{background:#40503b;border:2px solid #f0cd83}.coc-mode-square:disabled{opacity:.4}.coc-picker-tip{margin:12px 0 0}.coc-room-exit{text-align:center;margin:18px 0}.coc-room-exit button{padding:10px 15px;border:1px solid #7b6b4c;border-radius:9px;color:#e4c593;background:transparent}
.coc-admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.coc-admin-stats span{display:grid;gap:4px;padding:13px;border-radius:13px;background:#263b31}.coc-admin-stats strong{font-size:25px;color:#f1cb81}.coc-admin-stats small{font-size:11px}
.coc-admin-section{border-top:1px solid #506750;padding-top:13px;margin-top:17px}.coc-admin-section h3{font-size:18px}.coc-admin-section p{font-size:12px;color:#b8c7b5}
.coc-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.coc-season-grid button{background:#284033;border:1px solid #60775d;border-radius:10px;color:#f4dfb9;padding:10px 6px;font-size:12px}.coc-season-grid button.selected{background:#49543e;border-color:#e8c479}
.coc-admin-players{display:grid;gap:7px;max-height:340px;overflow:auto}.coc-admin-player{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid #526953;border-radius:10px;background:#1b3027}.coc-admin-player strong{font-size:13px}.coc-admin-player small{display:block;font-size:11px;color:#afc1b3}.coc-xp{display:flex;align-items:center;gap:5px}.coc-xp input{width:69px;min-width:40px;padding:8px 4px;background:#10211b;border:1px solid #67816b;border-radius:7px;color:#f6e2bd}.coc-xp button{min-width:33px;height:37px;border:1px solid #7c865f;border-radius:8px;background:#354d39;color:#f6dea3;font-weight:800}
.coc-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.coc-import-card{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #5a735b;background:#21392e;color:#ead5aa;padding:15px 7px;border-radius:12px}.coc-import-card span{font-size:34px}.coc-import-card strong{font-size:12px}.coc-import-card small{font-size:10px}
@media(max-width:650px){.online-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.online-choice{min-height:130px;padding:12px 7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center}.online-choice-friends{min-height:130px;grid-column:auto}.online-choice-icon,.online-choice-friends .online-choice-icon{font-size:36px;letter-spacing:0;padding:0}.online-choice strong{font-size:12px}.online-choice small{font-size:10px;margin-top:3px}.online-choice b{display:none}.coc-mode-grid{gap:6px}.coc-mode-square{padding:7px 3px}.coc-admin-button{font-size:10px;padding:7px}.coc-admin-player{flex-direction:column;align-items:start}.coc-xp{width:100%}.coc-xp input{flex:1}}

/* Final comfort polish */
.online-fields select,.online-form select,.online-skin-label select,.online-form input{color-scheme:dark}
.online-fields select option,.online-form select option,.online-skin-label select option{background-color:#101d1e;color:#f0ecdc}
.top-nav .settings-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}
.settings-army-section .settings-army-open+.settings-army-open{margin-top:10px;background:#25362e;border:1px solid #536754}
@media(max-width:650px){.coc-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coc-mode-square{min-height:104px}.coc-admin-button{font-size:9px;white-space:nowrap}}

/* 3.1.3 · La estética del modo local se extiende al lobby y online.
   Se reutilizan choice-card, choice-art, mode-art y mode-detail originales. */
#playHub .coc-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:34px auto 0;max-width:950px}
#playHub .coc-path-card{overflow:visible;isolation:isolate;border:1px solid #cba36d;background:#292b35;box-shadow:0 16px 38px #0e071c48,0 0 0 1px #e8c4871d}
#playHub .coc-path-card .choice-art{overflow:hidden;border-radius:21px 21px 0 0}
#playHub .coc-path-card .choice-meta{background:linear-gradient(125deg,#41284f,#2d263d);border-radius:0 0 20px 20px;min-height:123px}
#playHub .coc-path-card .choice-next{right:15px;bottom:22px}
#playHub .coc-path-online .choice-art{background:radial-gradient(ellipse at 50% 55%,#786ec744,transparent 66%),linear-gradient(145deg,#4a425e,#213329)}
#playHub .coc-path-online .choice-mainpiece{color:#d7c0ef}
#playHub .coc-path-online .choice-smallpiece{color:#d3deb9}
#playHub .coc-path-card:focus-visible{outline:3px solid #f0d393;outline-offset:4px}
#playHub .coc-path-card .choice-eyebrow{font-size:9px}
#playHub .coc-path-card .choice-meta strong{font-size:clamp(15px,2.8vw,25px);line-height:1.2;letter-spacing:.2px;padding-right:13px}
#playHub .coc-path-card .choice-meta small{font-size:12px;line-height:1.35}
#playHub .season-sidekick{top:-12px;right:14px;z-index:12}
#playHub .coc-path-online .season-sidekick{right:auto;left:12px}
.coc-online-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
.coc-online-card{min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:0!important;border:1px solid #c8a36f!important;border-radius:19px!important;overflow:hidden;box-shadow:0 14px 30px #12081d50;background:#292d33!important;position:relative}
.coc-online-card .choice-art{width:100%;height:166px;flex-shrink:0}
.coc-online-card .choice-art .checker{width:230px;height:215px;background-size:50px 50px}
.coc-online-card .choice-mainpiece{font-size:118px;top:22px;left:calc(50% - 38px)}
.coc-online-card .choice-smallpiece{font-size:57px;top:88px}
.coc-online-card .choice-meta{padding:14px 15px 20px;min-height:114px;justify-content:flex-start;flex:1;background:linear-gradient(125deg,#432a4d,#30253d)}
.coc-online-card .choice-meta strong{font-size:clamp(13px,2.3vw,19px);line-height:1.2;letter-spacing:.3px;padding-right:13px}
.coc-online-card .choice-meta small{font-size:11px;line-height:1.35}
.coc-online-card .choice-eyebrow{font-size:9px}
.coc-online-card .choice-next{font-size:18px;right:12px;bottom:14px}
.coc-online-card.coc-card-classic .choice-art{background:radial-gradient(ellipse at 50% 50%,#b0884b45,transparent 70%),linear-gradient(145deg,#565345,#2b2b35)}
.coc-online-card.coc-card-friends .choice-mainpiece{color:#e2c3f0}
.coc-online-card.coc-card-surprise{grid-column:1/-1;justify-self:center;width:calc((100% - 14px)/2)}
.coc-online-card:focus-visible,.coc-room-mode:focus-visible{outline:3px solid #efd08d;outline-offset:3px}
.coc-friends-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:15px}
.coc-friends-entry .coc-online-card .choice-art{height:186px}
.coc-friends-entry .coc-online-card .choice-meta{min-height:155px}
.coc-join-card{border:1px solid #cfa879;border-radius:20px;background:#30293b;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 33px #12081c44}
.coc-join-art{--accent:#e9b580;--artbg:#4b3859;position:relative;display:block;height:155px;background:linear-gradient(145deg,#56435d,#312735);overflow:hidden}
.coc-join-art .art-grid{width:200px;height:200px;background-size:50px 50px}
.coc-join-art .mode-figure{font-size:88px;left:calc(50% - 45px);top:27px}
.coc-join-art .mode-figure-b{font-size:53px;top:65px}
.coc-join-content{display:grid;gap:7px;padding:16px}
.coc-join-content strong{font-size:clamp(15px,2.3vw,20px);color:#f7e9cd}
.coc-join-content label{font-size:11px;color:#c8b2cb}
.coc-join-content input{width:100%;min-width:0;background:#211e2c;color:#f8ecdb;border:1px solid #ad8b83;border-radius:10px;padding:12px;font-size:15px}
.coc-join-content .primary{margin-top:5px}
.coc-mode-picker{background:linear-gradient(160deg,#32243f,#221b30)!important;border:1px solid #d3ab78!important;box-shadow:0 14px 38px #13071c32}
.coc-picker-head small{color:#f4bb7e!important}.coc-picker-head h3{color:#fff2dc}.coc-picker-head p{color:#d9c5dd}
.coc-mode-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.coc-room-mode{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:linear-gradient(150deg,#3c2746,#2d2339)!important;border:1px solid var(--accent,#d4a96e)!important;border-radius:16px!important;box-shadow:0 9px 19px #12081d38;text-align:left!important;gap:0!important}
.coc-room-mode .mode-art{width:100%;height:145px!important;flex-shrink:0}
.coc-room-mode .art-grid{width:160px;height:160px;background-size:38px 38px}
.coc-room-mode .mode-figure{font-size:75px;top:33px}.coc-room-mode .mode-figure-b{font-size:49px;top:64px}
.coc-room-mode .mode-detail{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-height:104px;padding:12px 13px 15px!important;background:linear-gradient(130deg,#43294e,#32253b)!important}
.coc-room-mode .mode-detail strong{font-size:15px;color:#f5eddf}.coc-room-mode .mode-detail small{font-size:10px;color:#c6bbce;line-height:1.3}
.coc-room-mode .mode-label{font-size:9px;letter-spacing:1px}
.coc-room-mode.active{border:2px solid #f5c975!important;box-shadow:0 0 0 1px #f9cd7933,0 13px 28px #140b224f}
.coc-room-mode:disabled{opacity:.38;filter:grayscale(.4);cursor:not-allowed}
.coc-room-mode .mode-tick{right:9px;top:9px}
html[data-season=christmas] .coc-path-card .choice-meta,
html[data-season=christmas] .coc-online-card .choice-meta,
html[data-season=christmas] .coc-room-mode .mode-detail{background:linear-gradient(125deg,#204238,#1c3032)!important}
html[data-season=valentine] .coc-path-card .choice-meta,
html[data-season=valentine] .coc-online-card .choice-meta,
html[data-season=valentine] .coc-room-mode .mode-detail{background:linear-gradient(125deg,#65304d,#402b48)!important}
html[data-season=none] .coc-path-card .choice-meta,
html[data-season=none] .coc-online-card .choice-meta,
html[data-season=none] .coc-room-mode .mode-detail{background:linear-gradient(125deg,#2f473c,#222e34)!important}
@media(max-width:650px){
 #playHub .coc-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:27px}
 #playHub .coc-path-card{min-height:0!important;border-radius:17px}
 #playHub .coc-path-card .choice-art{height:170px;border-radius:16px 16px 0 0}
 #playHub .coc-path-card .choice-art .checker{width:214px;height:200px;background-size:49px 49px}
 #playHub .coc-path-card .choice-mainpiece{font-size:108px;top:34px;left:calc(50% - 34px)}
 #playHub .coc-path-card .choice-smallpiece{font-size:49px;top:100px}
 #playHub .coc-path-card .choice-meta{padding:14px 11px 20px;min-height:131px}
 #playHub .coc-path-card .choice-meta strong{font-size:clamp(14px,3.65vw,19px)}
 #playHub .coc-path-card .choice-meta small{font-size:11px}
 #playHub .coc-path-card .choice-eyebrow{font-size:8px;letter-spacing:.8px}
 #playHub .coc-path-card .choice-next{font-size:18px;right:8px;bottom:8px}
 .coc-online-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .coc-online-card .choice-art{height:145px}
 .coc-online-card .choice-meta{padding:12px 10px 18px;min-height:114px}
 .coc-online-card .choice-meta strong{font-size:14px;overflow-wrap:anywhere}
 .coc-online-card .choice-eyebrow{font-size:8px}
 .coc-online-card.coc-card-surprise{width:calc((100% - 9px)/2)}
 .coc-friends-entry{gap:10px}
 .coc-join-art{height:150px}
 .coc-join-content{padding:12px}.coc-join-content strong{font-size:14px}
 .coc-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .coc-room-mode .mode-art{height:140px!important}
 .coc-room-mode .mode-detail{min-height:112px}
}
@media(prefers-reduced-motion:reduce){.coc-online-card,.coc-path-card,.coc-room-mode{transition:none!important;animation:none!important}}

/* Call of Chess 3.1.4: panel limpio, dos ejércitos de cuenta y secciones verticales. */
.online-dialog.coc-armies-view{background:linear-gradient(155deg,#253631,#142728 72%);border-color:#b6a2708c}
.coc-army-intro{margin:7px 0 19px!important;color:#bfcbb9!important;font-size:13px!important;line-height:1.6!important}
.coc-simple-armies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:stretch}
.coc-simple-army-card{min-width:0;min-height:226px;padding:16px 12px!important;gap:10px!important;border:1px solid #7180637e!important;border-radius:15px!important;background:linear-gradient(155deg,#182d28,#102321)!important}
.coc-simple-army-card.is-empty{border-style:dashed!important}
.coc-simple-army-card .online-cloud-number{font-size:10px;letter-spacing:1.1px;color:#dcbe85}
.coc-simple-army-card>strong{font-size:15px;line-height:1.23;min-height:35px;color:#f3eedc;overflow-wrap:anywhere}
.coc-simple-army-card .online-cloud-pieces{min-width:0;margin:3px 0;min-height:32px;gap:2px}
.coc-simple-army-card .online-cloud-pieces span{font-size:clamp(16px,4.4vw,23px)}
.coc-simple-army-card .online-cloud-pieces img{min-width:0;width:calc((100% - 10px)/6);height:27px;object-fit:contain}
.coc-army-status{font-size:10px!important;color:#b7caa9!important;line-height:1.3;min-height:26px}
.coc-army-edit{margin-top:auto;min-height:44px;width:100%;border:1px solid #dfc180!important;border-radius:10px;background:linear-gradient(130deg,#665537,#3d422e)!important;color:#f7e6bb!important;font-weight:800;font-size:12px;padding:10px 5px;white-space:normal;cursor:pointer}
.coc-army-edit:hover,.coc-army-edit:focus-visible{outline:none;border-color:#ffe2a0!important;background:#685b40!important}
.coc-army-edit:disabled{opacity:.6}
.coc-account-sections{display:grid;grid-template-columns:1fr;gap:13px;margin-top:26px}
.coc-account-section{min-width:0;display:grid;gap:6px;padding:15px 15px 14px;border:1px solid #69735c5e;border-radius:14px;background:#152926}
.coc-account-section h3{margin:0 0 5px;font-size:13px;letter-spacing:.2px;color:#e6c98f}
.coc-account-section .coc-section-row{width:100%;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:12px 11px;border:1px solid #4c665953;background:#203631;color:#e8e8db;border-radius:9px;font-size:13px;line-height:1.35;text-align:left;cursor:pointer}
.coc-account-section .coc-section-row span{flex:1;min-width:0}
.coc-account-section .coc-section-row b{font-size:17px;color:#cdb47f;font-weight:500}
.coc-account-section .coc-section-row:focus-visible{outline:2px solid #e8ca8e;outline-offset:2px}
.coc-account-admin{border-color:#b79b597a;background:linear-gradient(125deg,#2f3128,#1b2c27)}
.coc-account-session{background:#13221f;border-color:#51625440}
.coc-account-session .coc-section-row{background:#182924}
.coc-legacy-draw{margin-top:12px;border-top:1px solid #8b89553d;padding-top:12px}
.coc-legacy-draw summary{font-size:11px;color:#b3c1b0;cursor:pointer}
.coc-legacy-draw .settings-army-open{margin-top:9px;font-size:12px}
@media(max-width:650px){
 .online-dialog.coc-armies-view{padding:29px 18px}
 .coc-simple-armies{gap:9px}
 .coc-simple-army-card{padding:14px 9px!important;min-height:214px}
 .coc-simple-army-card>strong{font-size:13px}
 .coc-army-edit{font-size:11px}
 .coc-account-section{padding:13px 12px}
}

/* Multiplayer comfort patch: stabilized scrolling, simpler host-first lobby. */
.coc-start-now{min-height:54px!important;width:100%;font-weight:800!important}
.coc-waiting-host{display:block;border:1px solid #cba96c66;border-radius:11px;padding:14px;background:#392a48;color:#f3d5a2;font-size:12px}
#boardViewport,#board,.board-wrap{overflow-anchor:none;overscroll-behavior:contain}
#boardViewport{scroll-behavior:auto}

/* 1.0.3 stable multiplayer board and stable night mode */
body.playing #game,body.playing .board-column,body.playing .board-viewport{overflow-anchor:none}
body.playing.night-mode .night-info{min-height:34px;box-sizing:border-box}

/* 1.1 | Chat por bando y recompensas sin interrumpir tablero */
.online-phrase-bubble{position:fixed;inset:0;z-index:2600;pointer-events:none;transform:none;max-width:none;padding:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;overflow:hidden}
.online-phrase-bubble[hidden]{display:none}
.coc-speech{position:absolute;max-width:min(220px,43vw);display:flex;flex-direction:column;gap:4px;padding:9px 13px;border-radius:14px;background:#eed8b6;color:#302437;box-shadow:0 4px 15px #130e1c65;animation:coc-speech-in .16s ease-out;overflow-wrap:anywhere}
.coc-speech strong{font-size:11px;color:#74532f}.coc-speech span{font-size:13px;line-height:1.3}
.coc-speech-mine{left:12px;bottom:calc(16% + env(safe-area-inset-bottom,0px));border-bottom-left-radius:3px}
.coc-speech-rival{right:12px;top:23%;background:#d8d7f1;border-top-right-radius:3px}
.coc-speech-rival strong{color:#51448b}
@keyframes coc-speech-in{from{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1)}}
.coc-local-reward{font-weight:800;color:#efd191;padding:12px;border:1px solid #b89a61;border-radius:12px;background:#35402f;line-height:1.4;margin:12px 0}
.coc-local-reward[hidden]{display:none}
@media(max-width:650px){.coc-speech{max-width:41vw;padding:8px 10px}.coc-speech span{font-size:12px}.coc-speech-mine{bottom:24%}.coc-speech-rival{top:29%}}
@media(prefers-reduced-motion:reduce){.coc-speech{animation:none}}

/* Call of Chess 1.1.1 — peaceful, explicit cloud save status */
.coc-army-existing{display:block;width:100%;margin-top:6px;background:transparent;border:0;color:#efd6a1;font-size:11px;line-height:1.45;padding:9px 3px;cursor:pointer}
.coc-army-existing:hover,.coc-army-existing:focus-visible{text-decoration:underline;outline-offset:3px}
.coc-army-inline-warning,.coc-army-inline-note{background:#273a30;border:1px solid #8a8f655d;border-radius:10px;color:#e8dcc3!important;padding:11px 13px;font-size:12px!important;line-height:1.5}
.coc-army-inline-warning button{border:0;background:transparent;color:#f4db9e;font-weight:800;text-decoration:underline;font-size:12px;padding:4px}
.coc-army-inline-note{color:#b6ccb8!important}
.coc-army-status{display:block;min-height:25px}

/* 1.2 · Native browser drop-downs replaced by themed, accessible choices. */
.coc-picker-wrap{position:relative;display:flex;min-width:0;flex:1;align-items:center}
.coc-picker-wrap select.coc-native-select{position:absolute!important;left:0!important;top:0!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;max-width:1px!important;padding:0!important;border:0!important;z-index:-1}
.coc-picker-trigger{min-width:0;width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:linear-gradient(125deg,#35483d,#233832);color:#f8e6c2;border:1px solid #a79268;border-radius:11px;font:750 13px system-ui,sans-serif;text-align:left;cursor:pointer}
.coc-picker-trigger:focus-visible{outline:2px solid #f7d896;outline-offset:3px}
.coc-current-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coc-current-art{display:flex;align-items:center;min-width:25px;max-width:95px;height:28px;gap:2px;font:700 17px Georgia,serif}
.coc-current-art .coc-option-art.compact{max-width:90px;height:27px;font-size:14px}
.coc-current-art img{height:100%;max-width:27px;object-fit:contain}
.coc-current-arrow{color:#ecd197;font-size:20px}
.army-player-choice .coc-picker-wrap{max-width:100%}
.army-player-choice .army-quick-preview,.army-player-choice .army-player-chevron{display:none}
.army-player-choice .coc-picker-trigger{padding:6px 8px;min-height:44px;font-size:12px}
.online-skin-label .coc-picker-wrap{width:100%}
.online-fields label>.coc-picker-wrap{margin-top:6px}
.coc-picker-modal{position:fixed;inset:0;z-index:2147482600;display:grid;place-items:center;padding:18px;isolation:isolate}
.coc-picker-shade{position:absolute;inset:0;background:#090713c7;backdrop-filter:blur(4px);z-index:-1}
.coc-picker-panel{width:min(560px,100%);max-height:min(78dvh,720px);display:flex;flex-direction:column;overflow:hidden;padding:20px 17px;background:radial-gradient(ellipse at 30% 0%,#60436a,#34253e 53%,#1a2630);border:1px solid #e6b876;border-radius:23px;box-shadow:0 20px 75px #0009;color:#f5e5cd}
.coc-picker-top{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:17px}
.coc-picker-titles small{font-size:10px;letter-spacing:2px;color:#edbb85;font-weight:800}
.coc-picker-titles h3{font-size:21px;margin:6px 0 0;line-height:1.25;color:#ffebd4}
.coc-picker-x{width:42px;height:42px;min-width:42px;background:#3e2b42;color:#f5d9a3;border:1px solid #b58c72;border-radius:12px;cursor:pointer}
.coc-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;overscroll-behavior:contain;padding:2px 2px 10px}
.coc-picker-card{position:relative;min-width:0;min-height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;padding:14px 7px;background:linear-gradient(145deg,#4a3857,#303043);color:#f3e8da;border:1px solid #a78c67;border-radius:13px;cursor:pointer}
.coc-picker-card strong{font-size:12px;overflow-wrap:anywhere;line-height:1.28}
.coc-picker-card.picked{border:2px solid #f3c576;background:#5b4856}
.coc-picker-card:disabled{opacity:.35;cursor:not-allowed}
.coc-picker-selected{position:absolute;right:8px;top:5px;color:#f9df9c;font-size:15px}
.coc-picker-glyph{font:700 30px Georgia,serif;color:#ead2ad}
.coc-option-art{display:flex;justify-content:center;align-items:center;gap:4px;max-width:100%;height:43px;color:#f6d2a1;font:700 25px Georgia,serif;white-space:nowrap}
.coc-option-art img{height:43px;width:43px;max-width:30%;object-fit:contain}
.coc-picker-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}
.coc-picker-numbers .coc-picker-card{min-height:63px;padding:10px 5px}
.coc-picker-numbers .coc-picker-card strong{font-size:20px}
@media(max-width:520px){.coc-picker-modal{padding:10px}.coc-picker-panel{max-height:83dvh;padding:16px 12px}.coc-picker-grid{gap:8px}.coc-picker-card{min-height:82px}.coc-picker-panel.army .coc-picker-card{min-height:122px}.coc-picker-titles h3{font-size:19px}.coc-picker-trigger{font-size:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){.coc-picker-modal{animation:none!important}}

/* Editing recovery hint: existing layers never discarded on failed PNG decode */
.coc-mode-picker .coc-mode-grid>.coc-mode-with-help{min-width:0}
.coc-mode-picker .coc-mode-with-help .coc-room-mode{display:flex!important;min-height:0!important}
.coc-mode-picker .coc-mode-help-button{right:7px;top:7px}

/* Version 1.4: small army CTA and no-jump replay navigator */
.coc-draw-cta{max-width:640px;margin:22px auto 0;width:calc(100% - 34px);display:flex;align-items:center;gap:13px;padding:15px 18px;text-align:left;border:1px solid #d9ac77;border-radius:15px;background:linear-gradient(115deg,#4a3154,#283e35);color:#f8e9d1;box-shadow:0 8px 24px #120a1b50}
.coc-draw-cta span:first-child{font-size:30px}.coc-draw-cta span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.coc-draw-cta strong{font-size:15px}.coc-draw-cta small{font-size:11px;color:#decfd9}.coc-draw-cta b{color:#f8cb8a;font-size:19px}
.coc-replay-bar:not([hidden]){position:sticky;z-index:40;bottom:7px;max-width:650px;margin:12px auto 0;padding:11px;border-radius:13px;border:1px solid #d3b078;background:linear-gradient(110deg,#3f2e50,#243e35);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;color:#f7ead1;box-shadow:0 10px 29px #10071877}
.coc-replay-bar button{min-height:43px;min-width:43px;border-radius:9px;border:1px solid #d0aa75;background:#453451;color:#fae8c7;font-weight:bold;padding:7px 13px}.coc-replay-bar span{flex:1;text-align:center;font-size:12px}
@media(max-width:650px){.coc-draw-cta{width:calc(100% - 14px);padding:12px}.coc-replay-bar{padding:7px;gap:5px}}

/* Account approvals 1.5 */
.coc-reg-actions{display:flex;flex-wrap:wrap;gap:7px}.coc-reg-actions button{background:#2d4b39;border:1px solid #8fa985;color:#f1e4d0;border-radius:9px;padding:9px 12px;min-height:40px;font-weight:800}.coc-reg-actions button[data-reject]{background:#54373e;border-color:#bd8585}.coc-reg-actions button:disabled{opacity:.5}.coc-admin-player small{overflow-wrap:anywhere}

/* v1.6 — compact TOP global */
.coc-top-link:not([hidden]){display:flex;align-items:center;justify-content:center;min-height:40px;margin:12px auto 2px;padding:8px 17px;border:1px solid #d1ac7777;border-radius:999px;background:#2f423a77;color:#f4dba6;font-size:12px;font-weight:800;letter-spacing:.7px;cursor:pointer}
.coc-top-link:focus-visible{outline:2px solid #eac68e;outline-offset:3px}
.coc-top-board{max-height:55dvh;overflow-y:auto;display:grid;gap:8px}
.coc-top-entry{display:flex;align-items:center;gap:13px;padding:11px 14px;background:#2a3d33;border:1px solid #a99d7177;border-radius:12px}
.coc-top-entry.coc-podium{border-color:#d7b77f;background:#493b4c}
.coc-top-entry .coc-top-place{width:38px;flex-shrink:0;text-align:center;color:#f4d19a;font-size:18px}
.coc-top-entry div{display:grid;gap:3px;flex:1;min-width:0;color:#f6e7cc}.coc-top-entry strong{font-size:14px;overflow-wrap:anywhere}.coc-top-entry small{font-size:11px;color:#b9cbb5}
.coc-top-entry b{color:#f5d59f;white-space:nowrap;font-size:13px}

/* Call of Chess 1.6.1 — Compact RPG-style profile level and XP progress.
   Visual-only: levelOf() and the existing identity refresh remain authoritative. */
.online-profile-trigger.coc-player-chip{
 display:flex;align-items:center;gap:9px;min-width:0;max-width:238px;min-height:53px;
 padding:7px 10px;border:1px solid #c7a46c85;border-radius:13px;flex:0 1 auto;
 background:linear-gradient(120deg,#394337c9,#322e41d9);
 box-shadow:inset 0 1px 0 #ffffff13,0 4px 15px #0003;
 color:#f7e5bf;text-align:left;white-space:normal;overflow:hidden;
}
.coc-player-chip .coc-player-level{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
 min-width:39px;width:39px;height:39px;flex-shrink:0;
 border:1px solid #d6b678;border-radius:11px;
 background:linear-gradient(155deg,#6e5842,#33393c);
 box-shadow:inset 0 0 10px #f0c98118;
}
.coc-player-chip .coc-player-level small{font-size:8px;line-height:1;color:#ead6a8;font-weight:900;letter-spacing:.65px}
.coc-player-chip .coc-player-level b{font-size:17px;line-height:1.1;color:#fff0c8;font-weight:900}
.coc-player-chip .coc-player-info{display:grid;gap:6px;flex:1;min-width:0}
.coc-player-chip .coc-player-line{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.coc-player-chip .coc-player-line strong{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;color:#f6e8d0}
.coc-player-chip .coc-player-line small{font-size:9px;font-weight:800;color:#e3bd7a;white-space:nowrap;flex-shrink:0}
.coc-player-chip .coc-player-meter{display:block;width:100%;height:5px;min-height:5px;overflow:hidden;border-radius:99px;background:#172820;border:1px solid #856f4d7a}
.coc-player-chip .coc-player-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#adad63,#eed197);transition:width .25s ease}
.coc-player-chip .coc-player-chevron{flex-shrink:0;font-size:13px;color:#d8c39b;margin-left:0}
@media(max-width:650px){
 .online-profile-trigger.coc-player-chip{max-width:190px;min-height:46px;gap:6px;padding:5px 7px;border-radius:12px}
 .coc-player-chip .coc-player-level{width:32px;min-width:32px;height:32px;border-radius:9px}
 .coc-player-chip .coc-player-level b{font-size:14px}
 .coc-player-chip .coc-player-level small{font-size:7px}
 .coc-player-chip .coc-player-info{gap:5px}
 .coc-player-chip .coc-player-line strong{font-size:11px}
 .coc-player-chip .coc-player-line small{font-size:8px}
 .coc-player-chip .coc-player-chevron{display:none}
}
@media(max-width:390px){
 .online-profile-trigger.coc-player-chip{max-width:155px;gap:5px;padding:5px 6px}
 .coc-player-chip .coc-player-level{width:29px;min-width:29px;height:30px}
 .coc-player-chip .coc-player-line small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.coc-player-chip .coc-player-fill{transition:none}}

.coc-top-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 12px}
.coc-top-tabs button{min-height:46px;padding:9px 6px;border:1px solid #937e63;border-radius:10px;background:#273d32;color:#e7dcca;font-size:12px;font-weight:800}
.coc-top-tabs button.selected{background:#5a4150;border:2px solid #e8c07b;color:#ffedcd}
.coc-top-tabs button:focus-visible{outline:2px solid #f9d99a;outline-offset:2px}
.coc-top-about{font-size:12px!important;line-height:1.5!important;margin-bottom:13px!important;color:#e0d0b9!important}
.coc-top-disclaimer{font-size:10px!important;line-height:1.5!important;margin-top:14px!important;color:#baaea0!important}
@media(max-width:480px){.coc-top-tabs button{font-size:11px}}

/* XP category selector in admin panel */
.coc-xp-category{display:grid;gap:6px;min-width:150px}
.coc-xp-category label{display:grid;gap:3px;font-size:10px;color:#e1d2b1}
.coc-xp-category select{min-height:38px;width:100%;border:1px solid #c5a273;border-radius:9px;padding:7px;background:#2c4337;color:#f8e5cc;font-size:12px}
.coc-xp-category .coc-xp{display:flex;gap:6px}
@media(max-width:580px){.coc-xp-category{width:100%;min-width:0}}

/* Call of Chess 1.7.1 · Recover and edit individual cloud artwork on a new device */
.coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut{
 appearance:none;display:grid;place-items:center;flex:0 0 calc((100% - 10px)/6);
 width:calc((100% - 10px)/6);min-width:0;min-height:35px;height:37px;
 padding:2px;border:1px solid #a2a06d66;border-radius:7px;background:#243c3488;
 cursor:pointer;overflow:hidden;
}
.coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut img{
 display:block;width:100%;height:100%;max-width:100%;min-width:0;object-fit:contain;
}
.coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut:focus-visible{
 outline:2px solid #f4d28b;outline-offset:2px;border-color:#f6d491;
}
.coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut:active{
 background:#56654a;
}
.coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut:disabled{opacity:.45;cursor:wait}
@media(max-width:580px){
 .coc-simple-army-card .online-cloud-pieces .coc-army-piece-shortcut{height:36px;min-height:36px;padding:1px}
}


/* Touch-first navigation: only menus and dialogs (never the chessboard). */
#playHub button,#home button,#onlineScreen button,.online-dialog button,.coc-confirm-panel button {
 -webkit-tap-highlight-color:transparent;
 touch-action:manipulation;
}
@media(hover:none){
 #playHub button:not(:disabled):active,#home button:not(:disabled):active,
 #onlineScreen button:not(:disabled):active,.online-dialog button:not(:disabled):active {
  filter:brightness(1.12);
 }
}
#onlineScreen button:focus-visible,.online-dialog button:focus-visible,#playHub button:focus-visible,#home button:focus-visible{
 outline:3px solid #f1cf88;outline-offset:2px;
}
#onlineScreen .stage-back,.online-dialog-close{min-height:44px;min-width:44px}
#onlineScreen button[aria-busy=true]{opacity:.76;cursor:progress}
#roomCodeInput[aria-invalid=true]{border-color:#f2aa89!important;box-shadow:0 0 0 2px #f2aa8933}
@media(prefers-reduced-motion:reduce){
 #playHub button,#home button,#onlineScreen button,.online-dialog button{transition:none!important;animation:none!important}
}

/* Preserve the artwork and inner controls of rich navigation cards while loading. */
#onlineScreen button.coc-pending-action{position:relative;overflow:hidden}
#onlineScreen .coc-pending-action-label{
 position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;
 padding:10px;text-align:center;background:#1c372ee9;color:#ffe4a5;
 font-size:13px;font-weight:900;letter-spacing:.4px;pointer-events:none
}

/* 1.8.2 — branded difficulty choices instead of the system/Google dropdown */
.coc-picker-panel.bot-difficulty{width:min(410px,100%)}
.coc-picker-panel.bot-difficulty .coc-picker-grid{grid-template-columns:1fr;gap:9px}
.coc-picker-panel.bot-difficulty .coc-picker-card{min-height:78px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;justify-items:start;padding:12px 14px;text-align:left}
.coc-picker-panel.bot-difficulty .coc-picker-glyph{grid-column:1;grid-row:1 / span 2;font-size:23px}
.coc-picker-panel.bot-difficulty .coc-picker-card strong{grid-column:2;grid-row:1}
.coc-picker-panel.bot-difficulty .coc-picker-bot-description{grid-column:2;grid-row:2;font-size:11px;line-height:1.35;color:#d1c6b8}
.coc-picker-panel.bot-difficulty .coc-picker-selected{grid-column:3;grid-row:1 / span 2}

/* 1.8.5 match-only written chat, compact and anchored below the board */
.coc-chat-toggle{position:fixed;z-index:150;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));min-height:44px;border:1px solid #e0bd89;border-radius:999px;padding:9px 15px;background:#2b4439;color:#fff0d3;font-size:12px;font-weight:850;box-shadow:0 4px 14px #0008}
.coc-chat-toggle.hidden{display:none!important}
.coc-match-chat:not([hidden]){display:flex;flex-direction:column;position:fixed;z-index:151;right:12px;bottom:calc(125px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 24px));max-height:52dvh;padding:12px;border:1px solid #d2b782;border-radius:16px;background:#22382f;color:#fff3d9;box-shadow:0 12px 45px #06100bd9}
.coc-match-chat[hidden]{display:none!important}
.coc-chat-head{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:13px}
.coc-chat-head button{min-height:33px;border:1px solid #94866c;border-radius:8px;padding:5px;background:#365146;color:#f5e5c4}
.coc-chat-head #onlinePhraseButton{font-size:10px;min-width:75px}
.coc-chat-disclaimer{font-size:10px;color:#c6b99c;margin:5px 0 8px}
.coc-chat-list{display:flex;flex-direction:column;gap:7px;flex:1;min-height:100px;max-height:30dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 10px}
.coc-chat-line{display:grid;gap:2px;align-self:flex-start;max-width:85%;padding:9px 11px;border-radius:12px 12px 12px 3px;background:#40584b;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.coc-chat-line.mine{align-self:flex-end;border-radius:12px 12px 3px 12px;background:#6d5044}
.coc-chat-line strong{font-size:10px;color:#f3d49d}.coc-chat-compose{display:flex;gap:7px;border-top:1px solid #c6aa7855;padding-top:9px}
.coc-chat-compose input{flex:1;min-width:0;min-height:42px;background:#183029;border:1px solid #a5937a;border-radius:9px;color:#fff5e8;padding:8px 10px;font-size:13px}
.coc-chat-compose button{width:44px;flex:0 0 44px;border:1px solid #e3c792;border-radius:10px;background:#d0a36a;color:#15231e;font-weight:900}
.coc-chat-compose button:disabled{opacity:.5}
.online-phrase-bubble{bottom:calc(135px + env(safe-area-inset-bottom))!important;top:auto!important}
@media(max-width:520px){.coc-match-chat:not([hidden]){bottom:calc(116px + env(safe-area-inset-bottom));max-height:47dvh}}

.coc-skin-save-help{display:block;margin-top:6px;line-height:1.4;font-size:10px;color:#c7d2c4;white-space:normal}

/* Call of Chess 189: shared multiplayer chat + six-piece skin chooser */
.coc-chat-dock[hidden]{display:none!important}
.coc-chat-dock{position:fixed;bottom:calc(9px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 22px));z-index:6200;display:flex;gap:6px;align-items:center;padding:7px 8px;border:1px solid #e8c87872;border-radius:16px;background:#1e2926f2;box-shadow:0 5px 26px #0009}
.coc-chat-dock label{font-size:18px;flex-shrink:0}
.coc-chat-dock input{flex:1;min-width:0;background:#f8f4e5;color:#1c2923;border:0;border-radius:9px;min-height:39px;padding:0 10px;font:inherit;font-size:14px}
.coc-chat-dock button{flex:0 0 42px;min-height:42px;border-radius:10px;background:#bf9b57;color:#111f1b;font-weight:800;cursor:pointer;border:0}
.coc-chat-dock #cocDockHistory{flex-basis:40px;background:#364a41;color:#f8e9c7}
.online-phrase-bubble:has(.coc-speech){position:fixed;inset:0;top:0;left:0;transform:none;max-width:none;width:100%;height:100%;background:none;box-shadow:none;padding:0;z-index:6150;overflow:hidden;pointer-events:none}
.online-phrase-bubble .coc-speech{position:absolute;max-width:min(240px,56vw);z-index:1;box-shadow:0 5px 18px #0007}
.online-phrase-bubble .coc-speech-mine{left:8px;bottom:calc(78px + env(safe-area-inset-bottom,0px));top:auto}
.online-phrase-bubble .coc-speech-rival{right:8px;top:24%;bottom:auto}
.coc-native-army-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.coc-army-picker{display:block!important}
.coc-army-picker>strong{display:block;margin-bottom:10px}
.coc-online-army-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:9px}
.coc-online-army-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:93px;padding:10px;border:1px solid #b9a46a66;border-radius:13px;background:#27372e;color:#f7e7c0;cursor:pointer;text-align:left}
.coc-online-army-card.chosen{border-color:#e8c56a;box-shadow:inset 0 0 0 1px #e8c56a}
.coc-online-army-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:1px}
.coc-online-army-icons img{width:100%;height:27px;object-fit:contain}
.coc-online-army-icons span{font-size:20px;text-align:center}
.coc-online-army-card strong{font-size:13px;overflow-wrap:anywhere}
.coc-online-army-check{font-size:11px;opacity:.88}
@media(max-width:760px){.coc-online-army-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.coc-chat-dock{width:calc(100vw - 16px)}}

/* 190 — quick-match game choice shared by both matched players */
.coc-quick-pick #cocHostSettings{display:none!important}
.coc-quick-pick .coc-picker-tip{font-weight:700;color:#f3d999}
.coc-quick-waiting-army{max-width:690px;margin:20px auto;padding:15px;border-radius:14px;border:1px solid #cfb77c44;background:#1d2925}
.coc-quick-waiting-army>strong{display:block;margin-bottom:12px;color:#f6ddb1}
@media(max-width:760px){.coc-quick-waiting-army{padding:10px;margin:12px auto}}

/* Call of Chess 191: keep chat outside the board on landscape mobiles */
@media(orientation:landscape) and (max-height:500px){.coc-chat-dock{left:auto;right:8px;transform:none;width:min(255px,calc(100vw - 16px));bottom:calc(6px + env(safe-area-inset-bottom,0px))}.online-phrase-bubble .coc-speech-mine{bottom:75px;left:7px}.online-phrase-bubble .coc-speech-rival{top:7%;right:8px}}

/* COC 192 — dedicated quick-match selection and keyboard-safe chat */
.coc-quick-stage{max-width:940px;margin:20px auto 36px;padding:clamp(14px,3vw,25px);border:1px solid #bba36c6b;border-radius:22px;background:linear-gradient(145deg,#25372d,#182824);box-shadow:0 18px 45px #06110c49;color:#f8eccc}
.coc-stage-section-label{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;color:#e0c88c;text-align:center}
.coc-quick-stage-players{padding:12px 8px 20px;border-bottom:1px solid #d3b87a39}
.coc-quick-stage-versus{display:flex;justify-content:center;align-items:center;gap:clamp(12px,5vw,36px);margin-top:15px}
.coc-match-person{min-width:0;max-width:42%;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}
.coc-match-person-avatar{height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#586b55,#2b473b);border:2px solid #ac9466;color:#f6e7c4;font-family:Georgia,serif;font-size:27px}
.coc-match-person:nth-child(3) .coc-match-person-avatar{background:linear-gradient(135deg,#625069,#342e50)}
.coc-match-person strong{font-size:16px;overflow-wrap:anywhere;max-width:100%}
.coc-match-person small{color:#bfbba6;font-size:11px}
.coc-match-versus{font-size:18px;font-weight:900;color:#d4bd89}
.coc-quick-stage-rule{display:flex;gap:4px;flex-direction:column;align-items:center;text-align:center;margin:19px auto;padding:13px 15px;border-radius:13px;background:#3853419c;color:#f4e8c7}
.coc-quick-stage-rule strong{font-size:16px}.coc-quick-stage-rule span{font-size:12px;line-height:1.5}
.coc-quick-stage-games-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:19px 0 13px}
.coc-quick-stage-games-head h3{font-size:18px;margin:0}.coc-quick-stage-games-head small{font-size:11px;color:#d3ccb6}
.coc-quick-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.coc-quick-stage-game{display:flex;align-items:center;text-align:left;gap:10px;min-width:0;min-height:85px;border:1px solid #a5b49b6b;border-radius:13px;padding:12px;background:linear-gradient(145deg,#314a3d,#263c33);color:#f6ead0;cursor:pointer}
.coc-quick-stage-game:active{transform:scale(.986)}.coc-quick-stage-game:focus-visible{outline:2px solid #e7c36e;outline-offset:2px}
.coc-quick-stage-game[disabled]{opacity:.65;cursor:wait}
.coc-quick-stage-icon{font-size:30px;line-height:1;min-width:36px;text-align:center;color:#f1d38a}
.coc-quick-stage-game-copy{display:flex;min-width:0;gap:5px;flex:1;flex-direction:column}
.coc-quick-stage-game-copy strong{font-size:13px;line-height:1.3}
.coc-quick-stage-game-copy small{font-size:10px;color:#d5ccb7;line-height:1.35}
.coc-quick-stage-game-next{font-size:23px;color:#e3cb8e}
.coc-quick-stage-armies{margin-top:22px;padding:12px;border:1px solid #bda7775e;border-radius:13px;background:#23362e}
.coc-quick-stage-armies summary{cursor:pointer;font-size:13px;font-weight:700;color:#f8e6b9;min-height:36px}
.coc-quick-stage-armies summary span{float:right;color:#dfc887;font-size:11px}
.coc-quick-stage-armies .coc-online-army-cards{margin-top:12px}
.coc-quick-stage-guest{color:#ddd0ad;font-size:11px;text-align:center}
.coc-quick-stage-footer{margin-top:21px;text-align:center}
.coc-quick-stage-footer button{min-height:43px;min-width:140px}
.coc-chat-dock.coc-chat-writing{z-index:6500;box-shadow:0 0 0 2px #dbb66e,0 9px 32px #000a}
.coc-chat-dock input{font-size:16px}
.coc-chat-dock button[type="submit"]{min-width:46px;flex-basis:46px;min-height:44px}
.coc-chat-dock.coc-chat-writing #cocDockHistory{display:none}
@media(max-width:620px){
 .coc-quick-stage{margin:13px auto 25px;padding:12px;border-radius:14px}
 .coc-quick-stage-grid{gap:7px}
 .coc-quick-stage-game{min-height:79px;padding:9px 7px;gap:7px}
 .coc-quick-stage-icon{font-size:26px;min-width:26px}
 .coc-quick-stage-game-copy strong{font-size:12px}
 .coc-quick-stage-game-copy small{font-size:10px;line-height:1.3}
 .coc-quick-stage-game-next{font-size:19px}
 .coc-quick-stage-games-head{display:block}
 .coc-quick-stage-games-head small{display:block;margin-top:5px}
}
@media(max-width:350px){
 .coc-quick-stage-game-copy small{display:none}
 .coc-quick-stage-game{min-height:64px}
 .coc-quick-stage-icon{font-size:23px}
 .coc-match-person-avatar{width:48px;height:48px}
}