:root{color-scheme:dark;--joined-bg:#06172d;--joined-panel:#0b223b;--joined-text:#f2f7ff;--joined-muted:#afc1d5;--joined-accent:#d8ffbd;--joined-line:#b3cce529}
html{scroll-padding-top:24px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:var(--joined-text)}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #92d8ff;outline-offset:4px}input,textarea,select{color-scheme:dark}::selection{background:#b7e78c;color:#071728}
header{gap:12px}header a{text-underline-offset:4px}.joinedLangWrap.inline{margin-left:auto;flex-shrink:0}.joinedLangWrap .siteLangBtn{width:auto;min-width:66px;height:44px;gap:6px;font-size:14px;border-radius:14px}.joinedLangMenu{max-height:min(420px,70dvh);overflow-y:auto}
.joined-game .wrap{width:min(calc(100% - 32px),1080px);padding-top:22px;padding-bottom:32px}.joined-game .hero{margin:30px 0 22px;gap:24px}.joined-game .hero h1{font-size:clamp(36px,7vw,76px);letter-spacing:-.05em;line-height:1.02;overflow-wrap:anywhere}.joined-game .hero p{font-size:15px;line-height:1.7;max-width:560px;color:var(--joined-muted)}.joined-game .hero small,.joined-game .badge{letter-spacing:.09em;line-height:1.5}
.joined-game :is(.lobby,.game){border:1px solid var(--joined-line);border-radius:24px;background:linear-gradient(155deg,#112d49ed,#091d34f5);box-shadow:0 16px 50px #01091440;backdrop-filter:none!important}.joined-game .lobby{padding:18px}.joined-game .game{padding:18px}.joined-game .actions{gap:10px}.joined-game :is(.actions button,.join button,.sideActions button,#action,#shoot,#roll){min-height:48px;font-size:12px;letter-spacing:.035em;cursor:pointer}.joined-game .join{gap:10px;flex-wrap:wrap}.joined-game .join input{font-size:16px;flex:1 1 160px}.joined-game .join button{padding:0 20px}.joined-game :is(.status,.tip,.legend span,.hudBox,.room span){font-size:12px;line-height:1.6;color:var(--joined-muted)}.joined-game .status{min-height:1.7em}.joined-game .hud{gap:12px}.joined-game :is(.arenaWrap,.canvasWrap){border-radius:18px;box-shadow:inset 0 1px #ffffff0b,0 8px 28px #0004}.joined-game canvas{max-width:100%;touch-action:none}.joined-game .controls{gap:12px}.joined-game .controls button{min-height:48px}.joined-game .end{border:1px solid #d8ffbd3a;background:linear-gradient(130deg,#163b39,#102840);padding:22px}.joined-game .end h2{margin-top:0}.joined-game .end button{min-height:46px;font-size:12px}
.joined-game .mpPolishBadge{display:none}.joined-game .classicReplay{position:static;transform:none;display:none;margin:16px auto;width:fit-content;max-width:100%;flex-wrap:wrap}.joined-game .classicReplay.show{display:flex;transform:none}.joined-game .classicFxGlow{display:none}.joined-game .classicDrop,.joined-game .classicPulse{animation:none}.joined-game .board{backdrop-filter:none!important}.joined-game .sq{box-shadow:inset 0 1px #ffffff0a}.joined-game .sq.selected{outline:3px solid #d8ffbd;outline-offset:-3px}.joined-game :is(.piece,.token){filter:drop-shadow(0 3px 2px #0006)}.joined-game .card{box-shadow:0 6px 16px #0004}
.joined-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 16px}.joined-tools a,.joined-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--joined-line);background:#ffffff06;color:#d9e8f7;border-radius:12px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:650}.joined-guide{margin:16px 0 0;border:1px solid var(--joined-line);border-radius:16px;background:#ffffff04;padding:0 16px}.joined-guide summary{padding:15px 0;cursor:pointer;font-size:13px;font-weight:750;color:#d8ffbd}.joined-guide p{font-size:13px;line-height:1.8;color:var(--joined-muted);margin:0 0 16px}.joined-dpad{display:grid;grid-template-columns:repeat(3,48px);gap:6px;justify-content:center;margin:14px auto}.joined-dpad button{height:48px;border-radius:14px;border:1px solid #b3cce52b;background:#183c5b;color:white;font-size:20px;touch-action:none}.joined-dpad button:first-child{grid-column:2}.joined-dpad button:nth-child(2){grid-column:1}.joined-progress{height:4px;border-radius:4px;background:#ffffff0b;overflow:hidden;margin:8px 0}.joined-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#77ceff,#d8ffbd);transition:width .2s}
.joined-game .game:fullscreen{overflow:auto;background:#06172d;padding:16px;display:flex;flex-direction:column;justify-content:center;border:0}.joined-game .game:fullscreen canvas{max-height:72dvh;object-fit:contain}.joined-game.joined-focus .hero,.joined-game.joined-focus .lobby{display:none}.joined-game.joined-focus .wrap{max-width:1280px}
@media(hover:hover){.joined-tools a:hover,.joined-tools button:hover{background:#b9dcff12;border-color:#b9dcff60}.joined-game .actions button:hover:not(:disabled){filter:brightness(1.1)}}
@media(max-width:600px){.joined-game .wrap{width:calc(100% - 24px);padding-top:14px}.joined-game .hero{margin:22px 0 16px;display:block}.joined-game .hero p{font-size:13px}.joined-game .lobby,.joined-game .game{padding:12px;border-radius:20px}.joined-game .badge{font-size:9px}.joined-game .actions{grid-template-columns:1fr}.joined-game .hudBox{padding:8px}.joined-game header{flex-wrap:wrap}.joined-game .status{font-size:12px}.joined-game .controls{flex-wrap:wrap}input,textarea,select{font-size:16px!important}.joined-tools{margin-bottom:12px}.joined-guide p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body[data-joined-page="home"] .intro{gap:clamp(24px,5vw,64px)}body[data-joined-page="home"] .heroCopy h1{letter-spacing:-.055em;line-height:1.05}body[data-joined-page="home"] .heroTrust{line-height:1.7}body[data-joined-page="home"] :is(.homeGuide a,.socialSpotlight,.details){border-color:#abcbe626;border-radius:24px}body[data-joined-page="home"] .homeGameSearch{border-radius:18px}body[data-joined-page="home"] .cards{scroll-padding-inline:16px}body[data-joined-page="home"] .gameFilters{gap:8px}
body[data-joined-page="profile"] .profileShell{border:1px solid #b9d5ef28;background:linear-gradient(145deg,#13304bd9,#0a1d34ed);box-shadow:0 20px 65px #0003;border-radius:28px}body[data-joined-page="profile"] .profileTop{gap:24px}body[data-joined-page="profile"] .profileStats{gap:12px;margin-block:24px}body[data-joined-page="profile"] .profileTabs{gap:10px;padding-block:12px;overflow-x:auto}body[data-joined-page="profile"] .toolRow{padding:18px 16px;border-radius:18px;min-height:76px}body[data-joined-page="profile"] .toolCopy{line-height:1.55}body[data-joined-page="profile"] .profilePost{border:1px solid #b9d5ef24;border-radius:22px;overflow:hidden}body[data-joined-page="profile"] .profilePostText{line-height:1.7}
body[data-joined-page="social-feed"] .socialHero{border:1px solid #bbd7ee22;border-radius:28px}body[data-joined-page="social-feed"] :is(.composer,.post,.discovery){border-color:#b9d5ef24;border-radius:22px}body[data-joined-page="social-feed"] .caption{font-size:15px;line-height:1.75;overflow-wrap:anywhere}body[data-joined-page="social-feed"] .author{gap:12px}body[data-joined-page="social-feed"] .feed{gap:20px}body[data-joined-page="social-feed"] .feedControls{gap:16px}body[data-joined-page="social-feed"] .composerBox{border:1px solid #b9d5ef33;border-radius:24px}
body[data-joined-page="account"] :is(.card,.rewards),body[data-joined-page="account-settings"] .panel,body[data-joined-page="ranking"] .panel{border:1px solid #b9d5ef28;border-radius:24px;background:linear-gradient(145deg,#102e49ed,#0a1e35ef);box-shadow:0 16px 45px #0003}body[data-joined-page="account"] .field{margin-bottom:18px}body[data-joined-page="account"] .note{line-height:1.75}body[data-joined-page="ranking"] .player{gap:12px}body[data-joined-page="ranking"] .playerName{overflow:hidden;text-overflow:ellipsis}
body[data-joined-page="messages"] .bubble{line-height:1.6;overflow-wrap:anywhere}body[data-joined-page="messages"] .composerWrap{padding-bottom:max(12px,env(safe-area-inset-bottom))}body[data-joined-page="legal"] p{font-size:15px;line-height:1.85}body[data-joined-page="legal"] h2{margin-top:32px}
@media(max-width:600px){body[data-joined-page="profile"] .profileShell{border-radius:22px}body[data-joined-page="profile"] .profileTop{gap:16px}body[data-joined-page="profile"] .profileStats{gap:6px}body[data-joined-page="social-feed"] .caption{font-size:14px}body[data-joined-page="social-feed"] .feed{gap:14px}body[data-joined-page="home"] .heroCopy h1{line-height:1.08}}


/* Compact navigation and clear paths into play and sharing. */
body[data-joined-page="home"] #header{padding-block:18px!important;row-gap:14px!important}
body[data-joined-page="home"] #header .socialOpen{display:none!important}
body[data-joined-page="home"] #home{padding-top:24px!important}
body[data-joined-page="home"] .intro{margin-bottom:28px!important}
body[data-joined-page="home"] .intro .introCopy{padding:12px 0 20px!important}
body[data-joined-page="home"] .intro h1{font-size:clamp(38px,6vw,76px)!important;line-height:1.06!important;letter-spacing:-.055em!important;margin:20px 0!important}
body[data-joined-page="home"] .introCopy>p{font-size:16px!important;line-height:1.65!important;max-width:560px!important}
.joinedHeroLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.joinedHeroLinks a{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;min-height:48px;border-radius:15px;text-decoration:none;font-size:14px;font-weight:750;background:#c5f4a5;color:#102019;box-shadow:0 8px 28px #0002}
.joinedHeroLinks a+a{background:#102d48;color:#e6f0fa;border:1px solid #afd5f333;box-shadow:none}
body[data-joined-page="home"] .pulseHeaderActions>a{backdrop-filter:none!important}
body[data-joined-page="home"] #joinedMulti{scroll-margin-top:20px;margin-top:22px!important}
body[data-joined-page="home"] .introCopy:before{animation:none!important;filter:none!important}
body[data-joined-page="home"] .heroTrust>*{font-size:10px!important}
body[data-joined-page="home"] .socialSpotlight{box-shadow:0 12px 36px #0002}
/* A solid sheet keeps messages behind the game picker out of the way. */
body[data-joined-page="messages"] .chat{grid-template-rows:auto minmax(0,1fr) auto auto}
body[data-joined-page="messages"] .composer textarea{min-width:0}
body[data-joined-page="messages"] .picker{background:#0b2239;z-index:20;isolation:isolate;border-color:#7facc14d;box-shadow:0 18px 60px #0009;max-height:min(580px,65dvh);overscroll-behavior:contain}
body[data-joined-page="messages"] .pickerTop{background:#0b2239}
body[data-joined-page="messages"] .pickerTitle{gap:10px}
body[data-joined-page="messages"] .pickerTitle h3{flex:1}
#closePicker{width:36px;height:36px;border:1px solid #b1d3ed30;border-radius:12px;background:#16354e;color:#e8f3fd;font-size:24px;cursor:pointer}
body[data-joined-page="messages"] .gameSearch:focus-within{border-color:#b9eb9a;box-shadow:0 0 0 3px #b9eb9a16}
body[data-joined-page="messages"] .gameSearch input:focus-visible{outline:none}
body[data-joined-page="messages"] .pickGame{border:1px solid #b7d8ef17;background:#102c45;margin-block:7px;grid-template-columns:64px minmax(0,1fr)}
body[data-joined-page="messages"] .pickGame .preview{width:64px;height:56px}
body[data-joined-page="messages"] .pickGame b{font-size:14px}
body[data-joined-page="messages"] .pickGame span span{font-size:11px}
.pickerIcon{height:100%;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#284b66,#162d47)}
/* Public profiles bring posts close to the identity and actions. */
body[data-joined-page="user"] .page{max-width:840px;padding-top:22px}
body[data-joined-page="user"] .profile{padding:26px;border-radius:26px}
body[data-joined-page="user"] .profile .name{overflow-wrap:anywhere;font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}
body[data-joined-page="user"] .profile .stats{margin-top:22px}
body[data-joined-page="user"] .profile .stat{padding:14px}
body[data-joined-page="user"] .profile .stat span{font-size:10px}
body[data-joined-page="user"] .profile .actions>*{min-height:44px;font-size:13px;cursor:pointer}
.publicPosts{margin-top:30px}.postsHeading{display:flex;align-items:center;justify-content:space-between;gap:14px}.postsHeading h2{font-size:28px;letter-spacing:-1px;margin:8px 0 16px}.postsHeading>a{color:#c5f4a5;text-decoration:none;font-size:13px}
.publicPosts .profileTabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-block:5px}
.publicPosts .profileTabs button,.profileLoadMore{min-height:44px;border:1px solid #b0d4ef29;border-radius:14px;background:#102b44;color:#b8cddd;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.publicPosts .profileTabs button.on{background:#c5f4a5;color:#102019;border-color:transparent;font-weight:750}
.publicPosts .profileFeed{display:grid;gap:16px}.publicPosts .profilePost{border:1px solid #acd0eb26;border-radius:22px;background:linear-gradient(150deg,#102e49,#0a2038);overflow:hidden}
.publicPosts .profilePostHead{display:flex;align-items:center;gap:12px;padding:18px 18px 0}.publicPosts .profilePostHead img{width:42px;height:42px;border-radius:50%;object-fit:cover}.publicPosts .profilePostHead b{font-size:14px}.publicPosts .profilePostHead small{display:block;color:#8facbf;font-size:11px;margin-top:4px}
.profilePostText{white-space:pre-wrap;overflow-wrap:anywhere}.publicPosts .profilePostText{padding:18px;line-height:1.7;font-size:15px}.publicPosts .profilePostMedia{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#06172d}.publicPosts .profilePostMedia>*{width:100%;flex:0 0 100%;max-height:520px;object-fit:contain;scroll-snap-align:start}
.publicPosts .profilePostMeta{display:flex;align-items:center;gap:16px;padding:15px 18px;border-top:1px solid #ffffff0c;font-size:12px;color:#afc6d8}.profilePostMeta>a{margin-left:auto;color:#c5f4a5;text-decoration:none;font-size:12px}
.profileLoadMore{display:block;margin:20px auto}.profileLoadMore[hidden]{display:none}.profileFeedStatus{font-size:13px;color:#a8bfd0;text-align:center}.profileFeedStatus:empty{display:none}.profileFeedEmpty{padding:28px 20px;color:#9fb6ca;border:1px dashed #aacfe52b;border-radius:20px;text-align:center;line-height:1.6}
@media(hover:hover){.pickGame:hover{border-color:#c5f4a570!important;background:#193c55!important}.joinedHeroLinks a:hover{filter:brightness(1.08)}.profilePostMeta>a:hover{text-decoration:underline}}
@media(max-width:600px){body[data-joined-page="home"] #header{padding:16px!important}body[data-joined-page="home"] .pulseHeaderActions>a{min-height:50px!important;border-radius:14px!important;padding:8px!important}body[data-joined-page="home"] .introCopy>p{font-size:14px!important}body[data-joined-page="home"] .intro h1{font-size:clamp(36px,10vw,52px)!important}.joinedHeroLinks{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.joinedHeroLinks a{padding:13px 16px}body[data-joined-page="user"] .profile{padding:20px 16px}body[data-joined-page="user"] .profile .top{flex-direction:row;text-align:left;gap:16px}body[data-joined-page="user"] .profile .avatar{width:70px;height:70px;border-radius:23px}body[data-joined-page="user"] .profile .top>div:last-child{min-width:0}body[data-joined-page="user"] .profile .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}body[data-joined-page="user"] .profile .stat{padding:12px 6px;text-align:center}body[data-joined-page="user"] .profile .stat strong{font-size:20px}body[data-joined-page="user"] .profile .stat span{font-size:8px;letter-spacing:0}.publicPosts{margin-top:24px}body[data-joined-page="user"] .profile:after{display:none}}

body[data-joined-page="user"] [hidden],body[data-joined-page="messages"] [hidden]{display:none!important}