/* Post-it setup: the game gets more room, while the player selector stays intact. */
@media(min-width:900px){#loginSection>.grid{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}}
#loginSection .profile-column>.postitguess-card{padding:20px!important}
#loginSection #avatarList{--collection-cell-width:102px}
@media(min-width:900px){#loginSection #mapsList{grid-auto-columns:calc((100% - 24px)/3.1)}}
.identity-setup{width:100%;min-width:0;margin:12px 0 4px;color:#203b4c}
.identity-setup>h3{margin:0 0 8px;font-size:15px;font-weight:900;color:#294d61}
.identity-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border:0;margin:0;padding:0;min-width:0}
.identity-mode-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;align-items:center;gap:5px 7px;padding:12px 11px;border:2px solid #d5dce3;border-radius:15px;background:linear-gradient(145deg,#fffef9,#eef2fb);box-shadow:0 3px 0 #cad5df;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;background-color:#f5f4ff;min-width:0}
.identity-mode-icon{font-size:23px;line-height:1.1;transition:transform .2s}.identity-mode-card strong{font-size:16px;font-weight:900;line-height:1.15;padding-right:7px;overflow-wrap:anywhere}
.identity-mode-description{grid-column:1/-1;color:#526978;font-size:12px;line-height:1.35;font-weight:700;min-height:33px}
.identity-mode-card:hover:has(input:enabled){transform:translateY(-3px);border-color:#93c6ca;box-shadow:0 5px 0 #bdd1d6}
.identity-mode-card:hover:has(input:enabled) .identity-mode-icon{transform:rotate(-10deg) scale(1.1)}
.identity-mode-card.is-selected{border-color:#518fa5;background:linear-gradient(140deg,#fff8d7,#e4f3f3);box-shadow:0 3px 0 #9abdc5,0 0 0 2px #d9ecee}
.identity-mode-card[data-mode=chaos].is-selected{background:linear-gradient(140deg,#fff2cc,#efe6ff);border-color:#9384c9;box-shadow:0 3px 0 #beb2dd}
.identity-mode-check{display:none;position:absolute;right:7px;top:7px;color:#087f85;font-size:13px;font-weight:900}.is-selected .identity-mode-check{display:block}
.identity-mode-card:has(input:focus-visible){outline:3px solid #087f85;outline-offset:3px}
.identity-mode-card:has(input:disabled){cursor:default}.identity-mode-card:has(input:disabled):not(.is-selected){opacity:.65}
body :is(#loginSection,#roomSection) input.identity-mode-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;clip-path:inset(50%);overflow:hidden}
.identity-context{min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:9px;padding:5px 10px;background:#eaf1f466;border-radius:12px}
.identity-theme-picker{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0}
.identity-selected-theme{font-size:16px;font-weight:900;color:#294d61;text-align:center;min-width:0;overflow-wrap:anywhere}
.identity-theme-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 9px;min-width:0}
.identity-category-count{display:inline-block;flex:none;font-size:12px;font-weight:800;color:#35636b;background:#dcece7;border-radius:7px;padding:3px 7px;white-space:nowrap}
.identity-theme-arrow{flex:none;display:grid;place-items:center;width:30px;height:29px;background:#fffdf3;color:#087f85;border:1px solid #abc5cf;border-radius:9px;box-shadow:0 2px 0 #b5c9d0;font-size:27px;line-height:1;cursor:pointer;transition:transform .18s}
.identity-theme-arrow:hover:enabled{transform:translateY(-2px);background:#fff0ba}.identity-theme-arrow:focus-visible{outline:3px solid #087f85;outline-offset:3px}.identity-theme-arrow:disabled{opacity:.45;cursor:default}
.identity-examples{font-size:12px;font-weight:700;color:#667987;text-align:center;margin:4px 0 0;line-height:1.3}
.identity-context-message{font-size:13px;font-weight:800;text-align:center;margin:0;line-height:1.4;color:#546781}
.identity-host-note{font-size:12px;text-align:right;color:#667987;margin:4px 0 0}.identity-setup-error{font-size:13px;color:#a04537;margin:8px 0}
.identity-setup [hidden],#automaticIdentityHint[hidden]{display:none!important}
#identitySetupLobby{margin:12px 0 14px}#identitySetupLobby .identity-mode-card{padding:9px 12px;grid-template-columns:25px minmax(0,1fr)}
#identitySetupLobby .identity-mode-description{min-height:0}#identitySetupLobby .identity-context{min-height:55px}
#automaticIdentityHint{background:#edf3f0;border:1px solid #c3d8d2;border-radius:12px;padding:10px 14px;margin:8px 0 14px;color:#315d60;font-size:14px;font-weight:800;text-align:center}
#roomSection:has(#identitySetupLobby[data-mode]:not([data-mode=manual])) [data-manual-target]{display:none}
@media(max-width:600px){
 .identity-modes{gap:6px}.identity-mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px 8px;gap:5px;border-radius:12px}
 .identity-mode-card strong{font-size:14px}.identity-mode-icon{font-size:21px}.identity-mode-description{font-size:11px;min-height:45px}
 .identity-selected-theme{font-size:14px}.identity-theme-picker{gap:8px}.identity-examples{font-size:11px}
 #identitySetupLobby .identity-mode-card{padding:8px}.identity-context{min-height:66px;padding:6px}
 #loginSection .profile-column>.postitguess-card{padding:16px!important}
}
@media(prefers-reduced-motion:reduce){.identity-mode-card,.identity-mode-icon,.identity-theme-arrow{transition:none}.identity-mode-card:hover:has(input:enabled){transform:none}}