/* Outmark is the platform. Fives remains the first game in the collection. */
:root{--launch-line:#d9d3c8;--launch-muted:#645e55}
[hidden]{display:none!important}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
.skip-link{position:fixed;top:-80px;left:16px;z-index:9999;background:#111;color:white;padding:14px 20px;border-radius:8px}
.skip-link:focus{top:12px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #315eea;outline-offset:4px}
.brandbar{padding:14px 0 22px!important;border-bottom:1px solid var(--launch-line);margin-bottom:0!important;gap:20px!important}
.wordmark .logo{color:#171717!important;font-size:clamp(40px,7.5vw,68px)!important;letter-spacing:-.065em!important;line-height:1!important;font-weight:900!important}
.wordmark .tag{font-size:14px!important;font-weight:500!important;letter-spacing:.02em!important;margin-top:8px!important}
.wordmark{width:auto!important;min-width:0;flex:0 0 auto!important}
.brand-home{display:block;border:0;padding:0;background:transparent;cursor:pointer;border-radius:4px}
.brand-logo{display:block;width:350px;height:auto;max-width:100%}
button,input,textarea,select{font-family:inherit}
#home .premium-home-stack{gap:14px!important}
.brand-actions{box-shadow:none!important;border-width:1px!important;border-radius:13px!important;max-width:none!important}
.brand-actions button{min-height:44px!important}
.brand-actions .profile-chip{min-width:100px!important;max-width:180px!important;padding:4px 10px!important}
.brand-actions .profile-chip-name{font-size:12px!important;line-height:1.3!important;text-align:left}
.brand-actions .how-help-toggle,.brand-actions .active-games-toggle,.brand-actions .settings-toggle{flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important}
.mode-intro{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:24px 0 28px}
.mode-label{font-size:28px;font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:0}
.rules-help{min-height:44px;flex:0 0 auto;border:0;border-radius:8px;background:transparent;padding:8px 0 8px 12px;color:var(--launch-muted);font:inherit;font-size:13px;font-weight:550;cursor:pointer}
.rules-help:hover{color:var(--x)}
.rules-help span{margin-left:4px}
.mode-intro p{font-size:15px;line-height:1.5;color:var(--launch-muted);margin:6px 0 0;font-weight:400;max-width:420px}
.account-link{flex-shrink:0;background:transparent;border:1px solid #bbb4a8;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;color:#171717}
.account-link:hover{background:#fffaf0;border-color:#171717}
.profile-account{display:flex;align-items:center;gap:18px;justify-content:space-between;border:1px solid var(--launch-line);border-radius:12px;background:#f4f0e7;padding:14px 16px;margin:18px 0}
.profile-account>div{min-width:0}
.profile-account strong{font-size:13px;font-weight:700}
.profile-account p{font-size:12px!important;line-height:1.5!important;font-weight:400!important;margin:5px 0 0!important;color:var(--launch-muted)}
#home .home-section-label{font-size:12px!important;letter-spacing:.09em!important;font-weight:750!important;margin-bottom:0!important}
#home .your-fives-label{margin-top:14px!important}
#home .play-your-way-strip{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
#home .play-your-way-strip .premium-action{border-width:1px!important;border-radius:16px!important;min-height:108px!important;box-shadow:none!important}
#home .play-your-way-strip .premium-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:18px 12px!important;min-height:134px!important;text-align:center!important}
#home .play-your-way-strip .playway-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;margin:0!important}
#home .play-your-way-strip .playway-icon svg{width:36px!important;height:36px!important}
#home .play-your-way-strip .playway-copy{display:grid!important;gap:5px!important;justify-items:center!important;min-width:0!important;width:100%!important;max-width:none!important}
#home .play-your-way-strip .playway-copy strong,#home .play-your-way-strip .playway-copy small{width:100%!important;max-width:none!important}
#home .play-your-way-strip .playway-arrow{display:none!important}
#home .play-your-way-strip .playway-copy strong{font-weight:750!important;font-size:16px!important;text-transform:none!important;line-height:1.2!important}
#home .play-your-way-strip .playway-copy small{font-size:11px!important;font-weight:500!important;line-height:1.4!important}
#home .play-your-way-strip .premium-action.playway-find,#home .play-your-way-strip .premium-action.playway-friend,#home .play-your-way-strip .premium-action.playway-party,#home .play-your-way-strip .premium-action.playway-solo{background:#fffaf0!important;color:#171717!important}
#home .play-your-way-strip .premium-action:hover{border-color:var(--x)!important;background:#f7f3ec!important}
#home .play-your-way-strip .premium-action .playway-copy small,#home .play-your-way-strip .premium-action .playway-copy strong,#home .play-your-way-strip .premium-action .playway-icon,#home .play-your-way-strip .premium-action .playway-arrow{color:inherit!important}
#home .play-your-way-strip .premium-action.playway-friend .playway-icon svg{stroke:currentColor!important}
#home .play-your-way-strip .premium-action.playway-solo .playway-icon{color:var(--x)!important}
#home .play-your-way-strip .premium-action.playway-friend .playway-icon{color:var(--o)!important}
#home .play-your-way-strip .premium-action.playway-find .playway-icon{color:var(--x)!important}
#home .play-your-way-strip .premium-action.playway-party .playway-icon{color:var(--o)!important}
#home .play-your-way-strip .premium-action.playway-party .playway-icon svg circle{fill:currentColor!important}
#home .play-your-way-strip .premium-action.playway-party .playway-icon svg path{stroke:currentColor!important}
#home .play-your-way-strip .premium-action .playway-copy small{color:var(--launch-muted)!important}
#home .home-progress{border-width:1px!important;border-radius:18px!important}
#home .progress-card{border-width:1px!important}
#home .daily-week-label{position:static!important;display:block!important;margin:13px 0 7px!important;font-size:10px!important;line-height:1.4!important}
#home .daily-progress #dailyProgressText{font-weight:650!important;min-height:22px!important}
#home .live-pulse{min-height:50px!important}
#home .live-pulse strong{font-weight:550!important}
#home .premium-card-label{font-weight:750!important}
#home .bot-gauntlet{border-width:1px!important;border-radius:18px!important}
#home .premium-gauntlet-title strong{font-size:19px!important;font-weight:750!important;text-transform:none!important}
#home .premium-gauntlet-title small{font-weight:500!important;line-height:1.5!important}
#home .bot-rung{border-width:1px!important;border-radius:14px!important}
#home .bot-rung-name{font-size:21px!important;font-weight:750!important;text-transform:none!important}
#home .bot-rung-state{font-size:10px!important;font-weight:650!important}
.bot-detail{border-width:1px!important;border-radius:14px!important}
.bot-detail:has(#botFieldCompare[hidden]){grid-template-areas:"identity stats" "identity action"!important;grid-template-rows:auto auto!important}
.bot-detail-identity img{width:110px!important;height:110px!important;flex-basis:110px!important}
.bot-detail-identity strong{font-size:22px!important;font-weight:750!important;text-transform:none!important}
.bot-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bot-detail-stats:has(#botFieldStat:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))!important}
.bot-detail-stats>span{border-color:var(--launch-line)!important}
.bot-detail-cta{border-width:1px!important;font-size:22px!important;font-weight:750!important;border-radius:10px!important}
.bot-detail-empty{grid-area:stats;margin:0;align-self:center;font-size:13px;line-height:1.5;color:var(--launch-muted)}
.footer{border-top:1px solid var(--launch-line);padding-top:22px;margin-top:30px!important;gap:12px!important}
.footer-slogan{font-size:12px!important;font-weight:650!important;letter-spacing:.08em!important}
.footer-links{font-size:11px!important;gap:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
.footer-links button,.footer-links a{min-height:40px;display:inline-flex;align-items:center}
body:has(#home.hide) .brandbar{padding-block:0 16px!important}
body:has(#home.hide) .wordmark .logo{font-size:36px!important}
body:has(#home.hide) .wordmark .tag{display:none!important}
body:has(#home.hide) .brand-logo{width:220px}
@media(min-width:651px){
 #gamePanel.game-shell{gap:10px!important;padding-top:16px}
 #gamePanel>.match-head{order:0!important;width:100%;max-width:640px!important;margin-inline:auto;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr)!important;gap:6px!important;padding:6px!important}
 #gamePanel .player,#gamePanel .player.right,#gamePanel .rivalry{min-height:72px!important;padding:6px 10px!important}
 #gamePanel .player .name{font-size:16px!important}
 #gamePanel>.status{order:1!important;max-width:640px!important;min-height:50px!important;padding:8px 14px!important}
 #gamePanel>.status strong{font-size:20px!important}
 #gamePanel>.board-card{order:2!important;width:100%;grid-template-columns:1fr!important;gap:5px!important}
 #gamePanel .board-stage{width:min(520px,calc(100dvh - 400px))!important;min-width:300px;max-width:100%!important;margin-inline:auto!important}
 #gamePanel .board-foot{grid-column:1!important;grid-row:2!important;max-width:520px;margin-inline:auto;min-height:30px!important;padding-top:4px!important}
 #gamePanel>.game-actions{order:3!important;max-width:640px!important}
 #gamePanel>.reactions-wrap{order:4!important}
 #partyPanel .party-board{max-width:520px;margin-inline:auto}
}
#copyLinkDialog textarea{width:100%;min-height:110px;font:14px/1.5 inherit;resize:vertical;margin-bottom:16px;padding:12px}
.adfree-dialog{width:min(480px,calc(100% - 32px));border:1px solid #222;border-radius:18px;padding:0;background:var(--paper);color:#171717}
.adfree-dialog::backdrop{background:#15151580;backdrop-filter:blur(3px)}
.adfree-content{padding:28px;position:relative}
.adfree-content h2{font-size:30px;line-height:1.1;margin:12px 30px 14px 0;letter-spacing:-.04em}
.adfree-content p{font-size:15px;line-height:1.6;font-weight:400;color:#5c554c}
.adfree-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.adfree-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;background:transparent;font-size:26px;cursor:pointer}
.adfree-price{font-size:26px!important;font-weight:750!important;color:#171717!important;margin:20px 0!important}
.adfree-content .btn{width:100%;border-radius:9px;min-height:46px;font-weight:650;text-transform:none}
.adfree-content .adfree-fine{font-size:12px;line-height:1.6}
.adfree-status{min-height:22px}
.adfree-restore{display:block;margin:14px auto 0;min-height:40px;background:transparent;border:0;text-decoration:underline;cursor:pointer;font:inherit;color:#4a4038}
.outmark-ad{margin:36px 0 8px;border-top:1px solid var(--launch-line);padding-top:18px;text-align:center}
.outmark-ad-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#736b5e;margin-bottom:12px}
.outmark-ad .adsbygoogle{display:block;min-height:100px}
@media(max-width:650px){
 .shell{width:calc(100% - 28px)!important;padding-top:18px!important}
 .brandbar{flex-wrap:wrap!important;gap:12px!important;padding-top:0!important;padding-bottom:18px!important}
 .wordmark .logo{font-size:32px!important}.wordmark .tag{font-size:12px!important}.brand-logo{width:280px}
 .brand-actions{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,44px)!important;gap:0!important;width:100%!important;max-width:100%!important}
 .brand-actions .profile-chip{width:100%!important;min-width:0!important;max-width:none!important;padding:4px 10px!important}
 .brand-actions .profile-chip-name{display:block!important;flex:1 1 auto;min-width:0!important;max-width:none!important;overflow:hidden;text-overflow:clip;white-space:normal!important;overflow-wrap:anywhere}
 .mode-intro{padding:19px 0 24px;align-items:flex-start;gap:10px}.mode-intro p{font-size:14px;max-width:420px}
 .account-link{padding:8px 12px;font-size:12px}
 #home .play-your-way-strip{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#home .play-your-way-strip .premium-action{padding:14px 8px!important;min-height:110px!important;border-radius:12px!important}
 #home .play-your-way-strip .playway-copy strong{font-size:14px!important}#home .play-your-way-strip .playway-copy small{font-size:11px!important;line-height:1.45!important}
 #home .daily-difficulty,#home .bot-rung-state{font-size:11px!important}
 #home .your-fives-label{margin-top:12px!important}#home .bot-gauntlet{padding:16px!important}
 #home .bot-rung-art{max-height:108px!important}#home .bot-rung{min-height:195px!important}
 #home .achievement-progress{padding:17px 12px!important}#home .daily-progress{padding:17px 12px!important}
 #home .premium-card-label{font-size:10px!important}#home .daily-progress .home-card-link{min-height:40px!important}
 #home .premium-gauntlet-title strong{font-size:17px!important}#home .premium-gauntlet-title small{font-size:11px!important}
 .footer-links{column-gap:12px!important;row-gap:0!important}.footer-links>span{display:none}
}
@media(max-width:520px){.bot-detail:has(#botFieldCompare[hidden]){grid-template-areas:"identity" "stats" "action"!important;grid-template-rows:auto!important}}
@media(max-width:370px){.brandbar{align-items:flex-start!important}.brand-actions{margin-left:auto!important}.wordmark .logo{font-size:28px!important}}
/* Plain-language dialogs share a quieter type scale with the lobby. */
#nameDialog .dialog-body>p,.identity-dialog-scroll>p,#safetyDialog .dialog-body>p,#partyDialog .dialog-body>p,#reportDialog .dialog-body>p,.setting-copy small,.identity-explainer{font-weight:400!important;line-height:1.5!important;font-size:13px!important}
.setting-copy strong{font-size:13px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.dialog-body h2{font-weight:750!important;letter-spacing:-.03em!important;text-transform:none!important}
.dialog-body .btn,.identity-tab{font-weight:650!important;text-transform:none!important;letter-spacing:0!important}
.identity-tabs,.identity-custom-card,#nameDialog .anonymous-panel,.avatar-builder,.setting-row{border-width:1px!important;box-shadow:none!important}
.profile-avatar-disclosure{margin:16px 0;border-top:1px solid var(--launch-line)}
.profile-avatar-disclosure>summary{display:list-item;padding:16px 0;cursor:pointer;font-size:14px;font-weight:650}
.profile-avatar-disclosure>summary span{font-size:11px;font-weight:400;color:var(--launch-muted);margin-left:6px}
.profile-avatar-disclosure .avatar-builder{margin-top:0!important}
.how-sheet .premium-how .rule-big{font-size:18px!important;font-weight:750!important;line-height:1.2!important;text-transform:none!important;letter-spacing:-.02em!important}
.how-sheet .premium-how .rule-small{font-size:13px!important;font-weight:400!important;line-height:1.5!important}
@media(max-width:520px){
 .how-sheet .premium-how .rule-tile{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:12px!important}
 .how-sheet .premium-how .rule-line,.how-sheet .premium-how .rule-marks{justify-content:flex-start!important;min-width:0!important;margin-top:0!important}
 .profile-account{gap:12px;padding:12px}
 #home .premium-progress-grid>.achievement-progress{min-height:190px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}