.account-area{max-width:1080px;margin:0 auto;padding:1.25rem}.account-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem}.account-card{padding:1.3rem;border:1px solid #49635c;border-radius:16px;background:#16251f;margin:1rem 0}.account-area form{display:grid;gap:1rem;max-width:600px;margin:1rem 0}.account-area label{display:grid;gap:.4rem}.account-area input,.account-area select{min-height:44px;padding:.7rem;background:#0e1915;color:#fff;border:1px solid #789587;border-radius:8px;font:inherit;max-width:100%;width:100%;box-sizing:border-box}.account-area button{min-height:44px;padding:.7rem 1rem;margin:.25rem;border:1px solid #a6bfaf;border-radius:8px;background:#254b3c;color:white;font:inherit;cursor:pointer}.account-area button:disabled{opacity:.6;cursor:wait}.account-area button.danger{background:#742b34}.account-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.account-status{color:#b5e4c8}.account-area .error{color:#ffb9ba}.account-email{overflow-wrap:anywhere}.private-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.private-round{padding:1rem;background:#192e25;border:1px solid #4d7462;border-radius:12px}.private-standings{padding-left:1.5rem}.private-standings li{margin:.75rem 0}.daily-conflict{padding:1rem;background:#492f20;border:1px solid #dfb78f;border-radius:12px}.masked-board{display:grid;gap:.3rem}.masked-row{display:flex;gap:.25rem}.masked-cell{display:inline-block;width:1.7rem;height:1.7rem;border:1px solid #64756c;background:#34413a}.masked-cell.exact{background:#418454}.masked-cell.present{background:#a88c34}.account-notice{font-size:.95rem;color:#c8d5cd}.multi-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}
.account-player-link{display:grid;gap:.2rem;min-width:125px;max-width:210px;padding:.4rem .65rem;border:1px solid #647e70;border-radius:10px;background:#1b3027;text-decoration:none!important}.player-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.player-header-totals{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.8rem}.player-coins{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;font-weight:750}.player-coins img{display:block;flex:none;width:1.5rem;height:1.5rem;max-width:none}.player-header-totals .player-coins img{width:1.05rem;height:1.05rem}.player-xp-bar{display:block;width:100%;height:14px;border:0;border-radius:999px;overflow:hidden;background:#0d1b15;accent-color:#70cba0}.player-xp-bar::-webkit-progress-bar{background:#0d1b15;border-radius:999px}.player-xp-bar::-webkit-progress-value{background:#70cba0;border-radius:999px}.player-xp-bar::-moz-progress-bar{background:#70cba0;border-radius:999px}.player-xp-bar.compact{height:5px}.player-progress-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;font-size:1.5rem}.player-xp-caption{font-size:.95rem;color:#d2e0d8}.player-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.3rem 0}.player-progress-stats>div{padding:.8rem;border:1px solid #456152;border-radius:10px;background:#10231a;min-width:0}.player-progress-stats dt{color:#c8d5cd;font-size:.85rem;line-height:1.5}.player-progress-stats dd{margin:.4rem 0 0;font-size:1.4rem;font-weight:700}.player-progress-card h3{margin-top:0}.daily-nav .nav-actions{flex-wrap:wrap}.player-progress-card button{margin-left:0}@media(max-width:600px){.player-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.player-progress-top{font-size:1.25rem}.account-player-link{min-width:105px;max-width:150px}.player-header-totals{font-size:.72rem}.account-area{padding:.5rem}.player-progress-stats>div{padding:.65rem}}
.linked-league-group{padding:1rem 0;margin:1rem 0;border-top:2px solid #536f60}.linked-league-card{display:flex;flex-direction:column;gap:.5rem}.linked-league-card h3,.linked-league-card p{margin:.25rem 0;overflow-wrap:anywhere}.linked-league-card .account-actions{margin-top:auto;padding-top:.7rem}.league-state{font-size:.9rem;font-weight:700;color:#d2ddd7}.league-state.ready{color:#9aebbd}.account-leagues-card>h3{margin-top:0}.account-leagues-card .private-rounds{margin:1rem 0}.league-play-link{background:#216044!important;border-color:#8bcaab!important}.linked-league-card .store-button{white-space:normal}
/* Match the game panels without changing the site's readable dark surfaces. */
.daily-site .account-card,.daily-site .private-round{border:2px solid #4f7eae;border-radius:7px;background:#193e33}.daily-site .account-area button{border-color:#b9984b;border-radius:5px;background:#1d5749}.daily-site .account-area button:hover{background:#286b59}.daily-site .account-area input,.daily-site .account-area select{background:#102b23;border-color:#b9984b}.daily-site .account-player-link{border-color:#b9984b;background:#173e32}.daily-site .account-player-link .player-header-totals{font-size:15px}.daily-site .player-progress-stats>div{border-radius:5px;border-color:#4f7eae;background:#17372d}.daily-site .private-rounds{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.daily-site .player-xp-caption,.daily-site .account-notice{font-size:17px}.daily-site .round-result-details .round-result-link{background:transparent;border:0;border-bottom:1px solid #718a7955}.daily-site .account-area .round-result-link:hover{background:#fff1}
.masked-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px}.masked-board h3{font-size:20px;margin:0 0 6px}.masked-row{flex-wrap:nowrap}.masked-cell{flex:0 1 1.7rem;min-width:0}
.masked-count{display:inline-grid;place-items:center;font-size:18px;font-weight:700;line-height:1}
.masked-row>.hidden-feedback-divider{flex:0 0 3px}

/* Reserve the same header footprint before Firebase restores a saved session. */
.daily-site .daily-nav [data-account-link]{display:grid;align-content:center;gap:4px;flex:0 0 196px;width:196px;min-width:196px;max-width:196px;height:78px;padding:9px 12px;border:1px solid #b9984b;border-radius:7px;background:#173e32;line-height:1.2;text-decoration:none}
.account-header-placeholder{display:block;height:6px;background:#91b09d33;border-radius:3px;pointer-events:none}
.account-loading .account-header-placeholder:first-child{height:17px;width:75%}.account-loading .account-header-placeholder:nth-child(2){height:14px;width:90%}
.account-header-caption{font-size:14px;color:#c6d4ce}.player-header-name{font-size:18px}.account-player-link .player-header-totals{min-height:18px}

/* League detail: compact overview, a distinct standings rail, and readable rounds. */
.daily-site .account-area{max-width:none;padding:0;font-size:18px}
.daily-site .account-area h2{font-size:26px;margin:0 0 18px}.daily-site .account-area h3{font-size:22px}
.daily-site .account-area .account-status:empty{display:none}
.league-overview{padding:20px 24px;margin:0 0 24px;border:2px solid #846027;border-radius:7px;background:#173e32}
.league-toolbar,.league-navigation,.league-management{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.league-toolbar{justify-content:space-between;gap:16px}.league-kicker{margin:0;color:#d6dfd0;font-size:18px}
.daily-site .league-detail button,.daily-site .league-detail .store-button{margin:0;min-height:44px;padding:9px 14px;font-size:17px;line-height:1.35;white-space:normal}
.league-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.league-summary>div{border-left:2px solid #b9984b88;padding-left:14px;min-width:0}.league-summary dt{font-size:16px;color:#c6d4ce}.league-summary dd{font-size:21px;font-weight:700;margin:3px 0 0;overflow-wrap:anywhere}
.league-setup{margin-top:18px;padding-top:14px;border-top:1px solid #b9984b55}.league-setup summary{cursor:pointer;color:#f8e8b5}
.daily-site .league-detail .league-leave{background:transparent;border-color:#bd8990;color:#ffd1d6}.daily-site .league-detail .league-leave:hover{background:#602f36}
.league-detail-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
.league-standings-panel{padding:20px 16px;border:2px solid #846027;border-radius:7px;background:#173e32;position:sticky;top:20px}
.league-rounds-panel{min-width:0}.daily-site .league-rounds-panel>h2{margin:0 0 16px}
.daily-site .league-detail .private-rounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.league-detail .private-standings{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.league-detail .private-standings li{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;margin:0;border:1px solid #718a7955;border-radius:5px;background:#102d24}
.league-detail .private-standings li.is-you{border-color:#b9984b;background:#214e3c}.standing-rank{flex:0 0 30px;color:#f2d793;font-weight:700}
.standing-info{display:grid;gap:4px;min-width:0}.standing-info strong{font-size:19px;overflow-wrap:anywhere}.standing-score{font-size:17px}.standing-progress{font-size:15px;color:#c6d4ce;line-height:1.4}
.daily-site .league-detail .private-round{display:flex;flex-direction:column;padding:18px;min-width:0}
.daily-site .league-detail .league-round-heading{font-size:22px;margin:0 0 12px;gap:8px}.league-detail .league-round-heading>img{width:40px;height:40px}.league-detail .league-round-heading>.round-state-icon{width:28px;height:28px}
.league-detail .round-options{margin:0 0 12px;font-size:17px}.league-detail .round-completion{margin:0 0 14px;font-size:18px;font-weight:700}
.league-round-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px}.league-detail .round-waiting-on,.league-detail .round-locked{margin:0 0 14px;font-size:17px}
.league-detail .round-result-details{margin-top:auto;padding-top:12px}.league-detail .round-result-details summary{font-size:17px}.league-detail .round-result-details .round-result-link{font-size:17px}
@media(max-width:1050px){.league-detail-layout{grid-template-columns:1fr}.league-standings-panel{position:static}.league-detail .private-standings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .daily-site .daily-nav [data-account-link]{flex-basis:168px;width:168px;min-width:168px;max-width:168px;height:76px}
  .league-overview{padding:16px}.league-toolbar{align-items:flex-start}.league-summary{gap:10px}.league-summary>div{padding-left:8px}.league-summary dd{font-size:19px}.league-summary dt{font-size:15px}
  .daily-site .league-detail .private-rounds{grid-template-columns:1fr}.league-detail .private-standings{grid-template-columns:1fr}.league-detail-layout{gap:20px}
  .daily-site .account-area h2{font-size:24px}.daily-site .league-detail .private-round{padding:16px}
}

/* Native 3D characters use normal DOM canvases: scroll containers and dialogs
   retain their clipping/stacking, while gestures can extend beyond each slot. */
.league-avatar{display:inline-block;position:relative;width:112px;height:138px;flex:0 0 112px;vertical-align:middle;pointer-events:none;isolation:isolate}
.league-avatar-canvas,.league-avatar-still{position:absolute;left:-50%;top:-50%;width:200%;height:200%;object-fit:contain;pointer-events:none}
.league-avatar-still[hidden]{display:none}
.league-avatar-notice{position:absolute;inset:12px 0;display:grid;place-items:center;font-size:13px;line-height:1.25;text-align:center;color:#c6d4ce}
.league-avatar-notice[hidden]{display:none}
.league-avatar-large{width:210px;height:245px;flex-basis:210px}
.league-avatar-render-source{position:fixed;left:-20000px;top:0;width:1536px;height:1536px;pointer-events:none;opacity:0}
.league-player-profile,.league-card-leader{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.league-player-profile{border:1px solid #b9984b;border-radius:7px;background:#173e32;padding:16px 24px;margin:16px 0 24px;min-height:144px}
.league-card-leader{gap:12px;margin:0 0 12px}
.league-card-leader .league-avatar{width:98px;height:118px;flex-basis:98px}
.league-detail .private-standings li{align-items:center;flex-wrap:wrap;gap:8px}
.league-detail .private-standings .league-avatar{width:88px;height:108px;flex-basis:88px}
.league-detail .private-standings .standing-info{flex:1 1 100px}
.avatar-customizer{width:min(840px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border:3px solid #b9984b;border-radius:8px;background:#173e32;color:#f8f6e8;font:inherit}
.avatar-customizer::backdrop{background:#071a15bd}
.avatar-customizer h2{margin-top:0;font-size:28px}
.avatar-customizer button{min-height:44px;padding:10px 16px;border:2px solid #b9984b;border-radius:5px;background:#1d5749;color:#f8f6e8;font:inherit;cursor:pointer}
.avatar-customizer button:disabled{opacity:.55;cursor:default}
.avatar-editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:32px}
.avatar-editor-layout>.league-avatar{justify-self:center}
.avatar-editor-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.avatar-editor-controls label{display:grid;gap:6px;font-size:18px;min-width:0}
.avatar-editor-controls select{width:100%;min-height:44px;font:inherit;color:#f8f6e8;background:#102d24;border:1px solid #b9984b;border-radius:4px;padding:8px}
.avatar-editor-status{min-height:2.8em;font-size:17px}
.player-result-header{position:relative}
.player-result-header:has(.result-avatar-slot){padding-left:145px;min-height:175px}
.result-avatar-slot{position:absolute;left:14px;top:12px}
@media(max-width:650px){.avatar-editor-layout{grid-template-columns:1fr;gap:14px}.avatar-editor-controls{gap:10px}.avatar-customizer{padding:18px}.avatar-editor-layout>.league-avatar{height:225px}.league-player-profile{padding:12px;gap:12px}.league-player-profile button{flex-basis:100%}.player-result-header:has(.result-avatar-slot){padding-left:115px}.result-avatar-slot{left:4px}.result-avatar-slot .league-avatar{width:96px;height:120px}}
.linked-league-card{position:relative;isolation:isolate}
.league-card-open{color:inherit;text-decoration:none}
.league-card-open::after{content:"";position:absolute;inset:0;border-radius:5px;z-index:1}
.league-card-open:focus-visible{outline:none}
.linked-league-card:has(.league-card-open:focus-visible){outline:3px solid #f2d793;outline-offset:3px}
.linked-league-card .league-play-link{position:relative;z-index:2}
@media(hover:hover){.linked-league-card:has(.league-card-open:hover){border-color:#e1bd65;background:#214d3f}}
.league-entry-panel{padding:18px 22px;margin:16px 0 24px;border:2px solid #b9984b;border-radius:7px;background:#173e32}
.league-entry-panel>h2{margin:0 0 14px}
.account-area .league-entry-panel>form{display:flex;flex-wrap:wrap;max-width:none;align-items:center;gap:12px;margin:0 0 12px}
.league-entry-panel>form input{flex:1 1 180px;width:auto;max-width:340px}
.league-entry-panel>details>summary{cursor:pointer;font-size:20px;color:#f8e8b5}

/* Friends and direct League invitations. */
.friends-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:22px;border:2px solid #846027;border-radius:7px;background:#173e32}.friends-intro h2,.friends-intro p{margin:.2rem 0}.friends-section,.friend-add-panel{padding:20px 24px;margin:18px 0;border:2px solid #4f7eae;border-radius:7px;background:#173e32}.friends-section>h2,.friend-add-panel>h2{margin:0 0 16px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.friend-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;border:1px solid #718a79;border-radius:6px;background:#102d24}.friend-card-heading{display:flex;align-items:center;gap:16px;min-width:0}.friend-card-heading .league-avatar{width:88px;height:106px;flex-basis:88px}.friend-card-heading>div{display:grid;gap:5px;min-width:0}.friend-card-heading strong{font-size:21px;overflow-wrap:anywhere}.friend-player-id{font-size:14px;color:#c6d4ce}.friend-daily-summary{display:grid;gap:8px;padding:12px;border-left:4px solid #b9984b;background:#173e32}.friend-daily-summary h3{margin:0;font-size:19px}.friend-daily-games{display:flex;flex-wrap:wrap;gap:7px}.friend-daily-games span{padding:4px 7px;border-radius:999px;background:#285c48;font-size:14px}.friend-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto}.friend-actions select{min-width:0}.friend-actions .secondary{grid-column:1/-1;justify-self:start}.account-area button.secondary{background:transparent;border-color:#789587}.friend-add-panel form{display:flex;align-items:center;flex-wrap:wrap;max-width:none}.friend-add-panel input{flex:1 1 210px;max-width:360px}.invited-league-card{background:#214e3c!important;border-color:#e1bd65!important}.invited-league-card h3{margin:.1rem 0}.invited-league-card p{margin:.25rem 0}
@media(max-width:650px){.friends-intro{padding:16px;flex-direction:column}.friends-section,.friend-add-panel{padding:16px}.friend-card{padding:14px}.friend-card-heading{gap:12px}.friend-actions{grid-template-columns:1fr}.friend-actions .secondary{grid-column:auto}.friends-section .account-actions button{flex:1 1 120px}}