:root{color-scheme:dark;--bg: #0d1117;--surface: #171b24;--surface-2: #202633;--surface-3: #29313f;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--text: #f4f5f1;--muted: #b9c0bd;--soft: #8e9897;--felt: #15543d;--felt-2: #0f3f31;--amber: #f0bd57;--amber-dark: #8d5a14;--green: #62d27f;--red: #ef6a61;--blue: #71a8ff}*,*:before,*:after{box-sizing:border-box;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}img,svg{-webkit-user-drag:none;user-drag:none}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(145deg,#050c111f,#060c0f61),url(/skyjo-card-backdrop.webp) center / cover no-repeat;color:var(--text);overflow:hidden}.auth-page{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:2rem;color:#22222f;color-scheme:light;background:linear-gradient(#040a0e2e,#040a0e61),url(/skyjo-card-backdrop.webp) center / cover no-repeat;isolation:isolate}.auth-page button{border:0;cursor:pointer;background:none}.auth-page p,.auth-page h1,.auth-page h2{margin:0}.auth-orb{position:absolute;z-index:-1;border-radius:999px;opacity:.7;animation:auth-float 10s ease-in-out infinite}.auth-orb-one{top:-13rem;right:-8rem;width:32rem;height:32rem;background:radial-gradient(circle,rgba(33,133,94,.22),transparent 68%)}.auth-orb-two{bottom:-14rem;left:-9rem;width:36rem;height:36rem;background:radial-gradient(circle,rgba(240,189,87,.2),transparent 68%);animation-delay:-5s}.auth-shell{display:grid;width:min(1120px,100%);height:auto;min-height:min(620px,calc(100dvh - 4rem));max-height:calc(100dvh - 4rem);grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:32px;background:#fff;box-shadow:0 32px 90px #18182724;animation:auth-shell-in .7s cubic-bezier(.2,.8,.2,1) both}.auth-story{position:relative;display:flex;min-height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2.25rem 3rem;color:#fff;background:linear-gradient(145deg,#0d2e25,#15543d 52%,#386338)}.auth-story:before{position:absolute;width:30rem;height:30rem;right:-15rem;top:-12rem;border-radius:50%;background:#f0bd5730;content:""}.auth-story:after{position:absolute;width:22rem;height:22rem;left:-12rem;bottom:-10rem;border-radius:50%;background:#e889c226;content:""}.auth-grain{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.7) .5px,transparent .5px);background-size:9px 9px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 65%);mask-image:linear-gradient(to bottom,black,transparent 65%)}.auth-brand,.auth-mobile-brand{--auth-logo-size: 42.4px;--auth-logo-scale: .3655172414;position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:800}.auth-logo-frame{position:relative;width:var(--auth-logo-size);height:var(--auth-logo-size);flex:0 0 auto;overflow:hidden;border-radius:50%}.auth-logo-image{position:absolute;top:0;left:0;display:block;width:116px;height:116px;max-width:none;transform:scale(var(--auth-logo-scale));transform-origin:top left}.auth-brand .auth-logo-frame{border-radius:50%;box-shadow:0 8px 22px #0000002e}@media(min-width:1000px){.auth-brand{--auth-logo-size: 50px;--auth-logo-scale: .4310344828;gap:.85rem;font-size:1.1rem}}@media(min-width:1400px)and (min-height:800px){.auth-brand{--auth-logo-size: 58px;--auth-logo-scale: .5;gap:1rem;font-size:1.2rem}}.auth-copy{position:relative;z-index:1;max-width:30rem;padding-block:1.25rem}.auth-copy h1{max-width:28rem;font-size:clamp(2.35rem,3.7vw,3.7rem);font-weight:850;line-height:1.04;letter-spacing:-.05em}.auth-copy h1 span{display:block;color:#f2d58c}.auth-copy>p{max-width:26rem;margin-top:1.35rem;color:#d9e8df;font-size:.94rem;line-height:1.7}.auth-quote{position:relative;z-index:1;color:#a9bcb3;font-size:.72rem;font-style:italic}.auth-form-panel{display:grid;min-height:0;place-items:center;overflow-y:auto;padding:1.5rem clamp(1.5rem,3vw,3rem);background:#fffffffa}.auth-form-inner{width:100%;max-width:390px}.auth-reset-card{position:relative;display:grid;width:min(500px,100%);max-height:calc(100dvh - 4rem);overflow-x:hidden;overflow-y:auto;padding:clamp(2rem,4vw,3rem);border:1px solid rgba(255,255,255,.8);border-radius:32px;background:#fffffffa;box-shadow:0 32px 90px #18182724;animation:auth-shell-in .7s cubic-bezier(.2,.8,.2,1) both}.auth-reset-card:before{position:absolute;top:-8rem;right:-8rem;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(240,189,87,.13),transparent 68%);pointer-events:none;content:""}.auth-reset-card>*{position:relative;z-index:1;width:100%;max-width:390px;margin-inline:auto}.auth-reset-card .auth-mobile-brand{display:flex;margin:0 auto 1.5rem;color:#22372f}.auth-mobile-brand{display:none;color:#22372f}.auth-loading-status{display:flex;min-height:152px;align-items:center;justify-content:center;gap:.7rem;color:#65736d}.auth-loading-status>span{width:1rem;height:1rem;flex:0 0 auto;border:2px solid rgba(24,56,45,.18);border-top-color:#18382d;border-radius:50%;animation:auth-loading-spin .7s linear infinite}.auth-loading-status p{margin:0;font-size:.78rem}.auth-loading-form-panel .auth-form-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-loading-description{display:none}.auth-mobile-brand>span,.auth-mobile-brand>h1{width:auto;height:auto;display:inline;margin:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;font-size:inherit}.auth-heading{margin-bottom:1.25rem}.auth-heading-google-verification{text-align:center}.auth-form-inner:has(.auth-form-google-verification) .auth-mobile-brand{justify-content:center}.auth-eyebrow{margin-bottom:.5rem!important;color:#33725a;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-heading h2{color:#181827;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:850;line-height:1.15;letter-spacing:-.04em}.auth-heading>p:last-child{margin-top:.65rem;color:#7a7a88;font-size:.85rem;line-height:1.55}.auth-form,.auth-step{display:grid;gap:1rem}.auth-oauth-block{display:grid;gap:.8rem}.auth-form-google-verification .auth-google-button,.auth-form-google-verification .auth-divider,.auth-form-google-verification .auth-form-stage,.auth-form-google-verification .auth-switch,.auth-form-google-verification+.auth-public-links{display:none}.auth-form-google-verification .auth-oauth-block{gap:1rem;padding:.35rem 0}.auth-google-verification-copy{display:grid;gap:.35rem;text-align:center}.auth-google-verification-copy strong{color:#263b33;font-size:.82rem}.auth-google-verification-copy span{color:#748079;font-size:.7rem;line-height:1.5}.auth-google-verification-cancel{justify-self:center;border:0;color:#39705b;background:transparent;font-size:.7rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.auth-google-verification-cancel:disabled{cursor:wait;opacity:.55}.auth-google-button{display:flex;width:100%;height:3.15rem;align-items:center;justify-content:center;gap:.7rem;border:1px solid #d8dedb!important;border-radius:12px;color:#303b36;background:#fff!important;box-shadow:0 5px 16px #18372b14;font-size:.8rem;font-weight:800;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.auth-google-button:hover:not(:disabled){border-color:#9dbbad!important;background:#f8fcfa!important;box-shadow:0 8px 20px #18372b1f;transform:translateY(-1px)}.auth-google-button:focus-visible{border-color:#2f7c60!important;outline:none;box-shadow:0 0 0 4px #2f7c601c}.auth-google-button:disabled{cursor:not-allowed;color:#a4aaa7;background:#f0f2f1!important;box-shadow:none}.auth-google-button svg{flex:0 0 auto}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:#9a9f9c;font-size:.65rem;font-weight:700}.auth-divider:before,.auth-divider:after{height:1px;background:#e2e6e4;content:""}.auth-username-field{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:0!important;opacity:0!important;pointer-events:none!important}.auth-step-security{gap:.75rem}.auth-step-progress{display:flex;align-items:center;justify-content:space-between;color:#848491;font-size:.66rem;font-weight:750}.auth-step-progress>div{display:flex;gap:.3rem}.auth-step-progress i{display:block;width:24px;height:4px;border-radius:99px;background:#dcdce5}.auth-step-progress i:first-child,.auth-step-progress i.done+i{background:#277055}.auth-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-field{display:grid;gap:.45rem;min-width:0}.auth-field>span{color:#474753;font-size:.72rem;font-weight:750}.auth-field>div{position:relative}.auth-field input{width:100%;height:3rem;border:1px solid #dddde5;border-radius:12px;padding:0 .9rem;outline:none;color:#22222f;background:#fff;font-size:16px;-webkit-user-select:text!important;user-select:text!important;transition:border-color .2s,box-shadow .2s,background .2s}.auth-field input::placeholder{color:#b2b2bc}.auth-field input.has-icon{padding-left:2.65rem;padding-right:2.65rem}.auth-field input:hover{border-color:#bfc0cf}.auth-field input:focus{border-color:#2f7c60;box-shadow:0 0 0 4px #2f7c601c}.auth-field-icon{position:absolute;z-index:1;left:.95rem;top:50%;color:#9b9ba8;transform:translateY(-50%)}.auth-field-action{position:absolute;right:.45rem;top:50%;transform:translateY(-50%)}.auth-field-action button{display:grid;width:2.15rem;height:2.15rem;place-items:center;border-radius:8px;color:#8a8a98}.auth-options,.auth-terms{display:flex;align-items:center;justify-content:space-between;color:#777784;font-size:.72rem}.auth-options label{display:flex;align-items:center;gap:.45rem}.auth-options input,.auth-terms input{width:15px;height:15px;flex:0 0 auto;accent-color:#277055}.auth-options input,.auth-terms input{min-height:0}.auth-terms input{align-self:center;color-scheme:light;background:#fff}.auth-terms input:disabled{cursor:not-allowed;opacity:.55}.auth-options button,.auth-terms button,.auth-switch button{color:#277055;font-weight:750}.auth-terms button{display:inline;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.auth-terms button.auth-legal-link-read{color:#168055}.auth-legal-read-check{color:#168055;font-weight:900;text-decoration:none}.auth-terms label{cursor:pointer}.auth-terms{align-items:flex-start;justify-content:flex-start;gap:.55rem;line-height:1.45}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;margin:.05rem 0 .35rem}.password-meter span{height:3px;border-radius:99px;background:#e5e5ea;transition:background .25s,transform .25s}.password-meter span.filled{transform:scaleY(1.25)}.password-meter span.score-1{background:#ef4444}.password-meter span.score-2{background:#f59e0b}.password-meter span.score-3{background:#6366f1}.password-meter span.score-4{background:#22a06b}.password-strength{display:grid;gap:.3rem}.password-strength-label{display:flex;align-items:center;justify-content:space-between;color:#9999a4;font-size:.62rem}.password-strength-label strong{font-weight:800}.password-strength-label strong.score-0,.password-strength-label strong.score-1{color:#dc2626}.password-strength-label strong.score-2{color:#d97706}.password-strength-label strong.score-3{color:#5659a5}.password-strength-label strong.score-4{color:#168055}.auth-error,.auth-success{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .85rem;border-radius:11px;font-size:.75rem;line-height:1.45}.auth-error{border:1px solid #fecaca;color:#b42318;background:#fff5f5;animation:auth-shake .35s ease}.auth-success{border:1px solid #b7e4cc;color:#18794e;background:#f2fbf6}.auth-submit{display:flex;height:3.15rem;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem;border-radius:12px!important;color:#fff!important;background:linear-gradient(135deg,#15543d,#338466)!important;box-shadow:0 10px 24px #15543d38;font-size:.82rem;font-weight:800}.auth-submit:disabled{cursor:not-allowed;color:#a4a4ad!important;background:#e6e6eb!important;box-shadow:none}.auth-switch{color:#868691;font-size:.73rem;text-align:center}.auth-actions{display:grid;grid-template-columns:.72fr 1.5fr;gap:.6rem;margin-top:.5rem}.auth-actions .auth-submit{margin-top:0}.auth-back{height:3.15rem;border:1px solid #dcdce5!important;border-radius:12px;color:#586d64;font-size:.72rem;font-weight:750}.auth-public-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .85rem;margin-top:.65rem;font-size:.62rem}.auth-public-links a{color:#61736b;font-weight:700;text-decoration:underline;text-underline-offset:2px}.auth-public-links a:hover{color:#1f684d}.auth-legal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem;background:#0814109e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-legal-modal{display:flex;width:min(620px,100%);max-height:min(760px,calc(100dvh - 2.5rem));flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:24px;color:#22222f;background:#fff;box-shadow:0 28px 80px #0814104d;animation:auth-shell-in .3s ease both}.auth-legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #eceeea}.auth-legal-header p{margin-bottom:.35rem;color:#33725a;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-legal-header h2{color:#18231f;font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.035em}.auth-legal-header>button{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border-radius:10px;color:#65716c;background:#f2f5f3}.auth-legal-header>button:hover{color:#174d39;background:#e7f1eb}.auth-legal-date{padding:.85rem 1.5rem 0;color:#858d89;font-size:.7rem}.auth-legal-content{display:grid;gap:1.1rem;overflow-y:auto;padding:1rem 1.5rem 1.4rem;overscroll-behavior:contain}.auth-legal-content,.auth-legal-content *{user-select:text!important;-webkit-user-select:text!important}.auth-legal-content section{display:grid;gap:.35rem}.auth-legal-content h3{margin:0;color:#254c3d;font-size:.88rem}.auth-legal-content p{color:#606a66;font-size:.8rem;line-height:1.65}.auth-legal-content a{color:#277055;font-weight:750;text-decoration:underline;text-underline-offset:2px}.auth-legal-content a:hover{color:#15543d}.auth-legal-close{min-height:3rem;margin:0 1.5rem 1.5rem;border-radius:12px!important;color:#fff!important;background:linear-gradient(135deg,#15543d,#338466)!important;font-size:.8rem;font-weight:800}.auth-legal-close:disabled{cursor:not-allowed;color:#929b97!important;background:#e3e8e5!important}.legal-page{height:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:clamp(1rem,4vw,3rem);color:#22222f;background:radial-gradient(circle at top left,rgba(54,139,105,.18),transparent 34rem),#edf3f0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.legal-page-card{width:min(820px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fff;box-shadow:0 24px 70px #0814101f}.legal-page-header{padding:clamp(1.5rem,5vw,3rem);border-bottom:1px solid #e7ece9}.legal-page-brand{display:inline-block;margin-bottom:2rem;color:#22372f;text-decoration:none}.legal-page-brand .auth-mobile-brand{display:flex;margin:0}.legal-page-header>p:not(.legal-page-date){margin-bottom:.5rem;color:#33725a;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.legal-page-header h1{color:#18231f;font-size:clamp(1.8rem,5vw,2.75rem);line-height:1.1;letter-spacing:-.04em}.legal-page-date{margin-top:.85rem;color:#858d89;font-size:.75rem}.legal-page-content{display:grid;gap:2.4rem;padding:clamp(1.5rem,5vw,3rem)}.legal-page-content,.legal-page-content *{user-select:text!important;-webkit-user-select:text!important}.legal-page-content section{display:grid;gap:1rem}.legal-page-content h2{margin:0;color:#254c3d;font-size:1rem}.legal-page-content p{margin:0;color:#606a66;font-size:.9rem;line-height:1.7}.legal-page-content a{color:#1f684d;font-weight:750;text-decoration:underline;text-underline-offset:3px}.legal-page-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1.75rem clamp(1.5rem,5vw,3rem);border-top:1px solid #edf1ef;background:#fff;font-size:.78rem}.legal-page-footer a{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid #d5e0da;border-radius:999px;color:#27634d;background:#f8fbf9;font-weight:800;text-align:center;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.legal-page-footer a:hover{border-color:#9fc1b2;background:#eef7f2;transform:translateY(-1px)}.legal-page-footer a:last-child{border-color:#1f684d;color:#fff;background:#1f684d}.legal-page-footer a:last-child:hover{border-color:#174d39;background:#174d39}@keyframes auth-shell-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}@keyframes auth-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes auth-float{50%{transform:translateY(20px) scale(1.04)}}@keyframes auth-shake{30%{transform:translate(-4px)}60%{transform:translate(4px)}}.auth-reveal{animation:auth-reveal .36s ease both}.sj-account-controls{--sj-account-control-size: 36px;position:absolute;top:12px;right:12px;z-index:20;display:flex;align-items:center}.sj-account-menu-trigger{width:var(--sj-account-control-size);height:var(--sj-account-control-size);min-width:var(--sj-account-control-size);min-height:var(--sj-account-control-size);flex:0 0 var(--sj-account-control-size)}.sj-account-menu-trigger{position:relative;display:grid;place-items:center;padding:0;border:1px solid rgba(113,168,255,.52);border-radius:50%;color:#cfe2ff;background:#23416985;box-shadow:0 8px 20px #0003,0 0 0 3px #71a8ff12;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s}.sj-account-menu-trigger:hover,.sj-account-menu-trigger[aria-expanded=true]{border-color:#8ebcff;color:#fff;background:#2d5791d1}.sj-account-menu-trigger:focus-visible{outline:2px solid rgba(113,168,255,.8);outline-offset:2px}.sj-account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:50;width:min(270px,calc(100vw - 24px));padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#141922fa;box-shadow:0 18px 45px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sj-account-menu>button{width:100%;min-height:40px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:9px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.sj-account-menu>button:hover,.sj-account-menu>button:focus-visible{color:#fff;background:#71a8ff1f}.sj-account-menu>button:focus-visible{outline:2px solid rgba(113,168,255,.55);outline-offset:-2px}.sj-account-menu>button b{min-width:18px;height:18px;display:grid;place-items:center;padding-inline:4px;border-radius:999px;color:#fff;background:#ef6a61;font-size:9px;line-height:1}.sj-account-menu>.sj-account-menu-logout{margin-top:7px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 9px 9px;color:#ff9c95}.sj-account-menu>.sj-account-menu-logout:hover,.sj-account-menu>.sj-account-menu-logout:focus-visible{color:#ffd0cc;background:#ef6a611f}.sj-account-profile-trigger{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid rgba(113,168,255,.52);border-radius:50%;color:#cfe2ff;background:#23416985;box-shadow:0 8px 20px #0003,0 0 0 3px #71a8ff12;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s,transform .2s}.sj-account-profile-trigger:hover{border-color:#8ebcff;color:#fff;background:#2d5791d1;transform:translateY(-1px)}.sj-account-profile-trigger:focus-visible{outline:2px solid rgba(113,168,255,.8);outline-offset:2px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}@keyframes sjFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sjPopIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sjBoardActionPopupLayer{0%{opacity:0}8%,78%{opacity:1}to{opacity:0}}@keyframes sjBoardActionPopupCard{0%{transform:translateY(8px) scale(.72) rotate(-4deg);filter:brightness(1.18) saturate(1.12)}12%{transform:translateY(-4px) scale(1.08) rotate(2deg)}22%,72%{transform:translateY(0) scale(1) rotate(0);filter:brightness(1) saturate(1)}to{transform:translateY(-12px) scale(.92) rotate(2deg);filter:brightness(.92) saturate(.9)}}@keyframes sjCardFramePulse{0%,to{stroke:#f0bd57d6;stroke-opacity:.72}50%{stroke:#ffe7ac;stroke-opacity:1}}@keyframes sjCardFrameSelected{0%,to{stroke-opacity:.82}50%{stroke-opacity:1}}@keyframes sjActionRingPulse{0%,to{opacity:.08}50%{opacity:.2}}@keyframes sjSelectedCardEmphasis{0%,to{opacity:.12}50%{opacity:.28}}@keyframes sjGreenPulse{0%,to{box-shadow:0 0 #62d27f7a}50%{box-shadow:0 0 0 6px #62d27f00}}@keyframes sjOpponentTurnPulse{0%,to{border-color:#71a8ffb8;box-shadow:var(--board-shadow),inset 0 0 0 2px #71a8ff80}50%{border-color:#c3d8ff;box-shadow:var(--board-shadow),inset 0 0 0 3px #71a8ffdb}}@keyframes sjFlipIn{0%{transform:rotateY(90deg) scale(1);opacity:1}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes sjDrawFromDeck{0%{transform:translateY(0) rotateY(90deg) scale(.94);opacity:.2}55%{transform:translateY(-8px) rotateY(0) scale(1.04);opacity:1}to{transform:translateY(-6px) rotateY(0) scale(1.03);opacity:1}}@keyframes sjLiftFromDiscard{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-7px) scale(1.03);opacity:1}}@keyframes sjCardFlightTravel{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes sjCardFlightFade{0%,84%{opacity:1}to{opacity:0}}@keyframes sjCardFlightFadeLate{0%,99.9%{opacity:1}to{opacity:0}}@keyframes sjCardFlightResize{0%{transform:scale(1)}to{transform:scale(var(--sj-flight-scale-x),var(--sj-flight-scale-y))}}@keyframes sjCardFlightZoom{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes sjCardFlightPassBehind{0%,32%,68%,to{opacity:1;filter:brightness(1)}48%,52%{opacity:.72;filter:brightness(.82)}}@keyframes sjCardMotionDestination{0%,84%{opacity:0}to{opacity:1}}@keyframes sjCardMotionDestinationLate{0%,99.9%{opacity:0}to{opacity:1}}@keyframes sjCardTargetHold{0%,83.9%{opacity:1}84%,to{opacity:0}}@keyframes sjCardTargetSettleIn{0%{opacity:0}to{opacity:1}}@keyframes sjCardTargetSettleOut{0%{opacity:1}to{opacity:0}}@keyframes sjToastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes sjTurnNoticeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sj-fade-in{animation:sjFadeIn .24s ease both}.sj-pop-in{animation:sjPopIn .2s ease both}.sj-lobby{height:100dvh;min-height:0;width:100%;min-width:0;display:grid;place-items:center;padding:18px;overflow:hidden}.sj-lobby-room{align-items:center;justify-content:center}@media(max-width:780px){.sj-app-shell.sj-lobby-room.sj-room-controls-layout{padding-top:calc(max(clamp(8px,1.5vh,16px),env(safe-area-inset-top)) + 54px);padding-bottom:calc(max(10px,env(safe-area-inset-bottom)) + 52px)}.sj-lobby-room .sj-lobby-card{max-height:100%}}.sj-home-create-card .sj-room-visibility:before{background:#39301ffa}.sj-home-create-card .sj-room-visibility-option{justify-content:center;align-content:center;gap:6px;padding-inline:8px}.sj-home-create-card .sj-room-visibility-option svg{align-self:center}.sj-home-create-card .sj-room-visibility-option strong{align-self:center;overflow:hidden;line-height:1;text-overflow:ellipsis;white-space:nowrap}.sj-home-panel-stack{position:relative;width:min(440px,94vw);max-width:100%;min-width:0;max-height:92dvh}.sj-lobby-card{width:min(440px,94vw);max-width:100%;min-width:0;max-height:92dvh;overflow:auto;background:#171b24f5;border:1px solid var(--line);border-radius:12px;padding:clamp(18px,4vh,30px);display:flex;flex-direction:column;gap:12px;box-shadow:0 22px 70px #00000070}.sj-lobby>.sj-lobby-card{width:min(440px,100%);max-height:100%}.sj-lobby-room .sj-lobby-card.sj-fade-in{gap:17px;overflow:hidden}.sj-lobby-room .sj-lobby-card>*{flex-shrink:0}.sj-lobby-room .sj-lobby-card>.sj-player-list{flex:1 1 auto;min-height:44px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;scrollbar-gutter:stable}.sj-home-portal-stack{width:min(780px,100%);height:min(720px,calc(100dvh - 36px));max-height:100%}.sj-home-portal{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:radial-gradient(circle at 8% 10%,rgba(38,137,96,.2),transparent 34%),radial-gradient(circle at 96% 94%,rgba(232,137,194,.08),transparent 30%),linear-gradient(145deg,#171d26fb,#0d1219fc);box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff0a;animation:sjHomePanelIn .34s cubic-bezier(.16,1,.3,1) both}.sj-home-portal-header{min-height:78px;flex:0 0 auto;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#080c114d}.sj-home-portal-header-main{grid-template-columns:1fr auto}.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 40px;position:relative;top:auto;right:auto;justify-self:end}.sj-home-portal-header .sj-account-profile-trigger{width:40px;height:40px}.sj-home-mini-brand{width:max-content;display:flex;align-items:center;overflow:visible;line-height:0}.sj-home-mini-brand .sj-brand-logo{flex:0 0 auto;grid-template-columns:auto auto;align-items:center;gap:10px}.sj-home-mini-brand .sj-brand-logo-mark{width:48px}.sj-home-mini-brand .sj-brand-logo-copy strong{max-width:none;font-size:30px}.sj-home-mini-brand .sj-brand-logo-mark{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 2px #0817132e,0 7px 12px #0000004d,0 0 8px #f0bd571f;filter:drop-shadow(0 7px 12px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(240,189,87,.12))}.sj-home-mini-brand .sj-brand-logo-mark:after{box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 1px #ffffff42}.sj-home-portal-body{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto}.sj-home-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:visible;padding:20px clamp(24px,4vw,36px) 30px;overscroll-behavior:contain;scrollbar-gutter:stable}.sj-home-identity{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:14px}.sj-home-identity>span{color:var(--muted)!important;white-space:nowrap}.sj-home-identity input{min-height:46px}.sj-home-identity-label{display:inline-flex;align-items:center;gap:6px}.sj-home-name-format{min-width:0}.sj-home-name-format .sj-profile-leaderboard-format-trigger{min-height:46px;padding:10px 14px;border-radius:11px;font-size:15px}.sj-home-name-format .sj-profile-leaderboard-format-menu{z-index:40}.sj-home-name-format .sj-profile-leaderboard-format-menu>button{grid-template-columns:14px minmax(0,1fr)}.sj-home-name-option-copy{display:flex;align-items:center;gap:6px;min-width:0}.sj-home-name-option-info{position:relative;z-index:1;display:grid;place-items:center;color:#aeb6c2;cursor:help}.sj-home-name-option-info:after{content:attr(data-tooltip);position:absolute;z-index:2;top:calc(100% + 6px);left:0;width:max-content;max-width:min(280px,calc(100vw - 40px));padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#111720;color:#e8eaed;box-shadow:0 8px 18px #0000006b;font-size:clamp(8px,1.1vw,9px);font-weight:650;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .14s ease,transform .14s ease}.sj-home-name-option-info:hover:after,.sj-home-name-option-info:focus-visible:after,.sj-home-name-option-info[data-open]:after{opacity:1;transform:translateY(0)}.sj-home-name-option-info:hover,.sj-home-name-option-info:focus-visible,.sj-home-name-option-info[data-open]{z-index:5}.sj-home-name-option-info[data-placement=center]:after{left:50%;transform:translate(-50%,-3px)}.sj-home-name-option-info[data-placement=center]:hover:after,.sj-home-name-option-info[data-placement=center]:focus-visible:after,.sj-home-name-option-info[data-placement=center][data-open]:after{transform:translate(-50%)}@media(max-width:300px){.sj-home-name-option-info:after{max-width:calc(100vw - 32px);white-space:normal}}.sj-home-actions-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sj-home-action-card{min-width:0;display:flex;flex-direction:column;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#080c116b;box-shadow:inset 0 1px #ffffff06}.sj-home-create-card{border-color:#f0bd572e}.sj-home-join-card{border-color:#71a8ff2e}.sj-home-action-card>header{display:flex;align-items:center;gap:10px}.sj-home-action-card>header>span,.sj-home-portal-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(240,189,87,.28);border-radius:11px;color:#f7cf77;background:#f0bd571a}.sj-home-join-card>header>span,.sj-home-portal-icon-public{border-color:#62d27f47;color:#9ceab1;background:#62d27f1a}.sj-home-action-card header div{min-width:0;display:grid;gap:1px}.sj-home-action-card h2{margin:0;font-size:17px;letter-spacing:-.02em}.sj-home-action-card>label:not(.sj-create-room-capacity){color:var(--muted);font-size:11px}.sj-home-action-description{margin:0;color:#82908d;font-size:10px;font-weight:700;line-height:1.45}.sj-home-action-card .sj-room-visibility-option{grid-template-columns:auto auto;gap:6px}.sj-home-action-card .sj-create-room-capacity{min-height:42px}.sj-home-action-card .sj-create-room-capacity>span{display:inline-flex;align-items:center;gap:7px}.sj-home-create-actions{margin-top:auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(88px,1fr);gap:8px}.sj-home-primary-action{display:flex;align-items:center;justify-content:center;gap:8px}.sj-home-solo-action{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border-color:#6fd29d4d;background:#22704a1f;color:#a9e9c5}.sj-home-solo-action:hover,.sj-home-solo-action:focus-visible{border-color:#6fd29d8c;background:#22704a38}.sj-home-action-card .sj-room-join-actions{margin-top:auto}.sj-home-action-card .sj-room-join-actions .sj-btn{display:flex;align-items:center;justify-content:center;gap:6px}.sj-home-public-action{min-height:50px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px;text-align:left}.sj-home-public-action>span{min-width:0;display:flex;align-items:center;gap:12px}.sj-home-public-action>span>span{min-width:0;display:grid;gap:2px}.sj-home-public-action strong{color:#d7f5df;font-size:13px;font-weight:900}.sj-home-public-action small{overflow:hidden;color:#86aa91;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.sj-home-portal-title{display:flex;align-items:center;gap:11px}.sj-home-portal-title>div{display:grid;gap:1px}.sj-home-portal-title small{color:#8ecb9e;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sj-home-portal-title h1{margin:0;font-size:20px;letter-spacing:-.025em}.sj-home-portal .sj-public-rooms{margin:clamp(16px,2.5vw,26px);padding:14px}.sj-public-rooms-head{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}.sj-public-rooms-head>div{display:flex;align-items:baseline;gap:9px}.sj-public-rooms-head strong{font-size:14px}.sj-public-rooms-head span{color:var(--soft);font-size:10px;font-weight:800}.sj-public-rooms-head>small{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:10px;font-weight:800}.sj-public-rooms-head .sj-connection-badge{position:static;width:9px;height:9px}.sj-home-portal .sj-public-room-card{min-height:62px;padding:10px 12px}.sj-home-portal .sj-public-room-meta strong{display:flex;gap:5px;padding:0 9px}@media(max-width:860px){.sj-home-portal-body{grid-template-columns:1fr;overflow-y:auto}.sj-home-workspace{flex:none;overflow:visible;padding:22px 26px 28px}}@media(max-height:600px)and (max-width:899px){.sj-home-portal-stack{height:calc(100dvh - 20px)}.sj-home-portal-header{min-height:62px;padding-block:8px}.sj-home-workspace{gap:11px;padding:16px 22px 22px}.sj-home-action-card{gap:9px;padding:13px}.sj-home-public-action{min-height:52px}}@media(min-width:0px){.sj-home-action-description{display:none}.sj-home-portal-stack{width:min(520px,100%);height:min(680px,calc(100dvh - 36px))}.sj-home-portal-header{min-height:70px;padding:10px 14px}.sj-home-mini-brand .sj-brand-logo-mark{width:42px}.sj-home-mini-brand .sj-brand-logo-copy strong{font-size:27px}.sj-home-workspace{gap:13px;padding:16px 16px 26px}.sj-home-identity{grid-template-columns:1fr;gap:6px}.sj-home-actions-grid{grid-template-columns:1fr;gap:11px}.sj-home-action-card{gap:11px;padding:14px;border-radius:15px}.sj-home-action-description{min-width:0;overflow:hidden;font-size:clamp(9px,min(2.4vw,1.3dvh),10px);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sj-home-public-action{min-height:50px}.sj-home-public-action small{white-space:normal}.sj-home-portal .sj-public-rooms{margin:12px;padding:9px}.sj-home-portal .sj-public-room-card{min-height:58px}}.sj-brand-mark{display:flex;justify-content:center;text-align:center;overflow:visible}.sj-brand-logo{display:inline-grid;justify-items:center;gap:10px;min-width:0;overflow:visible}.sj-brand-logo-mark{position:relative;width:clamp(74px,18vw,116px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 18%,rgba(240,189,87,.2),transparent 28%),radial-gradient(circle at 76% 72%,rgba(232,137,194,.18),transparent 36%),linear-gradient(145deg,#1f7b59fa,#0d3428fa);box-shadow:inset 0 0 0 2px #ffffff1a,inset 0 0 0 5px #0817132e,0 18px 28px #00000057,0 0 18px #f0bd5724;overflow:hidden;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(240,189,87,.14))}.sj-brand-logo-mark:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 0 0 1px #ffffff52;pointer-events:none}.sj-brand-logo-card{position:absolute;z-index:1;width:35%;transform-origin:center}.sj-brand-logo-card .sj-card-size-logo{--sj-card-width: 100%;--sj-card-height: auto;width:100%;height:auto;filter:drop-shadow(0 5px 6px rgba(0,0,0,.38))}.sj-brand-logo-card-left{left:20%;top:32%;z-index:3;transform:rotate(-14deg)}.sj-brand-logo-card-center{left:32%;top:12%;z-index:1;width:37%;transform:rotate(4deg)}.sj-brand-logo-card-right{right:18%;top:35%;z-index:4;transform:rotate(15deg)}.sj-brand-logo-copy{min-width:0;position:relative;display:inline-block;overflow:visible}.sj-brand-logo-copy strong{display:block;max-width:min(360px,82vw);overflow-wrap:anywhere;background:linear-gradient(135deg,#fff7d6,#f0bd57 42%,#e889c2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(30px,8vw,48px);line-height:1.08;font-weight:1000;letter-spacing:-.04em;padding:0 .04em .08em;text-shadow:0 12px 36px rgba(0,0,0,.28)}.sj-connection-badge{position:absolute;top:clamp(4px,.12em,8px);right:-13px;width:11px;height:11px;display:block;border:2px solid rgba(23,27,36,.96);border-radius:50%;background:#741e1e2e;box-shadow:0 0 0 2px #ef6a6129,0 5px 12px #0000004d;animation:sjConnectionBadgePulse 1.1s ease-in-out infinite}.sj-connection-badge:before{content:"";position:absolute;inset:1px;border-radius:50%;background:var(--red)}.sj-connection-badge:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(239,106,97,.42);border-radius:50%;opacity:0;transform:scale(.35);animation:sjConnectionBadgeRing 1.1s ease-out infinite}.sj-connection-badge-ok{background:#62d27f1f;box-shadow:0 0 0 2px #62d27f24,0 5px 12px #0000004d;animation-duration:2s}.sj-connection-badge-ok:before{background:var(--green);box-shadow:0 0 0 3px #62d27f21}.sj-connection-badge-ok:after{border-color:#62d27f61;animation-duration:2s}@keyframes sjConnectionBadgePulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.18);opacity:1}}@keyframes sjConnectionBadgeRing{0%{opacity:.7;transform:scale(.35)}70%,to{opacity:0;transform:scale(1.25)}}.sj-home-card{position:relative;width:100%;min-height:0;max-height:92dvh;gap:13px;overflow:hidden;padding:clamp(16px,3.2vh,26px);transform-origin:center;will-change:transform,opacity,filter;animation:sjHomePanelIn .34s cubic-bezier(.16,1,.3,1) both}@media(max-width:820px){.auth-page{height:100svh;height:100dvh;min-height:0;padding:0;overflow:hidden;background:linear-gradient(#040a0e38,#040a0e6b),url(/skyjo-card-backdrop.webp) center / cover no-repeat}.auth-orb,.auth-story{display:none}.auth-shell{width:100%;height:100%;min-height:0;max-height:none;grid-template-columns:1fr;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-form-panel{display:flex;height:100%;min-height:0;flex-direction:column;align-items:center;justify-content:safe center;overflow-x:hidden;overflow-y:auto;padding:max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-top)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-right)) max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-bottom)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-left));scroll-padding-block:1.25rem;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:linear-gradient(#040a0e38,#040a0e6b),url(/skyjo-card-backdrop.webp) center / cover no-repeat}.auth-form-inner{width:min(480px,100%);max-width:none;padding:clamp(1.25rem,4vw,1.8rem);border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fffffffa;box-shadow:0 24px 65px #04160f47}.auth-mobile-brand{--auth-logo-size: 34.4px;--auth-logo-scale: .2965517241;display:flex;gap:.625rem;margin-bottom:clamp(1.1rem,2.5vh,1.5rem);font-size:.9rem}.auth-loading-description{display:block;max-width:340px;margin:0;color:#65736d;font-size:.72rem;line-height:1.6}.auth-public-links{gap:.25rem .65rem;margin-top:.45rem;font-size:.58rem}.auth-reset-card{display:flex;width:100%;height:100%;max-height:none;flex-direction:column;align-items:center;justify-content:safe center;overflow-x:hidden;overflow-y:auto;padding:max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-top)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-right)) max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-bottom)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-left));border:0;border-radius:0;background:#fff;box-shadow:none}.auth-reset-card:before{display:none}.auth-legal-overlay{padding:.75rem}.auth-legal-modal{max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.auth-legal-content{min-height:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media(max-width:480px){.auth-form-panel{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.auth-form-inner{padding:clamp(.9rem,4.5vw,1.2rem);border-radius:20px}.auth-reset-card{padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.auth-mobile-brand{margin-bottom:1.75rem}.auth-name-grid{grid-template-columns:1fr}.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 34px}.sj-account-controls{top:9px;right:9px;gap:7px}.sj-account-profile-trigger{width:34px;height:34px}}.sj-home-card .sj-brand-logo{gap:7px}.sj-home-card .sj-brand-logo-mark{width:clamp(66px,15vw,96px)}.sj-home-card .sj-brand-logo-copy strong{font-size:clamp(28px,7vw,44px)}.sj-home-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}.sj-public-search-card{position:absolute;inset:0;z-index:2;height:100%;max-height:none;overflow:hidden;animation:sjPublicPanelIn .34s cubic-bezier(.16,1,.3,1) both}.sj-home-card-measure{visibility:hidden;pointer-events:none;animation:none}@keyframes sjHomePanelIn{0%{opacity:0;transform:translate(-34px) rotateY(7deg) scale(.965);filter:blur(8px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes sjPublicPanelIn{0%{opacity:0;transform:translate(34px) rotateY(-7deg) scale(.965);filter:blur(8px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.sj-lobby-copy{margin:0 0 4px;color:var(--muted);text-align:center;font-size:14px}.sj-reconnect-card{align-items:center;text-align:center;overflow:hidden}.sj-reconnect-card h1{margin:0;font-size:clamp(22px,5vw,30px)}.sj-reconnect-card>*{max-width:100%}.sj-reconnect-card .sj-lobby-copy,.sj-reconnect-card .sj-reconnect-status,.sj-reconnect-card .sj-error{overflow-wrap:anywhere}.sj-reconnect-status{margin:0;color:var(--soft);text-align:center;font-size:13px}.sj-reconnect-spinner{width:46px;height:46px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--amber);border-radius:999px;animation:sjReconnectSpin .8s linear infinite}@keyframes sjReconnectSpin{to{transform:rotate(360deg)}}.sj-lobby-card label{color:var(--muted);font-size:13px;font-weight:700}.sj-lobby-card label span{color:var(--amber)}.sj-room-visibility{position:relative;isolation:isolate;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#080b106b;padding:4px;overflow:hidden}.sj-room-visibility:before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 13px)/2);border:1px solid rgba(240,189,87,.76);border-radius:999px;background:radial-gradient(circle at 18% 0%,rgba(255,232,174,.22),transparent 46%),linear-gradient(145deg,#f0bd5738,#e889c21a),#1a1815fa;box-shadow:0 0 0 2px #f0bd5714,0 8px 18px #00000038,inset 0 0 0 1px #ffffff12;transform:translate(0);transition:transform .24s cubic-bezier(.2,.9,.2,1),border-color .18s ease,background .18s ease}.sj-room-visibility-public:before{transform:translate(calc(100% + 5px))}.sj-room-visibility-option{position:relative;min-width:0;flex:0 0 auto;min-height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease,box-shadow .16s ease}.sj-room-visibility-option strong{font-size:12px;font-weight:950}.sj-room-visibility-option:hover{border-color:#f0bd576b}.sj-room-visibility-option-active{color:#fff3cf;text-shadow:0 1px 8px rgba(0,0,0,.28)}.sj-create-room-capacity{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#080b1052;padding:6px 7px 6px 12px}.sj-create-room-capacity>span{color:var(--muted)}.sj-create-room-capacity select,.sj-room-admin-capacity select{min-width:70px;min-height:32px;border:1px solid rgba(240,189,87,.34);border-radius:7px;background:#171b24;color:var(--text);padding:0 28px 0 10px;font:inherit;font-size:13px;font-weight:900;cursor:pointer}input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:8px;background:#0f141b;color:var(--text);padding:10px 12px;font-size:16px}input:focus{outline:3px solid rgba(240,189,87,.28);border-color:var(--amber)}.sj-room-code-field{--sj-room-scan-inset: 4px;position:relative;width:100%}.sj-room-code-field-scannable input{padding-right:calc(50px + var(--sj-room-scan-inset))}.sj-room-scan-trigger{position:absolute;top:50%;right:var(--sj-room-scan-inset);width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(113,168,255,.36);border-radius:6px;background:#2a487866;color:#d5e5ff;padding:0;cursor:pointer;transform:translateY(-50%);transition:border-color .16s ease,background .16s ease,color .16s ease}.sj-room-scan-trigger:hover{border-color:#71a8ffb8;background:#2f538cad;color:#fff}.sj-room-scan-trigger:focus-visible{outline:2px solid rgba(143,183,239,.8);outline-offset:1px}.sj-btn{min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--surface-3);color:var(--text);padding:10px 16px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.sj-btn:hover:not(:disabled){transform:translateY(-1px);background:#354052}.sj-btn:active:not(:disabled){transform:translateY(0)}.sj-btn:disabled{cursor:not-allowed;opacity:.45}.sj-btn-primary{background:var(--amber);color:#211400}.sj-btn-primary:hover:not(:disabled){background:#ffd274}.sj-btn-danger{background:#c83f3a;color:#fff}.sj-btn-danger:hover:not(:disabled){background:#e0524c}.sj-room-join-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sj-btn-spectator{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#71a8ff57;background:#223e61c7}.sj-divider{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:12px;font-weight:800;text-transform:uppercase}.sj-divider:before,.sj-divider:after{content:"";height:1px;flex:1;background:var(--line)}.sj-public-search-trigger{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(98,210,127,.36);border-radius:10px;background:#0c1714eb;color:#d7ffe2;font-size:13px;font-weight:950;cursor:pointer;outline:none;box-shadow:inset 0 0 0 1px #ffffff0d,0 10px 24px #0000002e;transition:transform .12s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.sj-public-search-trigger *{pointer-events:none}.sj-public-search-trigger:focus-visible{border-color:#62d27fc2;box-shadow:inset 0 0 0 1px #ffffff12,0 10px 24px #0000002e,0 0 0 3px #62d27f33}.sj-public-search-trigger-back{border-color:#f0bd576b;background:#1d180feb;color:#ffe0a1}.sj-public-search-trigger-back:focus-visible{border-color:#f0bd57c7;box-shadow:inset 0 0 0 1px #ffffff12,0 10px 24px #0000002e,0 0 0 3px #f0bd572e}.sj-public-search-trigger span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#62d27f29;color:#b9f4c8}.sj-public-search-trigger-back span{background:#f0bd5729;color:#ffe0a1}.sj-public-search-trigger:active:not(:disabled){transform:translateY(0);border-color:#62d27fb8;background:#0e1e18fa}.sj-public-search-trigger-back:active:not(:disabled){border-color:#f0bd57c2;background:#221b10fa}@media(hover:hover)and (pointer:fine){.sj-public-search-trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#62d27fad;background:#0e1e18fa;box-shadow:inset 0 0 0 1px #ffffff12,0 14px 30px #0000003d,0 0 0 3px #62d27f1f}.sj-public-search-trigger-back:hover:not(:disabled){border-color:#f0bd57b8;background:#221b10fa;box-shadow:inset 0 0 0 1px #ffffff12,0 14px 30px #0000003d,0 0 0 3px #f0bd571f}}.sj-public-search-trigger:disabled{cursor:not-allowed;opacity:.48}.sj-public-search-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.sj-panel-back{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(240,189,87,.35);border-radius:14px;background:radial-gradient(circle at 30% 20%,rgba(240,189,87,.22),transparent 42%),#13161deb;color:#ffe0a1;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 22px #0000003d;transition:transform .14s ease,border-color .16s ease,box-shadow .16s ease}.sj-panel-back span{display:block;font-size:24px;font-weight:1000;line-height:1;transform:translateY(-1px)}.sj-panel-back:hover{transform:translate(-2px);border-color:#f0bd57b3;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 26px #00000047,0 0 0 3px #f0bd571f}.sj-public-search-head>div{min-width:0;display:grid;gap:2px}.sj-public-search-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:1000}.sj-public-search-subtitle{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden;color:var(--soft);font-size:12px;font-weight:800}.sj-public-search-subtitle .sj-connection-badge{position:static;width:10px;height:10px;flex:0 0 auto}.sj-public-rooms{display:grid;grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;flex:1;border:1px solid rgba(98,210,127,.2);border-radius:14px;padding:10px;background:radial-gradient(circle at 0% 0%,rgba(98,210,127,.1),transparent 44%),linear-gradient(145deg,#62d27f0e,#71a8ff09),#0a111294}.sj-public-room-list{display:grid;align-content:start;gap:5px;min-height:0;overflow:auto;padding:2px 2px 1px 0}.sj-public-room-list::-webkit-scrollbar{width:0;height:0}.sj-public-room-card{width:100%;min-width:0;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid rgba(98,210,127,.22);border-radius:11px;background:#0c1714e6;color:var(--text);padding:7px 8px;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .12s ease,background .16s ease}.sj-public-room-card:hover{transform:translateY(-1px);border-color:#62d27f8f;background:#0e1e18f5}.sj-public-room-main{min-width:0;display:grid;gap:2px}.sj-public-room-title{min-width:0;display:flex;align-items:center;gap:7px}.sj-public-room-title>strong{flex:0 1 auto}.sj-public-room-title>span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#f0bd5724;color:#ffe6aa;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}.sj-public-room-main strong,.sj-public-room-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-public-room-main strong{font-size:13px;font-weight:950}.sj-public-room-main small{color:var(--soft);font-size:11px;font-weight:800}.sj-public-room-meta{display:grid;justify-items:end;gap:3px;color:var(--soft);font-size:11px;font-weight:900}.sj-public-room-meta span{color:#ffe6aa;font-size:12px;letter-spacing:.08em}.sj-public-room-meta strong{display:inline-grid;place-items:center;min-width:38px;min-height:24px;border-radius:999px;background:#62d27f29;color:#a9f0bb;font-size:12px}.sj-public-room-chevron{align-self:center;color:#cfe2ffb8}.sj-public-preview-overlay{--sj-modal-space-top: max(12px, env(safe-area-inset-top));--sj-modal-space-right: max(12px, env(safe-area-inset-right));--sj-modal-space-bottom: max(12px, env(safe-area-inset-bottom));--sj-modal-space-left: max(12px, env(safe-area-inset-left));z-index:94}.sj-public-preview-modal{--sj-public-preview-height: min( 52dvh, max( 120px, calc( 100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) - 170px ) ) );width:min(var(--sj-modal-width-large),100%,calc(var(--sj-public-preview-height) * var(--sj-public-preview-ratio) + 32px));min-width:var(--sj-modal-min-width);max-height:var(--sj-modal-available-height);box-sizing:border-box;display:grid;justify-items:stretch;gap:12px;overflow:auto;border:1px solid rgba(113,168,255,.3);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 50% 0%,rgba(113,168,255,.14),transparent 38%),linear-gradient(155deg,#14242ffa,#091216fc);box-shadow:0 24px 70px #0000008f;padding:16px;outline:none}.sj-public-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sj-public-preview-head>div{min-width:0;display:grid;gap:2px}.sj-public-preview-head span{color:#9db5c8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sj-public-preview-head h2{margin:0;overflow:hidden;font-size:clamp(18px,4vw,24px);text-overflow:ellipsis;white-space:nowrap}.sj-public-preview-head>button{width:34px;height:34px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff12;color:var(--text);cursor:pointer}.sj-public-preview-viewport{container-type:size;position:relative;width:min(100%,calc(var(--sj-public-preview-height) * var(--sj-public-preview-ratio)));max-height:var(--sj-public-preview-height);justify-self:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:radial-gradient(circle at 50% 44%,rgba(39,122,80,.24),transparent 48%),linear-gradient(155deg,#14282b,#081315);box-shadow:inset 0 0 36px #00000047}.sj-public-preview-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);padding:18px;text-align:center;font-size:12px;font-weight:850}.sj-public-preview-stage-clip{position:absolute;inset:0;overflow:hidden}.sj-public-preview-stage.sj-app-shell{position:absolute;inset:0 auto auto 0;transform-origin:top left;background:radial-gradient(circle at 50% 44%,rgba(39,122,80,.24),transparent 48%),linear-gradient(155deg,#14282b,#081315);pointer-events:none}.sj-public-preview-board-slot{min-width:0;display:grid;place-items:center}.sj-public-preview-owner{margin:0;color:var(--soft);text-align:center;font-size:11px;font-weight:800}.sj-public-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sj-public-preview-actions>:only-child{grid-column:1 / -1}.sj-public-preview-actions .sj-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.sj-public-room-empty{margin:0;align-self:start;justify-self:stretch;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:var(--soft);padding:11px;text-align:center;font-size:12px;font-weight:800}.sj-public-room-name-hint{margin:0;text-align:center}@media(max-width:760px){.sj-home-card{width:100%;max-height:92dvh;overflow:auto;gap:12px;padding-bottom:0}.sj-home-card:after{content:"";display:block;flex:0 0 clamp(16px,3.2vh,26px);width:100%}.sj-home-card .sj-brand-logo-mark{width:clamp(62px,17vw,78px)}.sj-home-card .sj-brand-logo-copy strong{font-size:clamp(27px,7vw,36px)}.sj-home-main{gap:11px}.sj-home-card{animation-duration:.42s}}@media(max-width:760px){@keyframes sjHomePanelIn{0%{opacity:0;transform:translate(-42px,10px) rotateY(10deg) scale(.94);filter:blur(10px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes sjPublicPanelIn{0%{opacity:0;transform:translate(42px,10px) rotateY(-10deg) scale(.94);filter:blur(10px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}}.sj-connection,.sj-hint{margin:0;color:var(--soft);text-align:center;font-size:13px}.sj-connection:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--red)}.sj-connection-ok:before{background:var(--green)}.sj-error{background:#741e1eeb;border:1px solid rgba(239,106,97,.65);color:#fff4f2;padding:8px 11px;border-radius:8px;font-size:13px;font-weight:700}.sj-toast{position:fixed;top:10px;left:50%;z-index:50;transform:translate(-50%);animation:sjToastIn .2s ease both}.sj-game-toast{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;z-index:150;width:max-content;max-width:min(460px,calc(100vw - 28px));display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid rgba(239,106,97,.5);border-radius:999px;background:linear-gradient(135deg,#321919f5,#1c212bf5);color:#fff4f2;box-shadow:0 18px 44px #00000061,0 0 0 4px #ef6a611a,inset 0 0 0 1px #ffffff0f;font-size:clamp(12px,1.8vw,14px);font-weight:900;line-height:1.2;pointer-events:none;transform:translate(-50%);animation:sjToastIn .2s ease both}.sj-game-toast-icon{width:25px;height:25px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 32% 26%,#ff8a7c 38%,#b62f2a);color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 8px 18px #0000004d,0 0 0 4px #ef6a6124}.sj-game-toast-info{border-color:#f0bd578f;background:linear-gradient(135deg,#272012f5,#1c212bf5);color:#fff2cf;box-shadow:0 18px 44px #00000061,0 0 0 4px #f0bd571a,inset 0 0 0 1px #ffffff0f}.sj-game-toast-info .sj-game-toast-icon{background:radial-gradient(circle at 32% 26%,#ffe29a 38%,#b97b24);box-shadow:0 8px 18px #0000004d,0 0 0 4px #f0bd5724}.sj-game-toast-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-turn-notice-stack{position:fixed;top:clamp(48px,7vh,72px);left:50%;z-index:49;width:calc(100vw - 32px);display:grid;justify-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.sj-last-turn-notice{width:max-content;max-width:100%;display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;padding:9px 14px 9px 9px;border:1px solid rgba(239,106,97,.54);border-radius:999px;background:linear-gradient(135deg,#361818f2,#1f2530f2);color:#fff1ee;box-shadow:0 18px 48px #00000061,0 0 0 4px #ef6a611a,inset 0 0 0 1px #ffffff0f;font-size:clamp(12px,1.8vw,14px);pointer-events:none;animation:sjTurnNoticeIn .2s ease both}.sj-my-turn-notice{border-color:#4ac7a094;background:linear-gradient(135deg,#133e35f5,#1c2731f5);color:#effff9;box-shadow:0 18px 48px #00000061,0 0 0 4px #4ac7a01c,inset 0 0 0 1px #ffffff0f}.sj-my-turn-notice .sj-last-turn-kicker{background:linear-gradient(135deg,#39bc91fa,#187e68fa);color:#f4fffb;box-shadow:0 8px 18px #0000003d,0 0 0 3px #4ac7a021}.sj-last-turn-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#ef6a61f2,#a72f2af2);color:#fff7f5;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px #0000003d,0 0 0 3px #ef6a611f}.sj-last-turn-notice strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:950}.sj-last-turn-notice .sj-action-modal-title-name{color:#e889c2;font-size:inherit;font-weight:950}@media(max-width:520px){.sj-game-toast{width:max-content;max-width:calc(100vw - 24px);grid-template-columns:auto minmax(0,max-content);align-items:center;border-radius:999px}.sj-game-toast-text{max-width:calc(100vw - 86px);white-space:nowrap}.sj-turn-notice-stack{width:calc(100vw - 24px)}.sj-last-turn-notice{grid-template-columns:1fr;justify-items:center;gap:8px;padding:10px 12px;border-radius:18px;text-align:center}.sj-last-turn-notice strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sj-my-turn-notice{grid-template-columns:auto auto;gap:8px;border-radius:999px;text-align:left}.sj-my-turn-notice strong{display:block;white-space:nowrap}}.sj-copy-toast{position:absolute;top:-9px;right:-9px;z-index:3;width:25px;height:25px;display:grid;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 26%,#e7fff0,#7de696 38%,#178d43);border:2px solid rgba(255,255,255,.92);border-radius:50%;color:#082813;padding:0;font-size:14px;font-weight:900;line-height:1;pointer-events:none;box-shadow:0 8px 18px #0000004d,0 0 0 4px #62d27f29;animation:sjPopIn .18s ease both}.sj-room-head{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:800}.sj-room-copy-wrap{position:relative;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.sj-room-code-copy{position:relative;display:inline-flex}.sj-room-copy{border:1px solid var(--line-strong);border-radius:8px;background:#ffffff0f;color:var(--text);padding:8px 12px;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sj-room-copy-copied{border-color:#62d27fd6;background:linear-gradient(135deg,#62d27f29,#ffffff12);box-shadow:0 0 0 3px #62d27f24,inset 0 0 0 1px #ffffff14}.sj-room-visibility-badge{width:max-content;max-width:100%;min-width:0;margin:-5px auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;color:var(--soft);padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.sj-room-visibility-badge{padding-inline:clamp(6px,2.4vw,10px);font-size:clamp(8px,2.6vw,11px);letter-spacing:.01em}}.sj-room-visibility-badge-public{border-color:#62d27f5c;background:#62d27f1a;color:#b9f4c8}.sj-room-qr-trigger{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(113,168,255,.34);border-radius:8px;background:#2a48783d;color:#d5e5ff;padding:0;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sj-room-qr-trigger:hover{border-color:#71a8ffad;background:#2f538c61}.sj-room-qr-trigger:focus-visible{outline:3px solid rgba(113,168,255,.24);outline-offset:2px}.sj-invite-overlay{z-index:160}.sj-qr-scanner-overlay{z-index:170}.sj-qr-scanner-modal{width:min(var(--sj-modal-width-standard),100%);height:fit-content;max-height:var(--sj-modal-available-height);min-width:var(--sj-modal-min-width);box-sizing:border-box;display:grid;grid-auto-rows:max-content;align-self:center;justify-items:stretch;gap:14px;overflow:auto;border:1px solid rgba(113,168,255,.34);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 50% 0%,rgba(113,168,255,.18),transparent 38%),linear-gradient(155deg,#192430fc,#0e141dfc);padding:clamp(20px,4vw,28px);box-shadow:0 28px 80px #0000008f}.sj-qr-scanner-modal-compact{width:min(var(--sj-modal-width-compact),100%)}.sj-qr-scanner-camera{position:relative;width:100%;aspect-ratio:4 / 3.5;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(143,183,239,.3);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(42,72,120,.34),transparent 54%),#080d13;color:#d5e5ff7a}.sj-qr-scanner-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sj-qr-scanner-frame{position:relative;z-index:2;width:min(62%,250px);aspect-ratio:1;border:1px solid rgba(255,255,255,.26);border-radius:12px;box-shadow:0 0 0 999px #02050947}.sj-qr-scanner-frame i{position:absolute;width:32px;height:32px;border-color:#f0bd57;border-style:solid}.sj-qr-scanner-frame i:nth-child(1){top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:10px 0 0}.sj-qr-scanner-frame i:nth-child(2){top:-2px;right:-2px;border-width:3px 3px 0 0;border-radius:0 10px 0 0}.sj-qr-scanner-frame i:nth-child(3){right:-2px;bottom:-2px;border-width:0 3px 3px 0;border-radius:0 0 10px}.sj-qr-scanner-frame i:nth-child(4){bottom:-2px;left:-2px;border-width:0 0 3px 3px;border-radius:0 0 0 10px}.sj-qr-scanner-placeholder{position:absolute;z-index:1}.sj-qr-scanner-feedback{display:grid;align-content:start;gap:4px;color:var(--soft);text-align:center}.sj-qr-scanner-feedback strong{color:var(--text);font-size:13px}.sj-qr-scanner-feedback p{margin:0;color:#ffaaa4;font-size:12px;line-height:1.4}.sj-invite-modal{width:min(var(--sj-modal-width-compact),100%);max-height:var(--sj-modal-available-height);min-width:var(--sj-modal-min-width);box-sizing:border-box;display:grid;justify-items:center;gap:14px;overflow:auto;border:1px solid rgba(113,168,255,.34);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 50% 0%,rgba(113,168,255,.18),transparent 38%),linear-gradient(155deg,#192430fc,#0e141dfc);padding:clamp(20px,4vw,28px);box-shadow:0 28px 80px #0000008f}.sj-invite-modal-head{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sj-invite-modal-head>div{min-width:0}.sj-invite-modal-head span{display:block;margin-bottom:4px;color:#8fb7ef;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sj-invite-modal-head h2{margin:0;color:var(--text);font-size:clamp(21px,5vw,28px);line-height:1.12}.sj-invite-modal-description{width:100%;margin:0;color:var(--soft);font-size:13px;line-height:1.45;text-align:left}.sj-invite-qr-frame{width:min(286px,72vw);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:8px solid #fff;border-radius:16px;background:#fff;color:#31434c;font-size:12px;text-align:center;box-shadow:0 18px 44px #00000047}.sj-invite-qr-frame img{width:100%;height:100%;display:block}.sj-invite-url{width:100%;margin:0;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#05090f6b;color:#b9c8d0;padding:9px 11px;font-size:10px;line-height:1.4;text-align:left}.sj-invite-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sj-invite-actions .sj-btn{width:100%;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding-inline:10px;font-size:11px;font-weight:850}@media(max-width:480px){.sj-invite-modal{width:100%;gap:12px;border-radius:var(--sj-modal-radius);padding:18px 16px}.sj-invite-qr-frame{width:min(250px,68vw);border-width:6px;border-radius:13px}.sj-qr-scanner-modal{gap:12px;border-radius:var(--sj-modal-radius);padding:18px 16px}.sj-qr-scanner-camera{width:min(100%,max(250px,calc(133.333dvh - 326.67px)));justify-self:center;border-radius:12px}}.sj-player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.sj-player-list li{height:44px;min-height:44px;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:5px 10px}.sj-player-list li.sj-player-list-current{border-color:var(--blue);background:#71a8ff1a;box-shadow:0 0 0 2px #71a8ff33}.sj-player-list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-player-list-disconnected .sj-player-list-name{color:var(--soft)}.sj-player-remove-button{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;margin-left:auto;border:1px solid rgba(239,106,97,.38);border-radius:7px;background:#ef6a611a;color:#ffaaa5;padding:0;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .16s ease,border-color .16s ease,background .16s ease,transform .12s ease}.sj-player-list li:hover .sj-player-remove-button,.sj-player-list li:focus-within .sj-player-remove-button{opacity:1;pointer-events:auto}.sj-player-remove-button:hover{border-color:#ef6a61d1;background:#ef6a6138;transform:translateY(-1px)}.sj-player-remove-button:focus-visible{opacity:1;pointer-events:auto;outline:3px solid rgba(239,106,97,.28);outline-offset:2px}@media(hover:none),(pointer:coarse){.sj-player-remove-button{opacity:1;pointer-events:auto}}.sj-mode-picker{display:grid;gap:8px}.sj-mode-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sj-mode-picker-head span{color:var(--soft);font-size:11px}.sj-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sj-mode-option{min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff09;overflow:hidden}.sj-mode-option-active{border-color:var(--amber);box-shadow:inset 0 0 0 1px #f0bd5761}.sj-mode-option>button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text);padding:9px;text-align:center;cursor:pointer}.sj-mode-option>button:disabled{cursor:default;opacity:1}.sj-app-shell{height:100svh;height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);padding:max(clamp(8px,1.5vh,16px),env(safe-area-inset-top)) max(clamp(8px,1.5vh,16px),env(safe-area-inset-right)) max(clamp(8px,1.5vh,16px),env(safe-area-inset-bottom)) max(clamp(8px,1.5vh,16px),env(safe-area-inset-left));position:relative}.sj-app-shell.sj-layout-pending{visibility:hidden}.sj-me-card-12{--sj-me-card-width: 12px}.sj-me-card-14{--sj-me-card-width: 14px}.sj-me-card-16{--sj-me-card-width: 16px}.sj-me-card-18{--sj-me-card-width: 18px}.sj-me-card-20{--sj-me-card-width: 20px}.sj-me-card-22{--sj-me-card-width: 22px}.sj-me-card-24{--sj-me-card-width: 24px}.sj-me-card-26{--sj-me-card-width: 26px}.sj-me-card-28{--sj-me-card-width: 28px}.sj-me-card-30{--sj-me-card-width: 30px}.sj-me-card-32{--sj-me-card-width: 32px}.sj-me-card-34{--sj-me-card-width: 34px}.sj-me-card-36{--sj-me-card-width: 36px}.sj-me-card-38{--sj-me-card-width: 38px}.sj-me-card-40{--sj-me-card-width: 40px}.sj-me-card-42{--sj-me-card-width: 42px}.sj-me-card-44{--sj-me-card-width: 44px}.sj-me-card-46{--sj-me-card-width: 46px}.sj-me-card-48{--sj-me-card-width: 48px}.sj-me-card-50{--sj-me-card-width: 50px}.sj-me-card-52{--sj-me-card-width: 52px}.sj-me-card-54{--sj-me-card-width: 54px}.sj-me-card-56{--sj-me-card-width: 56px}.sj-me-card-58{--sj-me-card-width: 58px}.sj-me-card-60{--sj-me-card-width: 60px}.sj-me-card-62{--sj-me-card-width: 62px}.sj-me-card-64{--sj-me-card-width: 64px}.sj-me-card-66{--sj-me-card-width: 66px}.sj-me-card-68{--sj-me-card-width: 68px}.sj-me-card-70{--sj-me-card-width: 70px}.sj-me-card-72{--sj-me-card-width: 72px}.sj-me-card-74{--sj-me-card-width: 74px}.sj-me-card-76{--sj-me-card-width: 76px}.sj-me-card-78{--sj-me-card-width: 78px}.sj-me-card-80{--sj-me-card-width: 80px}.sj-me-card-82{--sj-me-card-width: 82px}.sj-me-card-84{--sj-me-card-width: 84px}.sj-me-card-86{--sj-me-card-width: 86px}.sj-me-card-88{--sj-me-card-width: 88px}.sj-me-card-90{--sj-me-card-width: 90px}.sj-me-card-92{--sj-me-card-width: 92px}.sj-me-card-94{--sj-me-card-width: 94px}.sj-me-card-96{--sj-me-card-width: 96px}.sj-me-card-98{--sj-me-card-width: 98px}.sj-me-card-100{--sj-me-card-width: 100px}.sj-me-card-102{--sj-me-card-width: 102px}.sj-me-card-104{--sj-me-card-width: 104px}.sj-me-card-106{--sj-me-card-width: 106px}.sj-me-card-108{--sj-me-card-width: 108px}.sj-me-card-110{--sj-me-card-width: 110px}.sj-me-card-112{--sj-me-card-width: 112px}.sj-me-card-114{--sj-me-card-width: 114px}.sj-me-card-116{--sj-me-card-width: 116px}.sj-me-card-118{--sj-me-card-width: 118px}.sj-me-card-120{--sj-me-card-width: 120px}.sj-me-card-122{--sj-me-card-width: 122px}.sj-me-card-124{--sj-me-card-width: 124px}.sj-me-card-126{--sj-me-card-width: 126px}.sj-me-card-128{--sj-me-card-width: 128px}.sj-me-card-130{--sj-me-card-width: 130px}.sj-me-card-132{--sj-me-card-width: 132px}.sj-me-card-134{--sj-me-card-width: 134px}.sj-me-card-136{--sj-me-card-width: 136px}.sj-me-card-138{--sj-me-card-width: 138px}.sj-me-card-140{--sj-me-card-width: 140px}.sj-opp-card-12{--sj-opp-card-width: 12px}.sj-opp-card-14{--sj-opp-card-width: 14px}.sj-opp-card-16{--sj-opp-card-width: 16px}.sj-opp-card-18{--sj-opp-card-width: 18px}.sj-opp-card-20{--sj-opp-card-width: 20px}.sj-opp-card-22{--sj-opp-card-width: 22px}.sj-opp-card-24{--sj-opp-card-width: 24px}.sj-opp-card-26{--sj-opp-card-width: 26px}.sj-opp-card-28{--sj-opp-card-width: 28px}.sj-opp-card-30{--sj-opp-card-width: 30px}.sj-opp-card-32{--sj-opp-card-width: 32px}.sj-opp-card-34{--sj-opp-card-width: 34px}.sj-opp-card-36{--sj-opp-card-width: 36px}.sj-opp-card-38{--sj-opp-card-width: 38px}.sj-opp-card-40{--sj-opp-card-width: 40px}.sj-opp-card-42{--sj-opp-card-width: 42px}.sj-opp-card-44{--sj-opp-card-width: 44px}.sj-opp-card-46{--sj-opp-card-width: 46px}.sj-opp-card-48{--sj-opp-card-width: 48px}.sj-opp-card-50{--sj-opp-card-width: 50px}.sj-opp-card-52{--sj-opp-card-width: 52px}.sj-opp-card-54{--sj-opp-card-width: 54px}.sj-opp-card-56{--sj-opp-card-width: 56px}.sj-opp-card-58{--sj-opp-card-width: 58px}.sj-opp-card-60{--sj-opp-card-width: 60px}.sj-opp-card-62{--sj-opp-card-width: 62px}.sj-opp-card-64{--sj-opp-card-width: 64px}.sj-opp-card-66{--sj-opp-card-width: 66px}.sj-opp-card-68{--sj-opp-card-width: 68px}.sj-opp-card-70{--sj-opp-card-width: 70px}.sj-opp-card-72{--sj-opp-card-width: 72px}.sj-opp-card-74{--sj-opp-card-width: 74px}.sj-opp-card-76{--sj-opp-card-width: 76px}.sj-opp-card-78{--sj-opp-card-width: 78px}.sj-opp-card-80{--sj-opp-card-width: 80px}.sj-opp-card-82{--sj-opp-card-width: 82px}.sj-opp-card-84{--sj-opp-card-width: 84px}.sj-opp-card-86{--sj-opp-card-width: 86px}.sj-opp-card-88{--sj-opp-card-width: 88px}.sj-opp-card-90{--sj-opp-card-width: 90px}.sj-opp-card-92{--sj-opp-card-width: 92px}.sj-opp-card-94{--sj-opp-card-width: 94px}.sj-opp-card-96{--sj-opp-card-width: 96px}.sj-opp-card-98{--sj-opp-card-width: 98px}.sj-opp-card-100{--sj-opp-card-width: 100px}.sj-opp-card-102{--sj-opp-card-width: 102px}.sj-opp-card-104{--sj-opp-card-width: 104px}.sj-opp-card-106{--sj-opp-card-width: 106px}.sj-opp-card-108{--sj-opp-card-width: 108px}.sj-opp-card-110{--sj-opp-card-width: 110px}.sj-opp-card-112{--sj-opp-card-width: 112px}.sj-opp-card-114{--sj-opp-card-width: 114px}.sj-opp-card-116{--sj-opp-card-width: 116px}.sj-opp-card-118{--sj-opp-card-width: 118px}.sj-opp-card-120{--sj-opp-card-width: 120px}.sj-pile-card-42{--sj-pile-card-width: 42px}.sj-pile-card-44{--sj-pile-card-width: 44px}.sj-pile-card-46{--sj-pile-card-width: 46px}.sj-pile-card-48{--sj-pile-card-width: 48px}.sj-pile-card-50{--sj-pile-card-width: 50px}.sj-pile-card-52{--sj-pile-card-width: 52px}.sj-pile-card-54{--sj-pile-card-width: 54px}.sj-pile-card-56{--sj-pile-card-width: 56px}.sj-pile-card-58{--sj-pile-card-width: 58px}.sj-pile-card-60{--sj-pile-card-width: 60px}.sj-pile-card-62{--sj-pile-card-width: 62px}.sj-pile-card-64{--sj-pile-card-width: 64px}.sj-pile-card-66{--sj-pile-card-width: 66px}.sj-pile-card-68{--sj-pile-card-width: 68px}.sj-pile-card-70{--sj-pile-card-width: 70px}.sj-pile-card-72{--sj-pile-card-width: 72px}.sj-pile-card-74{--sj-pile-card-width: 74px}.sj-pile-card-76{--sj-pile-card-width: 76px}.sj-pile-card-78{--sj-pile-card-width: 78px}.sj-pile-card-80{--sj-pile-card-width: 80px}.sj-pile-card-82{--sj-pile-card-width: 82px}.sj-pile-card-84{--sj-pile-card-width: 84px}.sj-pile-card-86{--sj-pile-card-width: 86px}.sj-pile-card-88{--sj-pile-card-width: 88px}.sj-pile-card-90{--sj-pile-card-width: 90px}.sj-pile-card-92{--sj-pile-card-width: 92px}.sj-pile-card-94{--sj-pile-card-width: 94px}.sj-pile-card-96{--sj-pile-card-width: 96px}.sj-pile-card-98{--sj-pile-card-width: 98px}.sj-pile-card-100{--sj-pile-card-width: 100px}.sj-pile-card-102{--sj-pile-card-width: 102px}.sj-pile-card-104{--sj-pile-card-width: 104px}.sj-pile-card-106{--sj-pile-card-width: 106px}.sj-pile-card-108{--sj-pile-card-width: 108px}.sj-pile-card-110{--sj-pile-card-width: 110px}.sj-pile-card-112{--sj-pile-card-width: 112px}.sj-pile-card-114{--sj-pile-card-width: 114px}.sj-pile-card-116{--sj-pile-card-width: 116px}.sj-pile-card-118{--sj-pile-card-width: 118px}.sj-pile-card-120{--sj-pile-card-width: 120px}.sj-pile-card-122{--sj-pile-card-width: 122px}.sj-pile-card-124{--sj-pile-card-width: 124px}.sj-pile-card-126{--sj-pile-card-width: 126px}.sj-pile-card-128{--sj-pile-card-width: 128px}.sj-pile-card-130{--sj-pile-card-width: 130px}.sj-pile-card-132{--sj-pile-card-width: 132px}.sj-pile-card-134{--sj-pile-card-width: 134px}.sj-pile-card-136{--sj-pile-card-width: 136px}.sj-pile-card-138{--sj-pile-card-width: 138px}.sj-pile-card-140{--sj-pile-card-width: 140px}.sj-exit-button{--sj-room-control-size: 44px;position:absolute;top:max(clamp(8px,1.5vh,16px),env(safe-area-inset-top));right:max(clamp(8px,1.5vh,16px),env(safe-area-inset-right));z-index:35;width:var(--sj-room-control-size);height:var(--sj-room-control-size);display:grid;place-content:center;border:1px solid rgba(239,106,97,.38);border-radius:8px;background:#45181be6;color:#ffd3cf;box-shadow:0 10px 28px #00000047;cursor:pointer;transition:background .16s ease,border-color .16s ease}.sj-exit-button:hover{border-color:#ef6a61b8;background:#742326f5}.sj-exit-button:focus-visible,.sj-room-copy:focus-visible{outline:3px solid rgba(239,106,97,.3);outline-offset:2px}.sj-chat-button{position:fixed;left:max(clamp(10px,2vw,18px),env(safe-area-inset-left));bottom:max(clamp(10px,2.2dvh,18px),env(safe-area-inset-bottom));z-index:45;width:46px;height:46px;display:grid;place-items:center;align-items:center;justify-content:center;border:1px solid rgba(113,168,255,.42);border-radius:999px;background:radial-gradient(circle at 20% 0%,rgba(113,168,255,.28),transparent 46%),#121d2df0;color:#d9e8ff;box-shadow:0 12px 32px #00000057;padding:0;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.sj-chat-button:hover,.sj-chat-button:focus-visible{transform:translateY(-2px);border-color:#71a8ffc7;background:radial-gradient(circle at 20% 0%,rgba(113,168,255,.38),transparent 48%),#162a42fa}.sj-chat-button:focus-visible{outline:3px solid rgba(113,168,255,.28);outline-offset:3px}.sj-chat-button span{display:none}.sj-chat-button-unread{border-color:#f0bd57d1;color:#fff0c2}.sj-game-controls{position:absolute;inset:0;z-index:35;pointer-events:none}.sj-game-controls>button{pointer-events:auto}.sj-room-admin-button{--sj-room-control-size: 44px;position:absolute;top:max(clamp(8px,1.5vh,16px),env(safe-area-inset-top));right:calc(max(clamp(8px,1.5vh,16px),env(safe-area-inset-right)) + var(--sj-room-control-size) + 10px);z-index:36;width:var(--sj-room-control-size);height:var(--sj-room-control-size);display:grid;place-items:center;border:1px solid rgba(240,189,87,.42);border-radius:8px;background:radial-gradient(circle at 20% 0%,rgba(240,189,87,.2),transparent 48%),#302614eb;color:#ffe4a5;box-shadow:0 10px 28px #00000047;padding:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.sj-room-admin-button:hover,.sj-room-admin-button:focus-visible{border-color:#f0bd57d1;background:radial-gradient(circle at 20% 0%,rgba(240,189,87,.32),transparent 50%),#463113fa;transform:translateY(-1px)}.sj-room-admin-button:focus-visible{outline:3px solid rgba(240,189,87,.24);outline-offset:2px}.sj-spectator-badge{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(113,168,255,.34);border-radius:999px;background:#0c192ae6;box-shadow:0 8px 22px #0000003d;color:#cfe2ff;padding:5px 11px;font-size:11px;font-weight:900;letter-spacing:.025em;pointer-events:none;white-space:nowrap}.sj-spectator-eye{flex:0 0 auto;color:#9fc6ff}.sj-spectator-count-copy{color:#f3f8ff;font-size:11px;font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.sj-spectator-badge-reconnecting{border-color:#f0bd5757;color:#ffe6aa}.sj-game-controls .sj-spectator-badge{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.sj-lobby-room>.sj-spectator-badge{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;z-index:42;transform:translate(-50%)}@media(max-width:520px),(max-height:520px){.sj-spectator-badge{min-height:26px;gap:5px;padding:4px 8px;font-size:10px}}.sj-chat-badge{position:absolute;top:-7px;right:-5px;min-width:22px;height:22px;display:grid;place-items:center;border:2px solid rgba(15,21,31,.98);border-radius:999px;background:linear-gradient(180deg,#f3c95d,#d98325);color:#261405;font-size:11px;font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.sj-turn-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#697071}.sj-turn-dot-on{background:var(--green);animation:sjGreenPulse 1.6s ease-in-out infinite}.sj-board-area{--sj-play-gap: 8px;flex:1 1 0;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sj-play-gap)}.sj-opponents{flex:0 0 auto;width:100%;display:flex;flex-wrap:nowrap;justify-content:center;justify-content:safe center;align-content:flex-start;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0}.sj-opponents::-webkit-scrollbar{display:none}.sj-play-column{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--sj-play-gap)}.sj-center{--pile-effect-space: 10px;--pile-card-height: calc(var(--sj-pile-card-width, 56px) * 1.386364);--pile-item-width: calc(var(--sj-pile-card-width, 56px) + var(--pile-effect-space) * 2);--pile-item-height: calc(var(--pile-card-height) + var(--pile-effect-space) * 2);flex:0 0 auto;min-width:0;min-height:0;display:grid;place-items:center;align-self:center;padding:0;overflow:visible}.sj-action-panel{width:min(calc(var(--pile-item-width) * 2 + clamp(4px,calc(var(--sj-pile-card-width, 56px) * .1),10px)),92vw);min-height:var(--pile-item-height);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;overflow:visible}.sj-action-card,.sj-action-deck{--sj-action-card-width: clamp(88px, min(12vw, 20vh), 148px);width:var(--sj-action-card-width);min-width:var(--sj-action-card-width);height:calc(var(--sj-action-card-width) * 122 / 88);min-height:calc(var(--sj-action-card-width) * 122 / 88);aspect-ratio:88 / 122;display:flex;flex-direction:column;gap:0;border:2px solid rgba(255,231,177,.7);border-radius:11px;background:#24152f;color:#fff;padding:0;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 10px 22px #00000057,inset 0 0 0 1px #ffffff1f;transition:transform .14s ease,filter .16s ease,border-color .16s ease}.sj-action-deck{align-items:center;justify-content:center;background:linear-gradient(145deg,#7b2f78,#3c285d);text-align:center;padding:10px}.sj-action-deck span{font-size:9px;font-weight:800;text-transform:uppercase}.sj-action-deck strong{font-size:11px;line-height:1.15}.sj-action-card-art{width:100%;flex:1 1 auto;min-height:0;display:block;background-position:center;background-size:cover;background-repeat:no-repeat}.sj-action-art-removeEach{background-image:url(/action-cards/remove-each.jpg)}.sj-action-art-swapOwn{background-image:url(/action-cards/swap-own.jpg)}.sj-action-art-extraTurns{background-image:url(/action-cards/extra-turns.jpg)}.sj-action-art-drawThree{background-image:url(/action-cards/draw-three.jpg)}.sj-action-art-peekLine{background-image:url(/action-cards/peek-line.jpg)}.sj-action-art-defense{background-image:url(/action-cards/defense.jpg)}.sj-action-art-playDiscard{background-image:url(/action-cards/play-discard.jpg)}.sj-action-art-stealAction{background-image:url(/action-cards/steal-action.jpg)}.sj-action-art-swapPlayers{background-image:url(/action-cards/swap-players.jpg)}.sj-action-card-copy{min-height:clamp(42px,calc(var(--sj-action-card-width) * .42),58px);display:grid;align-content:center;border-top:1px solid rgba(255,231,177,.36);background:linear-gradient(145deg,#702765,#321c49);padding:5px 6px 6px}.sj-action-card-copy strong{font-size:clamp(8px,calc(var(--sj-action-card-width) * .09),13px);line-height:1.12}.sj-action-card:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.08);border-color:#ffe4a0}.sj-action-card.sj-action-card-static,.sj-action-card.sj-action-card-static:hover{cursor:default;transform:none;filter:none;border-color:#ffe7b1b3}.sj-action-card:disabled,.sj-action-deck:disabled{cursor:default;opacity:.52}.sj-action-card-compact{--sj-action-card-width: clamp(78px, min(10vw, 17vh), 118px)}.sj-pile-group{width:100%;display:grid;grid-template-columns:repeat(2,max-content);grid-template-rows:none;align-items:center;justify-items:center;gap:clamp(4px,calc(var(--sj-pile-card-width, 56px) * .1),10px);overflow:visible}.sj-pile-button{position:relative;width:var(--pile-item-width);height:var(--pile-item-height);min-width:0;min-height:0;display:grid;place-items:center;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text);padding:0;appearance:none;-webkit-appearance:none;overflow:visible;cursor:pointer;transition:transform .12s ease,filter .16s ease}.sj-pile-button:disabled{cursor:default;opacity:.72}.sj-pile-has-drawn:disabled{opacity:1}.sj-pile-button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}.sj-pile-active{filter:drop-shadow(0 0 10px rgba(240,189,87,.24))}.sj-pile-danger.sj-pile-active{filter:drop-shadow(0 0 10px rgba(239,106,97,.28))}.sj-drawn-card-overlay{position:absolute;inset:var(--pile-effect-space);z-index:3;display:grid;place-items:center;overflow:visible;pointer-events:none}.sj-drawn-from-deck{animation:sjDrawFromDeck .42s ease-out both}.sj-drawn-from-discard{animation:sjLiftFromDiscard .24s ease-out both}.sj-card-motion-layer{position:fixed;inset:0;z-index:38;overflow:hidden;pointer-events:none;contain:strict}.sj-card-motion-layer-local{position:absolute;z-index:6}.sj-card-flight{position:absolute;z-index:1;margin:0;opacity:0;offset-anchor:0 0;offset-distance:0%;offset-rotate:0deg;filter:drop-shadow(0 14px 17px rgba(0,0,0,.48));will-change:offset-distance,opacity;animation:sjCardFlightTravel var(--sj-flight-duration) cubic-bezier(.34,.05,.18,1) var(--sj-flight-delay) both,sjCardFlightFade var(--sj-flight-duration) linear var(--sj-flight-delay) both}.sj-card-target-hold{position:absolute;z-index:0;animation:sjCardTargetHold var(--sj-flight-duration) linear var(--sj-flight-delay) both}.sj-card-target-settled{position:absolute;z-index:0;opacity:0;animation:sjCardTargetSettleIn 1ms linear var(--sj-settle-delay) forwards,sjCardTargetSettleOut 1ms linear var(--sj-settle-hide-delay) forwards}.sj-card-target-hold>.sj-card,.sj-card-target-settled>.sj-card{width:100%;height:100%;filter:none}.sj-card-flight-card{width:100%;height:100%;transform-origin:top left;will-change:transform;animation:sjCardFlightResize var(--sj-flight-duration) cubic-bezier(.34,.05,.18,1) var(--sj-flight-delay) both}.sj-card-flight-late-handoff{animation:sjCardFlightTravel var(--sj-flight-duration) cubic-bezier(.34,.05,.18,1) var(--sj-flight-delay) both,sjCardFlightFadeLate var(--sj-flight-duration) linear var(--sj-flight-delay) both}.sj-card-flight-handoff-incoming{z-index:4}.sj-card-flight-handoff-outgoing{z-index:3}.sj-card-flight-card>.sj-card,.sj-card-flight-flip{width:100%;height:100%;transform-box:fill-box;transform-origin:center;will-change:transform;animation:sjCardFlightZoom var(--sj-flight-duration) cubic-bezier(.34,.05,.18,1) var(--sj-flight-delay) both}.sj-card-flight-card>.sj-card{transform-box:view-box;filter:none}.sj-card-flight-flip{position:relative;transform-style:preserve-3d}.sj-card-flight-flip-layer{position:absolute;inset:0}.sj-card-flight-flip-underlay{z-index:0}.sj-card-flight-flip-reveal{z-index:1}.sj-card-flight-flip-layer>.sj-card{width:100%;height:100%;filter:none}.sj-card-flight-discard{--sj-card-frame-color: rgba(255, 174, 145, .96)}.sj-card-flight-swap{--sj-card-frame-color: rgba(151, 195, 255, .98)}.sj-card-flight-swap-front{z-index:2;filter:drop-shadow(0 18px 22px rgba(0,0,0,.58))}.sj-card-flight-swap-back{z-index:1;filter:drop-shadow(0 9px 12px rgba(0,0,0,.34))}.sj-card-flight-swap-back .sj-card-flight-card>.sj-card{animation:sjCardFlightZoom var(--sj-flight-duration) cubic-bezier(.34,.05,.18,1) var(--sj-flight-delay) both,sjCardFlightPassBehind var(--sj-flight-duration) ease-in-out var(--sj-flight-delay) both}.sj-card-flight-clear{--sj-card-frame-color: rgba(117, 225, 176, .98)}.sj-card-motion-destination{animation:sjCardMotionDestination var(--sj-card-arrival-duration, .62s) linear var(--sj-card-arrival-delay, 0ms) both!important}.sj-card-motion-destination-late{animation:sjCardMotionDestinationLate var(--sj-card-arrival-duration, .62s) linear var(--sj-card-arrival-delay, 0ms) both!important}.sj-me-wrap{flex:0 1 auto;align-items:center;min-height:0;min-width:0;display:flex;justify-content:center}.sj-board{--card-width: 42px;--card-height: calc(var(--card-width) * 122 / 88);--board-bg-start: rgba(246, 117, 103, .93);--board-bg-end: rgba(187, 34, 42, .94);--board-border: rgba(255, 255, 255, .34);--board-border-width: 1px;--board-shadow: 0 18px 38px rgba(0, 0, 0, .28);--score-badge-shadow: 0 7px 14px rgba(0, 0, 0, .28), inset 0 -2px 0 rgba(0, 0, 0, .14);--board-grid-gap: clamp(2px, calc(var(--card-width) * .085), 8px);--board-pad: clamp(5px, calc(var(--card-width) * .16), 16px);--board-block-gap: clamp(4px, calc(var(--card-width) * .1), 8px);--board-header-height: clamp(26px, calc(var(--card-width) * .4), 34px);--score-badge-width: clamp(40px, calc(var(--card-width) * .58), 52px);--score-badge-height: clamp(24px, calc(var(--board-header-height) * .88), 30px);--board-flow-gap: clamp(6px, calc(var(--card-width) * .14), 14px);--board-score-reserve: clamp(44px, calc(var(--score-badge-width) + 6px), 58px);--board-radius: clamp(8px, calc(var(--card-width) * .16), 14px);--board-width: calc(var(--card-width) * 4 + var(--board-grid-gap) * 3 + var(--board-pad) * 2 + var(--board-border-width) * 2);--board-height: calc(var(--card-height) * 3 + var(--board-grid-gap) * 2 + var(--board-header-height) + var(--board-block-gap) + var(--board-pad) * 2 + var(--board-border-width) * 2);width:var(--board-width);height:var(--board-height);max-width:100%;display:inline-flex;flex-direction:column;gap:var(--board-block-gap);border:var(--board-border-width) solid var(--board-border);border-radius:var(--board-radius);background:linear-gradient(180deg,var(--board-bg-start),var(--board-bg-end)),#14181ffa;box-shadow:var(--board-shadow);padding:var(--board-pad);margin-block:0;overflow:visible;position:relative;contain:layout style;transform:translateZ(0);backface-visibility:hidden;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.sj-board-action-popup{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:var(--board-pad);pointer-events:none;overflow:visible;animation:sjBoardActionPopupLayer 3.4s ease both}.sj-board-action-popup-card{--sj-action-card-width: clamp(74px, calc(var(--card-width) * 2.35), 168px);flex:0 0 auto;border-color:#ffe7b1e0;box-shadow:0 18px 40px #0000007a,0 0 0 1px #ffffff29,0 0 28px #f0bd574d;transform-origin:center;animation:sjBoardActionPopupCard 3.4s cubic-bezier(.2,.9,.18,1) both}.sj-board-me{--card-width: var(--sj-me-card-width, clamp(48px, min(18.5vw, 10.8vh), 88px));--card-height: var(--sj-me-card-height, calc(var(--card-width) * 122 / 88));--board-grid-gap: var(--sj-me-grid-gap, clamp(2px, calc(var(--card-width) * .085), 8px));--board-pad: var(--sj-me-board-pad, clamp(5px, calc(var(--card-width) * .16), 16px));--board-block-gap: var(--sj-me-board-block-gap, clamp(4px, calc(var(--card-width) * .1), 8px));--board-header-height: var(--sj-me-board-header-height, clamp(26px, calc(var(--card-width) * .4), 34px));--board-bg-start: rgba(112, 78, 112, .94);--board-bg-end: rgba(55, 40, 70, .96);margin-top:0;margin-bottom:0}.sj-board-opp{--card-width: var(--sj-opp-card-width, clamp(20px, min(5vw, 4.6vh), 38px));--card-height: var(--sj-opp-card-height, calc(var(--card-width) * 122 / 88));--board-grid-gap: var(--sj-opp-grid-gap, clamp(2px, calc(var(--card-width) * .085), 8px));--board-pad: var(--sj-opp-board-pad, clamp(5px, calc(var(--card-width) * .16), 16px));--board-block-gap: var(--sj-opp-board-block-gap, clamp(4px, calc(var(--card-width) * .1), 8px));--board-header-height: var(--sj-opp-board-header-height, clamp(26px, calc(var(--card-width) * .4), 34px));--board-bg-start: rgba(18, 116, 122, .88);--board-bg-end: rgba(9, 70, 88, .9)}.sj-board-me .sj-board-header,.sj-board-opp .sj-board-header{padding-left:clamp(3px,calc(var(--card-width) * .12),6px)}.sj-board-me .sj-player-main,.sj-board-opp .sj-player-main{gap:clamp(5px,calc(var(--card-width) * .14),8px)}.sj-board-opp.sj-board-active{animation:sjOpponentTurnPulse 1.4s ease-in-out infinite}.sj-board-header{min-width:0;height:var(--board-header-height);flex:0 0 var(--board-header-height);display:grid;align-items:center;justify-items:stretch;padding:0 var(--board-score-reserve) 0 0;overflow:visible}.sj-player-main{min-width:0;max-width:100%;height:100%;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(3px,calc(var(--card-width) * .06),5px);overflow:visible;line-height:1}.sj-player-name{flex:1 1 auto;min-width:0;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,calc(var(--card-width) * .15),14px);font-weight:900;line-height:1.2;padding-block:2px}.sj-action-count-badge{--sj-action-count-card-w: clamp(7px, calc(var(--score-badge-height) * .34), 10px);--sj-action-count-card-h: clamp(9px, calc(var(--score-badge-height) * .48), 13px);--sj-action-count-card-offset-x: clamp(2px, calc(var(--score-badge-height) * .12), 3px);--sj-action-count-card-offset-y: clamp(1px, calc(var(--score-badge-height) * .08), 2px);flex:0 0 auto;margin-left:auto;min-width:var(--score-badge-width);height:var(--score-badge-height);display:inline-flex;align-items:center;justify-content:center;gap:clamp(3px,calc(var(--score-badge-height) * .14),5px);border:2px solid rgba(255,255,255,.82);border-radius:999px;background:linear-gradient(180deg,#925bd4,#5a2fa3);box-shadow:var(--score-badge-shadow);color:#fff;padding:0 6px;font-variant-numeric:tabular-nums;line-height:1;overflow:hidden;appearance:none;-webkit-appearance:none}button.sj-action-count-badge{cursor:pointer;transition:transform .14s ease,filter .16s ease}button.sj-action-count-badge:hover{filter:brightness(1.08);transform:translateY(-1px)}button.sj-action-count-badge:focus-visible{outline:3px solid rgba(240,189,87,.42);outline-offset:2px}.sj-action-count-badge strong{font-size:clamp(12px,calc(var(--score-badge-height) * .54),17px);font-weight:600;line-height:1}.sj-action-count-icon{position:relative;width:calc(var(--sj-action-count-card-w) + var(--sj-action-count-card-offset-x));height:calc(var(--sj-action-count-card-h) + var(--sj-action-count-card-offset-y));flex:0 0 auto}.sj-action-count-icon:before,.sj-action-count-icon:after{content:"";position:absolute;width:var(--sj-action-count-card-w);height:var(--sj-action-count-card-h);border:1.2px solid rgba(255,255,255,.88);border-radius:2px}.sj-action-count-icon:before{top:0;left:0;border-color:#ffffff80;background:#2d1458b8}.sj-action-count-icon:after{right:0;bottom:0;background:linear-gradient(145deg,#ffffff3d,#482485f5)}.sj-total-score-badge{position:absolute;top:calc(var(--board-pad) + (var(--board-header-height) - var(--score-badge-height)) / 2);right:var(--board-pad);z-index:2;width:var(--score-badge-width);height:var(--score-badge-height);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:linear-gradient(180deg,#68df3e,#18aa28);box-shadow:var(--score-badge-shadow);color:#fff;padding:0 6px;text-align:center}.sj-total-score-badge strong{font-size:clamp(12px,calc(var(--score-badge-height) * .54),17px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;max-width:3ch;overflow:hidden}.sj-player-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#6e7474}.sj-player-dot-online{background:var(--green)}.sj-player-dot-offline{background:var(--red)}.sj-grid{position:relative;display:grid;grid-template-columns:repeat(4,var(--card-width));grid-template-rows:repeat(3,var(--card-height));gap:var(--board-grid-gap);align-items:start;justify-items:start;overflow:visible;isolation:isolate}.sj-card-slot{position:relative;width:var(--card-width);height:var(--card-height);min-width:0;min-height:0;overflow:visible;contain:size layout style}.sj-card-slot>.sj-card{width:100%;height:100%}@media(hover:none),(pointer:coarse){.sj-card-slot{transform:translateZ(0);backface-visibility:hidden}.sj-card-slot>.sj-card:not(.sj-card-flip):not(.sj-card-reveal){transform:translateZ(0)}}.sj-card{--sj-card-frame-color: rgba(255, 255, 255, .52);--sj-card-frame-width: 1.2;--sj-card-frame-opacity: .92;width:var(--sj-card-width, 64px);height:var(--sj-card-height, calc(var(--sj-card-width, 64px) * 122 / 88));aspect-ratio:88 / 122;display:block;overflow:visible;border:0;border-radius:12.5%/9.0164%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.38));transition:none;shape-rendering:geometricPrecision;transform-box:view-box;transform-origin:center;backface-visibility:hidden}.sj-card-size-table{--sj-card-width: var(--card-width, 76px);--sj-card-height: var(--card-height, calc(var(--card-width, 76px) * 122 / 88))}.sj-card-size-pile{--sj-card-width: var(--sj-pile-card-width, clamp(48px, min(9vw, 12vh), 78px));--sj-card-height: calc(var(--sj-card-width) * 122 / 88)}.sj-card-size-logo{--sj-card-width: 34px;--sj-card-height: calc(var(--sj-card-width) * 122 / 88)}.sj-board .sj-card[role=button]{cursor:pointer}.sj-card-removed{--sj-card-frame-color: rgba(255, 255, 255, .3);--sj-card-frame-width: 1.35;filter:none;box-shadow:none}.sj-card-removed-fill{fill:#ffffff0a}.sj-card-frame{fill:none;stroke:var(--sj-card-frame-color);stroke-width:var(--sj-card-frame-width);stroke-opacity:var(--sj-card-frame-opacity);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sj-card-frame-removed{stroke-dasharray:2.2 3}.sj-card-back{--sj-card-frame-color: rgba(255, 255, 255, .34);--sj-card-frame-width: 1.25}.sj-card-highlighted{--sj-card-frame-color: rgba(240, 189, 87, .96);--sj-card-frame-width: 2.05;--sj-card-frame-opacity: .96}.sj-card-selected{--sj-card-frame-color: rgba(255, 225, 157, .98);--sj-card-frame-width: 2.25;--sj-card-frame-opacity: 1}.sj-card-highlighted .sj-card-frame,.sj-card-pulse .sj-card-frame{animation:sjCardFramePulse 1.18s ease-in-out infinite}.sj-card-selected .sj-card-frame{animation:sjCardFrameSelected 1.25s ease-in-out infinite}.sj-card-pulse{--sj-card-frame-color: rgba(240, 189, 87, .9);--sj-card-frame-width: 1.9;--sj-card-frame-opacity: .9}.sj-card-danger{--sj-card-frame-color: rgba(239, 106, 97, .96);--sj-card-frame-width: 2.05;--sj-card-frame-opacity: 1}.sj-card-flip,.sj-card-reveal{animation:sjFlipIn .32s ease both;transform-box:view-box;transform-origin:center;transform-style:preserve-3d;will-change:transform,opacity}.sj-card-dim{opacity:.55}.sj-install-prompt{position:fixed;z-index:90;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;width:min(470px,calc(100vw - 32px));grid-template-columns:54px minmax(0,1fr);gap:12px 14px;padding:16px;border:1px solid rgba(100,204,145,.32);border-radius:22px;color:#f4f7f6;background:linear-gradient(145deg,#0e211dfa,#0f161efa);box-shadow:0 22px 60px #00000075,inset 0 1px #ffffff0a;animation:sjInstallPromptIn .36s cubic-bezier(.2,.8,.2,1) both}.sj-install-prompt>img{width:54px;height:54px;align-self:center;border-radius:15px;box-shadow:0 8px 22px #00000057}.sj-install-copy{min-width:0;padding-right:24px}.sj-install-copy strong{display:block;font-size:15px;line-height:1.25}.sj-install-copy p{margin:5px 0 0;color:#e2ebe8b8;font-size:12px;line-height:1.4}.sj-install-apple-help span{display:inline-flex;align-items:center;gap:5px}.sj-install-apple-help svg{flex:0 0 auto;color:#65a9ff;stroke-width:2}.sj-install-apple-help span+span{margin-left:5px}.sj-install-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px}.sj-install-actions button,.sj-install-close{border:0;font:inherit;cursor:pointer}.sj-install-actions button{min-height:38px;padding:0 14px;border-radius:12px;font-size:12px;font-weight:800}.sj-install-accept{display:inline-flex;align-items:center;gap:7px;color:#132018;background:#f0bd57}.sj-install-decline{color:#ebf1efc2;background:#ffffff12}.sj-install-close{position:absolute;top:9px;right:9px;display:grid;width:32px;height:32px;padding:0;place-items:center;border-radius:10px;color:#ebf1efad;background:transparent}@keyframes sjInstallPromptIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover){.sj-install-accept:hover{background:#f5c96f}.sj-install-decline:hover,.sj-install-close:hover{color:#fff;background:#ffffff1f}}@media(max-width:520px){.sj-install-prompt{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:14px;border-radius:19px}.sj-install-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.sj-install-prompt{animation:none}}.sj-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:auto;background:#05080cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sj-friends-overlay{z-index:130}.sj-friend-profile-overlay{z-index:145}.sj-profile-modal-friend .sj-profile-main-tabs,.sj-profile-modal-friend .sj-profile-statistics-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-account-friends-trigger{border-color:#5bd3a994;color:#a9f1d3;background:#185c4a80;box-shadow:0 8px 20px #0003,0 0 0 3px #5bd3a914}.sj-account-friends-trigger{position:relative}.sj-friends-unread{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding-inline:4px;border:2px solid #111821;border-radius:999px;color:#fff;background:#ef6a61;font-size:8px;font-weight:950;line-height:1}.sj-account-friends-trigger:hover{border-color:#75dfba;color:#effff9;background:#1c7e62d1}.sj-account-friends-trigger:focus-visible{outline-color:#5bd3a9e6}.sj-profile-modal.sj-friends-modal{--sj-friends-settings-reserve: 218px;width:min(560px,92vw,var(--sj-modal-available-width));min-height:min(440px,var(--sj-modal-available-height));height:auto;color:#eef5f3}.sj-friends-layout{min-height:0;position:relative;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.sj-friends-access{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:17px 20px 14px;border-bottom:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 90% 0,rgba(91,211,169,.09),transparent 42%),#ffffff05}.sj-friends-modal form{display:flex;align-items:center}.sj-friends-modal h2,.sj-friends-modal h3,.sj-friends-modal p{margin:0}.sj-friends-code{width:fit-content;justify-self:start;justify-items:start}.sj-friends-code>div,.sj-friends-code.sj-room-lobby-invite .sj-room-code-copy,.sj-friends-code.sj-room-lobby-invite .sj-room-lobby-code{width:fit-content}.sj-friends-code.sj-room-lobby-invite .sj-room-code-copy{display:inline-flex}.sj-friends-code.sj-room-lobby-invite .sj-room-lobby-code{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sj-friends-modal form{height:50px;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#0c1219;transition:border-color .18s,box-shadow .18s}.sj-friends-modal form:focus-within{border-color:#5bd3a97a;box-shadow:0 0 0 3px #5bd3a914}.sj-friends-modal form input{min-width:0;flex:1;height:40px;padding:0 10px;border:0;outline:0;color:#fff;background:transparent;text-transform:uppercase}.sj-friends-modal form button{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(91,211,169,.3);border-radius:10px;color:#d9faeb;background:#237e5e94;font-size:12px;font-weight:850;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.sj-friends-modal form button:hover:not(:disabled){border-color:#75dfbaad;background:#2a9770c7}.sj-friends-modal button:disabled{opacity:.45;cursor:default}.sj-friends-content{min-height:min(var(--sj-friends-settings-reserve),max(0px,calc(var(--sj-modal-available-height) - 270px)));max-height:min(430px,calc(var(--sj-modal-available-height) - 245px));flex:1 1 auto;padding:16px 20px 20px;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:18px}.sj-friends-content section{display:grid;gap:12px}.sj-friends-content h3{display:flex;align-items:center;justify-content:space-between;color:#eef5f39e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sj-friends-content h3 b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;color:#b9e9d5;background:#5bd3a91c;font-size:10px}.sj-friends-online-count{display:inline-flex;align-items:center;gap:6px;color:#9fe3c5;font-size:10px;font-weight:800;letter-spacing:0;text-transform:none}.sj-friends-online-count>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#56d680;box-shadow:0 0 0 3px #56d6801a}.sj-friends-content .sj-friends-list{width:100%;padding:0;overflow:visible}.sj-friends-list li{width:100%;grid-template-columns:minmax(0,1fr) auto auto}.sj-friends-content .sj-friends-request-list li{grid-template-columns:minmax(0,1fr) auto}.sj-friends-empty{color:#eef5f394;font-size:9px;font-weight:700}.sj-friends-player-actions{width:fit-content;display:flex;align-items:center;justify-self:end;gap:5px;margin:0;padding:0}.sj-friends-player-actions .sj-lobby-player-remove{opacity:.6}.sj-friends-list li:hover .sj-lobby-player-remove,.sj-friends-player-actions .sj-lobby-player-remove:focus-visible{opacity:1}.sj-friends-content .sj-friends-player-actions .sj-friends-accept:hover,.sj-friends-content .sj-friends-player-actions .sj-friends-accept:focus-visible{border-color:#5bd3a985;background:#5bd3a91c;color:#a9f1d3}.sj-friends-list .sj-friends-watch{opacity:.6;color:var(--muted)}.sj-friends-list .sj-friends-watch:hover,.sj-friends-list .sj-friends-watch:focus-visible{opacity:1;border-color:#71a8ff85;background:#71a8ff1c;color:#cfe2ff}.sj-friends-list .sj-friends-join:hover,.sj-friends-list .sj-friends-join:focus-visible,.sj-friends-list .sj-friends-invite:hover,.sj-friends-list .sj-friends-invite:focus-visible{opacity:1;border-color:#5bd3a985;background:#5bd3a91c;color:#a9f1d3}.sj-friends-more{position:relative;display:inline-flex}.sj-friends-list li.is-menu-open{position:relative;z-index:11;opacity:1}.sj-friends-player-actions .sj-friends-more-trigger{opacity:.72}.sj-friends-list .sj-friends-more-trigger:hover,.sj-friends-list .sj-friends-more-trigger:focus-visible,.sj-friends-list .sj-friends-more-trigger[aria-expanded=true]{opacity:1;border-color:#d3dce561;background:#d3dce514;color:#edf2f6}.sj-friends-more-menu{width:max-content;min-width:220px;max-width:min(270px,calc(100vw - 24px));position:fixed;z-index:180;display:grid;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#151c25;box-shadow:0 14px 34px #0000007a}.sj-friends-more-menu.opens-up{transform:translateY(-100%)}.sj-friends-more-menu>button{width:100%;min-height:35px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:6px 8px;border:0;border-radius:8px;color:#c5cdd4;background:transparent;font-size:10px;font-weight:750;line-height:1.2;text-align:left;cursor:pointer}.sj-friends-more-menu>button>svg{width:15px;height:15px}.sj-friends-more-menu>button:hover,.sj-friends-more-menu>button:focus-visible{color:#fff;background:#ffffff13;outline:none}.sj-friends-more-menu>button.is-active{color:#d9ceff}.sj-friends-more-menu>button.is-active:hover,.sj-friends-more-menu>button.is-active:focus-visible{color:#eee8ff;background:#8e70e029}.sj-friends-more-menu>button.is-danger:hover,.sj-friends-more-menu>button.is-danger:focus-visible{color:#ffc4c0;background:#ef6a611c}@media(hover:none),(pointer:coarse),(max-width:680px){.sj-friends-more-menu{min-width:210px;max-width:min(250px,calc(100vw - 24px))}.sj-friends-more-menu>button{min-height:36px;padding:4px 7px;font-size:9.5px}}.sj-lobby-player-badges>span.is-online{background:#5bd3a91c;color:#a9f1d3}.sj-lobby-player-badges>span.is-invited{color:#d9ceff;background:#8e70e029}.sj-friend-invitation-overlay{z-index:170}.sj-friend-invitation-prompt{width:min(410px,100%);display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px;border:1px solid rgba(91,211,169,.25);border-radius:22px;color:#eef5f3;background:radial-gradient(circle at 0 0,rgba(91,211,169,.12),transparent 40%),#171d26;box-shadow:0 24px 70px #0000007a}.sj-friend-invitation-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#9ce9c8;background:#5bd3a91f}.sj-friend-invitation-prompt>div:nth-child(2){min-width:0;display:grid;align-content:center;gap:3px}.sj-friend-invitation-prompt small{color:#68d7aa;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sj-friend-invitation-prompt h2{margin:0;font-size:20px;line-height:1.1}.sj-friend-invitation-prompt p{margin:3px 0 0;color:#98a5ad;font-size:10px;font-weight:650;line-height:1.4}.sj-friend-invitation-actions{grid-column:1 / -1;margin-top:4px}.sj-friend-invitation-actions .sj-btn{flex:1}.sj-friends-empty{display:grid;justify-items:center;gap:8px;padding:22px 4px 18px;text-align:center}.sj-friends-empty svg{width:24px;height:24px;opacity:.7}.sj-friends-loading{display:grid;gap:7px}.sj-friends-loading>span{height:45px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:linear-gradient(100deg,#ffffff09 20%,#ffffff13,#ffffff09 60%);background-size:220% 100%;animation:sj-friends-loading 1.25s ease-in-out infinite}@keyframes sj-friends-loading{to{background-position-x:-220%}}.sj-friends-notifications{display:grid;gap:6px}.sj-friends-notifications p{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(91,211,169,.14);border-radius:10px;color:#b9c7c2;background:#5bd3a90e;font-size:9px;font-weight:700}.sj-friends-notifications svg{flex:0 0 auto;color:#65d7a9}.sj-friends-settings{flex:0 0 auto;position:relative;margin:auto 20px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#151c25;z-index:4}.sj-friends-settings-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:11px 12px;border:0;color:#b7c1cb;background:transparent;font-size:10px;font-weight:850;text-align:left;cursor:pointer}.sj-friends-settings>div{position:absolute;right:0;bottom:calc(100% + 7px);left:0;height:max-content;display:grid;gap:9px;padding:12px;overflow:visible;visibility:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#151c25;box-shadow:0 -14px 32px #00000061;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.sj-friends-settings.is-open>div{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.sj-friends-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aeb8c3;font-size:9px;font-weight:750}.sj-friends-settings select{min-height:32px;padding:0 28px 0 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#eef5f3;background:#111821;font:inherit}.sj-friends-settings select:disabled{opacity:1;color:#eef5f3;background:#111821;-webkit-text-fill-color:#eef5f3}.sj-friends-toggle input{position:absolute;opacity:0;pointer-events:none}.sj-friends-toggle i{width:31px;height:18px;position:relative;flex:0 0 auto;border-radius:99px;background:#343d48;transition:background .16s}.sj-friends-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#eef3f5;transition:transform .16s}.sj-friends-toggle input:checked+i{background:#2f936e}.sj-friends-toggle input:checked+i:after{transform:translate(13px)}.sj-room-lobby-friends{border-color:#5bd3a947;color:#b9f1da;background:#5bd3a914}.sj-room-lobby-actions:has(.sj-room-lobby-friends):has(.sj-room-lobby-start){grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:680px){.sj-friends-layout{overflow:hidden}.sj-friends-access{grid-template-columns:minmax(0,1fr);gap:12px;padding:15px 14px}.sj-friends-code{width:100%}.sj-friends-content{max-height:min(430px,calc(var(--sj-modal-available-height) - 270px));padding:16px;overflow-y:auto}.sj-friends-modal form button{padding-inline:11px}.sj-friends-content .sj-friends-list li{grid-template-columns:minmax(0,1fr) auto auto}.sj-friends-list .sj-lobby-player-badges{grid-column:auto;display:flex;min-width:0;gap:3px}.sj-friends-list .sj-lobby-player-badges>span{padding:3px 5px;font-size:7px;white-space:nowrap}.sj-friends-player-actions{grid-column:3}.sj-friends-content .sj-friends-request-list li{grid-template-columns:minmax(0,1fr) auto}.sj-friends-request-list .sj-friends-player-actions{grid-column:2}.sj-friends-settings{margin-inline:16px}}@media(max-width:420px){.sj-profile-modal.sj-friends-modal{width:100%;height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom))}}.sj-round-end-card{width:min(440px,100%);max-width:100%;max-height:100%;overflow:auto}.sj-modal-overlay{--sj-modal-space-top: max(10px, env(safe-area-inset-top));--sj-modal-space-right: max(10px, env(safe-area-inset-right));--sj-modal-space-bottom: max(10px, env(safe-area-inset-bottom));--sj-modal-space-left: max(10px, env(safe-area-inset-left));--sj-modal-available-width: calc( 100vw - var(--sj-modal-space-left) - var(--sj-modal-space-right) );--sj-modal-available-height: calc( 100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) );--sj-modal-width-compact: 400px;--sj-modal-width-standard: 560px;--sj-modal-width-large: 760px;--sj-modal-width-extra-wide: 1080px;--sj-modal-min-width: min(320px, 100%);--sj-modal-radius-compact: 14px;--sj-modal-radius: 18px;--sj-modal-workspace-height: min(720px, 82dvh, var(--sj-modal-available-height));--sj-modal-workspace-min-height: min(360px, var(--sj-modal-available-height));position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--sj-modal-space-top) var(--sj-modal-space-right) var(--sj-modal-space-bottom) var(--sj-modal-space-left);overflow:auto;overscroll-behavior:contain;background:#05080cd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sj-confirm-modal{width:min(var(--sj-modal-width-compact),100%);min-width:var(--sj-modal-min-width);max-height:var(--sj-modal-available-height);box-sizing:border-box;overflow:auto;border:1px solid var(--line-strong);border-radius:var(--sj-modal-radius-compact);background:#171b24;box-shadow:0 24px 70px #00000085;padding:22px}.sj-confirm-modal h2{margin:0;font-size:21px}.sj-confirm-modal p{margin:10px 0 20px;color:var(--muted);font-size:14px;line-height:1.45}.sj-room-admin-modal{width:min(var(--sj-modal-width-large),100%);min-width:var(--sj-modal-min-width);max-height:var(--sj-modal-available-height);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(240,189,87,.3);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 0% 0%,rgba(240,189,87,.14),transparent 34%),radial-gradient(circle at 100% 0%,rgba(222,105,177,.1),transparent 38%),#12161efc;box-shadow:0 28px 80px #0000009e}.sj-room-admin-modal:focus{outline:none}.sj-room-admin-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.09);padding:18px 20px 15px}.sj-room-admin-head h2{margin:0;font-size:clamp(22px,4vw,30px);line-height:1.08}.sj-room-admin-head>button{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0f;color:var(--text);padding:0;cursor:pointer}.sj-room-admin-head>button:hover,.sj-room-admin-head>button:focus-visible{border-color:#f0bd5794;background:#f0bd571a}.sj-room-admin-body{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;overflow-y:auto;overscroll-behavior:contain;padding:16px}.sj-room-admin-members{grid-column:1 / -1}.sj-room-admin-section.sj-room-admin-access,.sj-room-admin-section.sj-room-admin-permissions{align-self:stretch}.sj-room-admin-section{align-self:start;display:grid;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#080c126b;padding:14px}.sj-room-admin-section-head h3{margin:0;font-size:17px}.sj-room-admin-section-head p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.sj-room-admin-room-code{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 7px;border-bottom:1px solid rgba(255,255,255,.09)}.sj-room-admin-room-code span{color:var(--muted);font-size:12px;font-weight:800}.sj-room-admin-room-code strong{border-radius:7px;background:#ffffff0f;color:var(--text);padding:4px 8px;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.sj-room-admin-access>.sj-room-visibility{margin-top:auto}.sj-room-admin-capacity{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff09;padding:8px 9px 8px 12px}.sj-room-admin-capacity>span{min-width:0;display:grid;gap:2px;color:var(--text)}.sj-room-admin-capacity strong{font-size:13px}.sj-room-admin-capacity small{color:var(--muted);font-size:10px;font-weight:700}.sj-admin-switch{width:100%;min-height:50px;display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff09;color:var(--text);padding:8px 10px;text-align:left;cursor:pointer}.sj-admin-switch:hover,.sj-admin-switch:focus-visible,.sj-admin-switch-on{border-color:#f0bd574d;background:#f0bd5712}.sj-admin-switch:focus-visible{outline:3px solid rgba(240,189,87,.18);outline-offset:1px}.sj-admin-switch-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#ffffff12;color:var(--muted)}.sj-admin-switch-on .sj-admin-switch-icon{background:#f0bd5724;color:#ffe4a5}.sj-admin-switch-copy{min-width:0;display:flex;align-items:center}.sj-admin-switch-copy strong{color:var(--text);font-size:12px}.sj-admin-switch-track{width:36px;height:20px;display:flex;align-items:center;border-radius:999px;background:#ffffff26;padding:2px;transition:background .16s ease}.sj-admin-switch-track span{width:16px;height:16px;border-radius:50%;background:#c6cad1;transition:transform .18s ease,background .16s ease}.sj-admin-switch-on .sj-admin-switch-track{background:#f0bd5780}.sj-admin-switch-on .sj-admin-switch-track span{background:#fff0c2;transform:translate(16px)}.sj-admin-variant-presets{display:grid;gap:5px}.sj-admin-variant-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.sj-admin-variant-presets button{min-width:0;min-height:34px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09;color:var(--muted);padding:5px 7px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.sj-admin-variant-presets button:hover:not(:disabled),.sj-admin-variant-presets button:focus-visible,.sj-admin-variant-presets .sj-admin-variant-active{border-color:#f0bd577a;background:#f0bd571f;color:#fff0c2}.sj-admin-variant-presets button:focus-visible{outline:3px solid rgba(240,189,87,.16);outline-offset:1px}.sj-admin-custom-number{min-width:0;min-height:34px;display:block;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff09;color:var(--muted);padding:3px}.sj-admin-custom-number input{appearance:textfield;-moz-appearance:textfield;width:100%;min-width:0;min-height:26px;border:0;border-radius:5px;background:#0003;color:var(--text);padding:2px 3px;font:inherit;font-size:11px;text-align:center}.sj-admin-custom-number input::-webkit-inner-spin-button,.sj-admin-custom-number input::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.sj-admin-custom-number input:focus{outline:0}.sj-admin-custom-number-active{border-color:#f0bd577a;background:#f0bd571f;color:#fff0c2}.sj-admin-custom-number-invalid{border-color:#ff6f6f8c}.sj-room-admin-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;border-top:1px solid rgba(255,255,255,.09);background:#0a0e14ad;padding:12px 16px}.sj-room-admin-footer>span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:700;line-height:1.35}.sj-room-admin-save{width:auto;min-width:210px;flex:0 0 auto}.sj-room-admin-empty{margin:0;border:1px dashed rgba(255,255,255,.1);border-radius:10px;color:var(--muted);padding:20px 12px;font-size:12px;text-align:center}.sj-room-admin-player-actions{display:flex;justify-self:end;gap:5px}.sj-lobby-player-list.sj-room-admin-player-list{width:100%;max-width:none;justify-self:stretch;box-sizing:border-box;padding-inline:0}.sj-lobby-player-list.sj-room-admin-player-list li{width:100%;max-width:none;justify-self:stretch;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto}.sj-room-admin-player-actions button,.sj-lobby-player-remove{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0e;color:var(--muted);padding:0;cursor:pointer}.sj-room-admin-player-actions button:hover,.sj-room-admin-player-actions button:focus-visible,.sj-lobby-player-remove:hover,.sj-lobby-player-remove:focus-visible{border-color:#f0bd5775;background:#f0bd571a;color:#ffe4a5}.sj-room-admin-player-actions .sj-room-admin-player-kick:hover,.sj-room-admin-player-actions .sj-room-admin-player-kick:focus-visible,.sj-lobby-player-remove:hover,.sj-lobby-player-remove:focus-visible{border-color:#ef6a6180;background:#ef6a611a;color:#ffc4c0}.sj-room-admin-player-actions .sj-room-admin-player-ban:hover,.sj-room-admin-player-actions .sj-room-admin-player-ban:focus-visible{border-color:#ef6a6180;background:#ef6a611a;color:#ffc4c0}@media(hover:none),(pointer:coarse){.sj-room-admin-player-actions .sj-room-admin-player-kick,.sj-room-admin-player-actions .sj-room-admin-player-ban{border-color:#ef6a616b;background:#ef6a611a;color:#ffc4c0}}@media(max-width:700px){.sj-room-admin-body{grid-template-columns:minmax(0,1fr)}.sj-room-admin-members{grid-column:auto}}.sj-disconnected-players-list{margin:-6px 0 20px;padding:0;list-style:none;display:grid;gap:7px}.sj-disconnected-players-list li{border:1px solid rgba(239,106,97,.26);border-radius:8px;background:#ef6a6114;color:#ffc4c0;padding:9px 11px;font-size:14px;font-weight:700}.sj-profile-modal{width:min(var(--sj-modal-width-extra-wide),92vw,var(--sj-modal-available-width));min-width:var(--sj-modal-min-width);max-height:var(--sj-modal-available-height);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--sj-modal-radius);background:#171b24;box-shadow:0 28px 80px #0000009e}.sj-profile-modal-account{width:min(780px,92vw,var(--sj-modal-available-width))}.sj-profile-modal-account .sj-profile-layout{grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr)}.sj-profile-modal-account .sj-profile-main{grid-template-columns:minmax(0,1fr)}.sj-profile-modal-account .sj-profile-form{grid-column:1}.sj-profile-modal-activity{width:min(900px,92vw,var(--sj-modal-available-width))}.sj-profile-modal-activity .sj-profile-layout{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sj-profile-modal-activity .sj-profile-main{display:block}.sj-profile-modal-activity .sj-profile-main-tabs{position:sticky;z-index:2;top:0;justify-content:center;background:#171b24f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sj-profile-modal-activity .sj-profile-statistics{width:100%;max-width:none;margin:0;border-right:0}.sj-account-activity-trigger{border-color:#f0bd5794;background:#6f4c1480;box-shadow:0 8px 20px #0003,0 0 0 3px #f0bd5714;color:#ffe2a0}.sj-account-activity-trigger:hover{border-color:#f4cb73;background:#976317d1;color:#fff8e5}.sj-account-activity-trigger:focus-visible{outline-color:#f0bd57e6}.sj-profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.09);padding:clamp(15px,2.4vw,20px) clamp(16px,3vw,24px)}.sj-profile-head>div{min-width:0}.sj-profile-head span{color:var(--amber);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sj-profile-head h2{margin:3px 0 0;font-size:27px;line-height:1}.sj-profile-accordion-trigger{display:none}.sj-profile-accordion-panel,.sj-profile-accordion-panel-clip{display:contents}.sj-profile-modal [hidden]{display:none!important}.sj-profile-close{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#ffffff0d;color:var(--text);cursor:pointer}.sj-profile-close:hover:not(:disabled),.sj-profile-close:focus-visible{border-color:#f0bd579e;background:#f0bd571a}.sj-profile-close:focus-visible{outline:3px solid rgba(240,189,87,.2);outline-offset:2px}.sj-profile-close:disabled{cursor:default;opacity:.5}.sj-profile-layout{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,2.28fr);max-height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) - 78px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sj-profile-sidebar{min-width:0;display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.08);background:#0a0e1457;padding:clamp(22px,3.5vw,32px) clamp(18px,3vw,26px);text-align:center}.sj-profile-account-summary{display:contents}.sj-profile-identity{min-width:0;width:100%;display:grid;gap:4px}.sj-profile-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.sj-profile-provider{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;margin-top:12px;color:#e8f0ec;font-size:12px;font-weight:780}.sj-profile-provider-icons{display:inline-flex;flex:0 0 auto;align-items:center}.sj-profile-provider-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(25,38,33,.13);border-radius:50%;background:#fff;box-shadow:0 3px 9px #0000002e}.sj-profile-provider-icon+.sj-profile-provider-icon{margin-left:-5px}.sj-profile-provider-icon-email{color:#6f7773}.sj-profile-provider-icon-google{position:relative;z-index:1}.sj-profile-provider-icon-google svg{display:block;width:18px;height:18px}.sj-profile-provider-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-profile-account-data{width:100%;display:grid;gap:clamp(18px,2.8vh,24px);margin:clamp(22px,3.2vh,30px) 0 0;text-align:left}.sj-profile-account-data>div{min-width:0;display:grid;gap:10px}.sj-profile-account-data dt{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:10px;font-weight:850}.sj-profile-account-data dt svg{color:#8dbaff}.sj-profile-account-data dd{min-width:0;margin:0 0 0 23px;overflow-wrap:anywhere;color:var(--text);font-size:11.5px;font-weight:750;line-height:1.4}.sj-profile-main{min-width:0;display:grid;grid-template-columns:minmax(280px,.88fr) minmax(390px,1.12fr);align-items:start}.sj-profile-main-tabs,.sj-profile-statistics-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.08);padding:12px clamp(16px,3vw,24px) 0}.sj-profile-main-tabs button,.sj-profile-statistics-tabs button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--soft);padding:9px 11px 10px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}@media(hover:hover)and (pointer:fine){.sj-profile-main-tabs button:hover:not([aria-selected=true]),.sj-profile-statistics-tabs button:hover:not([aria-selected=true]){border-radius:7px 7px 0 0;background:#ffffff09}}.sj-profile-main-tabs button[aria-selected=true],.sj-profile-statistics-tabs button[aria-selected=true]{border-bottom-color:var(--amber);color:#ffe1a0}.sj-profile-main-tabs button:focus-visible,.sj-profile-statistics-tabs button:focus-visible{border-radius:7px 7px 0 0;outline:2px solid rgba(240,189,87,.38);outline-offset:-2px}.sj-profile-statistics-tabs,.sj-profile-main-separator{display:none}.sj-profile-statistics{grid-column:1;grid-row:1;align-self:start;display:grid;align-content:start;gap:14px;border-right:1px solid rgba(255,255,255,.08);padding:clamp(22px,3.5vw,30px)}.sj-profile-statistics-content{min-width:0;display:grid;align-content:start;gap:14px}.sj-profile-statistics-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-profile-statistics-head>div{min-width:0;display:flex;align-items:center;gap:8px}.sj-profile-statistics-head svg{flex:0 0 auto;color:#a9caff}.sj-profile-statistics-head h3{margin:0;font-size:15px}.sj-profile-statistics-head>span{flex:0 0 auto;border:1px solid rgba(98,210,127,.25);border-radius:999px;background:#25684929;color:#bcebc9;padding:5px 8px;font-size:9.5px;font-weight:850}.sj-profile-statistics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sj-profile-stat{min-width:0;display:grid;gap:4px;border:1px solid rgba(255,255,255,.09);border-top-width:2px;border-radius:10px;background:#0a0e1475;padding:11px 10px 10px}.sj-profile-stat strong{color:var(--text);font-size:20px;line-height:1}.sj-profile-stat span{overflow:hidden;color:var(--soft);font-size:9px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sj-profile-stat-played{border-top-color:#71a8ff}.sj-profile-stat-won{border-top-color:#62d27f}.sj-profile-stat-lost{border-top-color:#f0bd57}.sj-profile-stat-drawn{border-top-color:#b493ef}.sj-profile-stat-abandoned{border-top-color:#ef6a61}.sj-stat-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sj-stat-insight{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(145deg,#171f2ce6,#0a0e149e);padding:12px}.sj-stat-modes,.sj-stat-efficiency,.sj-stat-weekly-usage{align-self:stretch;align-content:center}.sj-stat-modes{display:flex;align-items:center;gap:13px}.sj-stat-donut{--sj-chart-value: 0%;position:relative;width:74px;height:74px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#71a8ff 0 var(--sj-chart-value),#b493ef var(--sj-chart-value) 100%);box-shadow:0 8px 20px #00000038}.sj-stat-donut:after{position:absolute;inset:8px;border-radius:inherit;background:#151b25;content:""}.sj-stat-donut>span{position:relative;z-index:1;color:#fff;font-size:13px;font-weight:950}.sj-stat-modes>div:last-child{min-width:0;display:grid;gap:5px}.sj-stat-modes strong{margin-bottom:2px;font-size:11px}.sj-stat-modes>div:last-child>span{display:flex;align-items:center;gap:5px;color:var(--soft);font-size:8px}.sj-stat-modes>div:last-child>span>strong{margin-left:1px;color:var(--muted);font-size:8px}.sj-chart-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%}.sj-chart-dot-classic{background:#71a8ff}.sj-chart-dot-action{background:#b493ef}.sj-stat-completion{display:grid;align-content:center;gap:9px}.sj-stat-insight-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.sj-stat-insight-head>span{color:var(--muted);font-size:10px;font-weight:850}.sj-stat-insight-head>strong{color:#a9ecc0;font-size:20px;line-height:1}.sj-stat-meter{height:9px;overflow:hidden;border-radius:999px;background:#ffffff14}.sj-stat-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d9e65,#7ce39a);box-shadow:0 0 12px #62d27f59}.sj-stat-completion>small{color:var(--soft);font-size:8px;line-height:1.35}.sj-stat-results{grid-column:1 / -1;display:grid;gap:10px}.sj-stat-results-title{color:var(--muted);font-size:10px}.sj-stat-result-bar{height:12px;display:flex;overflow:hidden;border-radius:999px;background:#ffffff12}.sj-stat-result-bar>i{min-width:0;height:100%;flex-basis:0;box-shadow:inset -1px 0 #0a0e1447}.sj-stat-result-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sj-stat-result-legend>span{min-width:0;display:flex;align-items:center;gap:4px;color:var(--soft);font-size:7.5px;white-space:nowrap}.sj-stat-result-legend>span>i{width:6px;height:6px;flex:0 0 auto;border-radius:50%}.sj-stat-result-legend strong{margin-left:1px;color:var(--muted);font-size:8px}.sj-stat-efficiency,.sj-stat-xp-pace{min-height:94px;display:flex;align-items:center;gap:13px}.sj-stat-efficiency>div:last-child,.sj-stat-xp-pace>div:last-child{min-width:0;display:grid;gap:2px}.sj-stat-efficiency strong,.sj-stat-xp-pace strong{color:#fff;font-size:18px;line-height:1}.sj-stat-efficiency span,.sj-stat-xp-pace span{color:var(--muted);font-size:8.5px;font-weight:850}.sj-stat-efficiency small,.sj-stat-xp-pace small{color:var(--soft);font-size:7.5px}.sj-stat-gauge{--sj-gauge-value: 0%;width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 225deg,#f0bd57 0 var(--sj-gauge-value),rgba(255,255,255,.08) var(--sj-gauge-value) 75%,transparent 75% 100%);transform:translateY(5px)}.sj-stat-gauge:before{grid-area:1 / 1;width:46px;height:46px;border-radius:50%;background:#151b25;content:""}.sj-stat-gauge>span{z-index:1;grid-area:1 / 1;font-size:17px}.sj-stat-xp-spark{width:70px;height:50px;flex:0 0 auto;display:flex;align-items:end;gap:5px}.sj-stat-xp-spark>i{width:10px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#c29af3,#6f4eb4);animation:sjStatPulse 2.5s ease-in-out infinite alternate}.sj-stat-xp-spark>i:nth-child(1){height:30%}.sj-stat-xp-spark>i:nth-child(2){height:48%;animation-delay:-.4s}.sj-stat-xp-spark>i:nth-child(3){height:62%;animation-delay:-.8s}.sj-stat-xp-spark>i:nth-child(4){height:78%;animation-delay:-1.2s}.sj-stat-xp-spark>i:nth-child(5){height:100%;animation-delay:-1.6s}@keyframes sjStatPulse{to{filter:brightness(1.2);transform:scaleY(.9);transform-origin:bottom}}.sj-stat-recent-form{display:grid;align-content:center;gap:9px}.sj-stat-form-dots{display:flex;align-items:center;gap:5px}.sj-stat-form-dots>i{height:11px;min-width:5px;flex:1 1 0;border-radius:999px;background:#667080}.sj-stat-form-dots>.sj-stat-form-won{background:#62d27f;box-shadow:0 0 8px #62d27f47}.sj-stat-form-dots>.sj-stat-form-lost{background:#ef8a61}.sj-stat-form-dots>.sj-stat-form-draw{background:#b493ef}.sj-stat-recent-form>small{color:var(--soft);font-size:8px}.sj-stat-weekly-usage{display:grid;gap:9px}.sj-stat-weekly-usage>strong,.sj-stat-period-usage>strong{color:var(--muted);font-size:10px}.sj-stat-week-bars{height:72px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:5px}.sj-stat-week-bars>div{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;justify-items:center;gap:4px}.sj-stat-week-bars i{width:100%;max-width:16px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#71a8ff,#365f9c)}.sj-stat-week-bars span{color:var(--soft);font-size:7px}.sj-stat-weekly-usage>small{color:var(--soft);font-size:7.5px}.sj-stat-period-usage{display:grid;gap:7px}.sj-stat-period-usage>div{display:grid;grid-template-columns:55px minmax(0,1fr) 18px;align-items:center;gap:6px}.sj-stat-period-usage>div>span{color:var(--soft);font-size:7px}.sj-stat-period-usage>div>i{height:7px;overflow:hidden;border-radius:999px;background:#ffffff12}.sj-stat-period-usage b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b73e8,#d3adff)}.sj-stat-period-usage>div>strong{color:var(--muted);font-size:8px;text-align:right}.sj-stat-frequency{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sj-stat-frequency>div{display:grid;justify-items:center;gap:4px;border-right:1px solid rgba(255,255,255,.07);text-align:center}.sj-stat-frequency>div:last-child{border-right:0}.sj-stat-frequency strong{color:#f4d88d;font-size:20px;line-height:1}.sj-stat-frequency span{color:var(--soft);font-size:7.5px}.sj-progression{min-height:0;display:grid;gap:12px;margin-top:2px}.sj-level-road,.sj-progression-block{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0a0e1485}.sj-level-road{display:grid;gap:12px;border-color:#b493ef47;background:linear-gradient(150deg,#432b6938,#0d131e9e);padding:13px}.sj-level-road-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-level-road-head>div{display:grid;gap:2px}.sj-level-road-head small,.sj-level-road>small{color:var(--soft);font-size:8px}.sj-level-road-head strong{color:#fff;font-size:16px;line-height:1}.sj-level-road-head>span{flex:0 0 auto;border-radius:999px;background:#9b73e826;color:#e4d4ff;padding:5px 8px;font-size:9px;font-weight:900}.sj-level-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.sj-level-timeline-line{position:absolute;top:17px;right:10%;left:10%;height:5px;overflow:hidden;border-radius:999px;background:#ffffff17}.sj-level-timeline-line>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d5ac4,#f0bd57)}.sj-level-milestone{position:relative;z-index:1;min-width:0;display:grid;justify-items:center;gap:5px}.sj-level-milestone>span{width:38px;height:38px;display:grid;place-items:center;border:4px solid #202633;border-radius:50%;background:#343b49;box-shadow:0 0 0 1px #ffffff1a;color:#9ca7b7;font-size:11px;font-weight:950}.sj-level-milestone>small{overflow:hidden;color:#6f7a8a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.sj-level-milestone-complete>span{background:#7352b8;color:#f0e7ff}.sj-level-milestone-current>span{transform:scale(1.14);border-color:#352c20;background:linear-gradient(145deg,#f0bd57,#c98528);box-shadow:0 0 0 2px #f0bd573d,0 5px 14px #00000040;color:#241909}.sj-level-milestone-current>small{margin-top:3px;color:#f0cf86;font-weight:850}.sj-challenge-track{overflow:hidden;border-radius:999px;background:#ffffff1a}.sj-challenge-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b73e8,#71a8ff)}.sj-progression-block{min-height:0;display:flex;flex-direction:column;overflow:hidden}.sj-progression-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 11px}.sj-progression-title>span{min-width:0;display:flex;align-items:center;gap:7px;color:#f4d88d;font-size:11px}.sj-progression-title>small{flex:0 0 auto;color:var(--soft);font-size:9px;font-weight:850}.sj-challenge-list{min-height:0;max-height:218px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(180,147,239,.48) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sj-challenge-list::-webkit-scrollbar{width:5px}.sj-challenge-list::-webkit-scrollbar-track{background:transparent}.sj-challenge-list::-webkit-scrollbar-thumb{border-radius:999px;background:#b493ef6b}.sj-challenge{min-width:0;display:grid;gap:9px;margin:8px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#ffffff06;padding:10px}.sj-leaderboard li+li{border-top:1px solid rgba(255,255,255,.055)}.sj-challenge-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.sj-challenge-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#71a8ff1f;color:#9ec3ff;font-size:12px;font-weight:950}.sj-challenge-copy{min-width:0;display:grid;gap:2px}.sj-challenge-copy>strong,.sj-challenge-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-challenge-copy>strong{font-size:10px}.sj-challenge-copy>small{color:var(--soft);font-size:8px}.sj-challenge-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.sj-challenge-progress>small{min-width:45px;color:#c8d0dc;font-size:8px;font-weight:850;text-align:right}.sj-challenge-track{height:5px}.sj-challenge-reward{color:#f4d88d;font-size:8px;font-weight:900}.sj-challenge-complete{border-color:#62d27f33;background:#30794a17}.sj-challenge-complete .sj-challenge-icon{background:#62d27f29;color:#a9ecc0}.sj-challenge-complete .sj-challenge-track>span{background:#62d27f}.sj-challenge-complete-all{min-height:108px;display:grid;place-items:center;align-content:center;gap:8px;margin:0;color:#a9ecc0;font-size:10px;font-weight:850}.sj-competitive{min-width:0;display:grid;gap:12px}.sj-competitive-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;overflow:hidden;border:1px solid rgba(240,189,87,.3);border-radius:14px;background:radial-gradient(circle at 90% 0%,rgba(240,189,87,.18),transparent 42%),linear-gradient(135deg,#5c41124d,#11161ec7);padding:16px}.sj-competitive-emblem{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(240,189,87,.38);border-radius:14px;background:#f0bd571f;color:#f8d47e;box-shadow:0 10px 30px #00000038}.sj-competitive-hero>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 12px}.sj-competitive-hero small{grid-column:1 / -1;color:#dbc998;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sj-competitive-hero strong{color:#fff1c9;font-size:20px}.sj-competitive-hero div>span{color:#eedbaf;font-size:10px;font-weight:800}.sj-competitive-scoring{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sj-competitive-scoring>span{display:flex;align-items:baseline;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0a0e147a;color:var(--soft);padding:9px;font-size:9px;font-weight:800}.sj-competitive-scoring strong{color:#f4d88d;font-size:12px}.sj-competitive-scoring>span:nth-child(2) strong{color:#ffb2ab}.sj-competitive-scoring>span:nth-child(3) strong{color:#ef7b72}.sj-leaderboard-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0a0e1485}.sj-leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 13px}.sj-leaderboard-head>div{display:flex;align-items:center;gap:7px;color:#f4d88d;font-size:11px}.sj-leaderboard-head>span{border-radius:999px;background:#f0bd571a;color:#dbc998;padding:4px 7px;font-size:8px;font-weight:900}.sj-leaderboard{max-height:330px;margin:0;overflow-y:auto;padding:0;list-style:none}.sj-leaderboard li{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 12px;font-size:9px}.sj-leaderboard-player{min-width:0;display:grid;gap:2px}.sj-leaderboard-player>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-leaderboard-player>small{color:var(--soft);font-size:7.5px}.sj-leaderboard-points{color:#f4d88d;font-size:9px;white-space:nowrap}.sj-leaderboard-rank{text-align:center;color:var(--soft);font-size:9px;font-weight:900}.sj-leaderboard-rank-1,.sj-leaderboard-rank-2,.sj-leaderboard-rank-3{font-size:16px}.sj-leaderboard-me{background:linear-gradient(90deg,#f0bd5729,#f0bd570d);color:#fff0c2}.sj-leaderboard-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;text-align:center}.sj-leaderboard-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f0bd571a;color:#f4d88d}.sj-leaderboard-empty>strong{font-size:12px}.sj-leaderboard-empty>p{max-width:280px;margin:0;color:var(--soft);font-size:9px;line-height:1.45}.sj-leaderboard-rule{margin:0;color:var(--soft);padding:0 3px;font-size:8px;line-height:1.45;text-align:center}.sj-profile-leaderboard-settings{display:grid;gap:10px;margin:2px 0 0;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px}.sj-profile-leaderboard-settings>legend{padding:0 5px;color:#f4d88d;font-size:10px;font-weight:900}.sj-profile-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.sj-profile-switch-row>span{display:grid;gap:2px}.sj-profile-switch-row strong{font-size:9px}.sj-profile-switch-row small{color:var(--soft);font-size:8px;line-height:1.35}.sj-profile-switch{min-width:62px;display:grid;grid-template-columns:22px auto;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#171d26;color:var(--soft);padding:4px 7px 4px 4px;cursor:pointer}.sj-profile-switch>span{width:20px;height:20px;border-radius:50%;background:#697382;box-shadow:0 2px 5px #00000047}.sj-profile-switch>small{color:inherit;font-size:8px;font-weight:900}.sj-profile-switch-on{border-color:#62d27f59;background:#30794a2e;color:#a9ecc0}.sj-profile-switch-on>span{background:#62d27f}.sj-profile-switch:focus-visible{outline:3px solid rgba(240,189,87,.22);outline-offset:2px}.sj-profile-leaderboard-format{position:relative;display:grid;gap:5px}.sj-profile-leaderboard-format>span{font-size:9px;font-weight:850}.sj-profile-leaderboard-format-trigger{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#111720;color:var(--text);padding:7px 9px;font-size:9px;font-weight:700;text-align:left;cursor:pointer}.sj-profile-leaderboard-format-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-profile-leaderboard-format-trigger>svg{flex:0 0 auto;transition:transform .16s ease}.sj-profile-leaderboard-format-trigger[aria-expanded=true]{border-color:#71a8ff94;box-shadow:0 0 0 3px #71a8ff1a}.sj-profile-leaderboard-format-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.sj-profile-leaderboard-format-trigger:disabled{cursor:not-allowed;opacity:.45}.sj-profile-leaderboard-format-menu{position:absolute;z-index:12;top:100%;right:0;left:0;display:grid;gap:0;border:1px solid #686a70;max-height:min(180px,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain;border-radius:9px;background:#202124;padding:4px 5px 5px;box-shadow:0 10px 24px #0000007a}.sj-profile-leaderboard-format-menu-up{top:auto;bottom:34px}.sj-profile-leaderboard-format-menu>button{width:100%;min-height:29px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:5px;border:0;border-radius:8px;background:transparent;color:#e8eaed;padding:0 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;line-height:normal;text-align:left;cursor:pointer}.sj-profile-leaderboard-format-menu>button:hover,.sj-profile-leaderboard-format-menu>button:focus-visible{outline:none;background:#71a8ff1f}.sj-profile-leaderboard-format-menu>.sj-profile-leaderboard-format-option-selected{color:#fff;background:#1f5fbd}.sj-profile-leaderboard-format-check{width:14px;height:14px;display:grid;place-items:center}.sj-profile-leaderboard-format-check>svg{stroke-width:3}@media(pointer:coarse){.sj-profile-leaderboard-format-menu{max-height:min(220px,calc(100dvh - 24px))}.sj-profile-leaderboard-format-menu>button{min-height:40px;grid-template-columns:17px minmax(0,1fr);gap:7px;padding-inline:8px;font-size:12px}.sj-profile-leaderboard-format-check{width:17px;height:17px}}.sj-competitive-streak{color:#ffb15c!important;font-size:8px!important;font-weight:900}.sj-game-end{position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(760px,100%);max-height:min(820px,calc(100dvh - 42px));margin:auto;padding:clamp(22px,4vw,38px);overflow:hidden;overscroll-behavior:contain;color:#f6f7fb;background:radial-gradient(circle at 50% -10%,rgba(93,215,148,.19),transparent 43%),linear-gradient(155deg,#1a212dfc,#0d121bfc);border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 26px 80px #00000073,inset 0 1px #ffffff0f}.sj-game-end-win{background:radial-gradient(circle at 50% -5%,rgba(244,192,77,.25),transparent 43%),radial-gradient(circle at 90% 35%,rgba(88,213,143,.12),transparent 30%),linear-gradient(155deg,#1d232cfc,#0e1219fc)}.sj-game-end-confetti{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.sj-game-end-confetti i{position:absolute;top:-18px;left:var(--sj-confetti-left);width:7px;height:13px;opacity:0;background:var(--sj-confetti-color);border-radius:2px;transform:rotate(var(--sj-confetti-rotation));animation:sj-confetti-fall var(--sj-confetti-duration) cubic-bezier(.2,.7,.35,1) var(--sj-confetti-delay) both}@keyframes sj-confetti-fall{0%{opacity:0;translate:0 -20px;rotate:0deg}12%{opacity:1}to{opacity:0;translate:38px 600px;rotate:540deg}}.sj-game-end-hero{display:grid;grid-template-columns:clamp(66px,18vw,96px) minmax(0,1fr);align-items:stretch;gap:clamp(13px,2.5vw,20px);width:100%;padding:0;text-align:left;animation:sj-end-rise .55s cubic-bezier(.2,.85,.3,1) both}.sj-game-end-placement{display:grid;align-content:center;justify-items:center;min-width:0;min-height:clamp(70px,16vw,88px);padding:clamp(6px,1.5vw,9px) 4px;color:#fff1bd;background:linear-gradient(145deg,#f1bc4430,#b4741c17);border:1px solid rgba(238,183,65,.27);border-radius:clamp(13px,3vw,18px);box-shadow:inset 0 1px #ffffff12}.sj-game-end-placement small{max-width:100%;overflow:hidden;color:#bba86f;font-size:clamp(7px,1.5vw,8px);font-weight:900;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sj-game-end-placement strong{margin-block:2px;color:#ffe28b;font-size:clamp(24px,7vw,40px);line-height:1;letter-spacing:-.06em}.sj-game-end-placement span{color:#93896d;font-size:clamp(8px,1.7vw,9px);font-weight:800;white-space:nowrap}.sj-game-end-hero-copy{display:grid;align-content:center;min-width:0;padding-block:5px}.sj-game-end-kicker{overflow:hidden;color:#e0b953;font-size:9px;font-weight:900;letter-spacing:.15em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sj-game-end-hero h1{margin:3px 0 0;color:#fff;font-size:clamp(25px,5vw,39px);line-height:1;letter-spacing:-.04em}@keyframes sj-end-rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.sj-game-end-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.sj-game-end-reward{display:flex;align-items:center;gap:11px;min-width:0;padding:15px 13px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:17px;animation:sj-end-rise .45s cubic-bezier(.2,.85,.3,1) both}.sj-game-end-reward:nth-child(1){animation-delay:.18s}.sj-game-end-reward:nth-child(2){animation-delay:.28s}.sj-game-end-reward:nth-child(3){animation-delay:.38s}.sj-game-end-reward-icon{display:grid;flex:0 0 43px;place-items:center;width:43px;height:43px;border-radius:14px}.sj-game-end-trophies .sj-game-end-reward-icon{color:#f2c55a;background:#f2c55a21}.sj-game-end-streak .sj-game-end-reward-icon{color:#ff8b4e;background:#ff7a3e21}.sj-game-end-xp .sj-game-end-reward-icon{color:#84b8ff;background:#5793eb26}.sj-game-end-reward>div{display:grid;min-width:0}.sj-game-end-reward small{color:#919cab;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sj-game-end-reward strong{color:#fff;font-size:22px;line-height:1.12}.sj-game-end-reward span:last-child{overflow:hidden;color:#adb5c1;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sj-game-end-reward.is-negative strong{color:#f17d75}.sj-game-end-progress{margin-top:12px;padding:15px 17px;background:#487dcf17;border:1px solid rgba(112,164,244,.14);border-radius:17px;animation:sj-end-rise .45s .48s both}.sj-game-end-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#d8e6ff;font-size:12px;font-weight:800}.sj-game-end-progress-track{height:9px;margin:10px 0 7px;overflow:hidden;background:#ffffff17;border-radius:99px}.sj-game-end-progress-track i{display:block;width:var(--sj-end-progress);height:100%;background:linear-gradient(90deg,#558ee8,#7fc0ff);border-radius:inherit;box-shadow:0 0 13px #5fa6ff8c;animation:sj-end-progress 1s .5s cubic-bezier(.2,.8,.25,1) both}@keyframes sj-end-progress{0%{width:0}}.sj-game-end-progress small{color:#8e9bae;font-size:10px;font-weight:700}.sj-game-end-unlocks{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 15px;color:#ffe08a;background:#ebb5401a;border:1px solid rgba(235,181,64,.2);border-radius:15px}.sj-game-end-unlocks>div{display:grid}.sj-game-end-unlocks strong{font-size:12px}.sj-game-end-unlocks span{color:#b8b2a1;font-size:10px}.sj-game-end-ranking-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:13px 4px 9px;color:#dce2eb;background:none;border:0;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.sj-game-end-ranking-toggle svg{transition:transform .2s ease}.sj-game-end-ranking-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.sj-game-end-ranking{display:grid;gap:6px;max-height:min(250px,28dvh);min-height:0;margin:0;padding:0 4px 0 0;overflow-x:hidden;overflow-y:hidden;scrollbar-color:rgba(132,151,178,.55) transparent;scrollbar-width:thin;list-style:none}.sj-game-end-ranking.is-scrollable{overflow-y:auto;overscroll-behavior:contain}.sj-game-end-ranking::-webkit-scrollbar{width:5px}.sj-game-end-ranking::-webkit-scrollbar-track{background:transparent}.sj-game-end-ranking::-webkit-scrollbar-thumb{background:#8497b280;border-radius:99px}.sj-game-end-ranking[hidden]{display:none}.sj-game-end-ranking li{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 12px;background:#ffffff09;border:1px solid transparent;border-radius:13px}.sj-game-end-ranking li.is-me{background:#5696ec1a;border-color:#69a6f833}.sj-game-end-rank{font-size:14px;font-weight:900;text-align:center}.sj-game-end-ranking li>span:nth-child(2){display:grid;min-width:0}.sj-game-end-ranking li>span:nth-child(2) strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sj-game-end-ranking li>strong{color:#e5bd61;font-size:12px}.sj-game-end-actions{margin-top:17px;text-align:center}.sj-game-end-actions .sj-btn{width:min(330px,100%)}.sj-game-end-actions p{margin:0;color:#8e98a6;font-size:11px;font-weight:700}@media(max-width:620px){.sj-room-controls-layout:has(.sj-game-end){padding:72px 10px max(10px,env(safe-area-inset-bottom))}.sj-game-end{max-height:calc(100dvh - 82px);padding:16px;border-radius:24px}.sj-game-end-rewards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.sj-game-end-reward{display:grid;justify-items:center;gap:5px;padding:11px 4px;text-align:center}.sj-game-end-reward-icon{width:35px;height:35px;flex-basis:35px;border-radius:11px}.sj-game-end-reward-icon svg{width:20px;height:20px}.sj-game-end-reward strong{font-size:17px}.sj-game-end-reward span:last-child{width:100%;font-size:8px}.sj-game-end-progress{padding:13px}}@media(max-width:370px){.sj-game-end-rewards{grid-template-columns:1fr}.sj-game-end-reward{grid-template-columns:35px 1fr;justify-items:initial;text-align:left}.sj-game-end-reward>div{text-align:left}}.sj-public-search-trigger.sj-home-public-action{width:100%;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;justify-content:initial;gap:10px;padding:8px 10px;border:1px solid rgba(98,210,127,.24);border-radius:14px;color:var(--text);background:radial-gradient(circle at 4% 50%,rgba(98,210,127,.13),transparent 34%),#0a1312d6;box-shadow:inset 0 1px #ffffff09;text-align:left}.sj-public-search-trigger.sj-home-public-action .sj-home-public-action-icon{width:34px;height:34px;padding:8px;border-radius:10px;color:#9ceab1;background:#62d27f1c}.sj-public-search-trigger.sj-home-public-action strong{min-width:0;overflow:hidden;color:#dff8e5;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.sj-public-search-trigger.sj-home-public-action .sj-home-public-action-chevron{justify-self:end;color:#8fdca3}@media(hover:hover)and (pointer:fine){.sj-public-search-trigger.sj-home-public-action:hover:not(:disabled){transform:translateY(-1px);border-color:#62d27f7a;background:radial-gradient(circle at 4% 50%,rgba(98,210,127,.18),transparent 36%),#0c1915f0;box-shadow:inset 0 1px #ffffff0b,0 10px 24px #0000002e}}.sj-public-search-trigger.sj-home-public-action:active:not(:disabled){transform:scale(.99)}.sj-home-workspace{padding-bottom:0}.sj-home-workspace:after{content:"";width:100%;min-height:0;flex:0 0 0;display:block;pointer-events:none}.sj-home-public-slot{display:contents}@media(min-width:900px){.sj-home-portal-stack{width:min(920px,calc(100vw - 48px));height:min(510px,calc(100dvh - 20px))}.sj-home-portal-stack:has(>.sj-home-portal:not(.sj-public-search-card)){height:auto;max-height:calc(100dvh - 20px)}.sj-home-portal:not(.sj-public-search-card){height:auto}.sj-home-portal-header{min-height:clamp(58px,10dvh,74px);padding-inline:20px}.sj-home-portal-body{overflow:hidden}.sj-home-workspace{min-height:0;flex:1 1 auto;justify-content:flex-start;gap:clamp(8px,1.8dvh,16px);overflow:hidden;padding:clamp(8px,1.8dvh,16px)}.sj-home-workspace:after{display:none}.sj-home-identity{grid-template-columns:auto minmax(260px,1fr);gap:16px}.sj-home-actions-grid{min-height:0;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(8px,1.8dvh,16px)}.sj-home-action-card{min-height:0;justify-content:flex-start;gap:clamp(7px,1.7dvh,13px);padding:clamp(10px,2.2dvh,18px)}.sj-public-search-trigger.sj-home-public-action{min-height:clamp(44px,7dvh,54px)}.sj-public-search-card .sj-public-rooms{margin:18px;padding:12px}.sj-public-search-card .sj-public-room-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}}@media(min-width:1180px){.sj-home-portal-stack{width:min(1040px,calc(100vw - 64px));height:min(510px,calc(100dvh - 20px))}}@media(max-width:899px){.sj-home-portal-stack{height:auto;max-height:calc(100dvh - 36px)}.sj-home-portal:not(.sj-public-search-card){height:auto}.sj-home-workspace{justify-content:flex-start;gap:clamp(8px,1.5dvh,13px);padding-top:clamp(10px,2dvh,16px);padding-inline:clamp(10px,3vw,16px)}.sj-home-identity{gap:clamp(3px,.8dvh,6px)}.sj-home-identity>span{font-size:clamp(10px,1.55dvh,13px)}.sj-home-identity input,.sj-home-name-format .sj-profile-leaderboard-format-trigger{min-height:clamp(40px,5.8dvh,46px);padding-block:clamp(7px,1.25dvh,10px)}.sj-home-actions-grid{gap:clamp(7px,1.3dvh,11px)}.sj-home-action-card{gap:clamp(7px,1.3dvh,11px);padding:clamp(10px,1.8dvh,14px)}.sj-home-action-card>header>span{width:clamp(32px,5dvh,38px);height:clamp(32px,5dvh,38px)}.sj-home-action-card h2{font-size:clamp(14px,2.25dvh,17px)}.sj-home-action-card>label:not(.sj-create-room-capacity){font-size:clamp(9px,1.35dvh,11px)}.sj-home-action-card .sj-create-room-capacity{min-height:clamp(38px,5.5dvh,42px)}.sj-home-action-card .sj-btn,.sj-public-search-trigger.sj-home-public-action{min-height:clamp(40px,5.8dvh,50px);font-size:clamp(11px,1.7dvh,13px)}.sj-home-workspace:after{flex-basis:env(safe-area-inset-bottom)}}@media(max-width:899px)and (max-height:720px){.sj-home-portal-header{min-height:58px;padding-block:max(6px,env(safe-area-inset-top)) 6px}.sj-home-mini-brand .sj-brand-logo-mark{width:34px}.sj-home-mini-brand .sj-brand-logo-copy strong{font-size:22px}.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 32px}.sj-home-action-card>header>span{width:30px;height:30px;border-radius:9px}.sj-home-action-card h2{font-size:14px}.sj-home-create-card .sj-room-visibility-option{min-height:32px}.sj-home-action-card .sj-create-room-capacity select{min-height:30px}.sj-public-search-trigger.sj-home-public-action .sj-home-public-action-icon{width:30px;height:30px;padding:7px}}@media(max-width:899px)and (max-height:620px){.sj-home-workspace{gap:7px;padding-top:8px}.sj-home-identity input{min-height:38px}.sj-home-action-card{gap:6px;padding:8px 10px}.sj-home-action-card>header>span{display:none}.sj-home-action-card .sj-btn,.sj-public-search-trigger.sj-home-public-action{min-height:38px}.sj-home-workspace:after{flex-basis:env(safe-area-inset-bottom)}}@media(max-height:520px){.sj-room-controls-layout:has(.sj-game-end){padding-block:8px}.sj-game-end{max-height:calc(100dvh - 16px);padding:12px;border-radius:20px}.sj-game-end-rewards{margin-top:6px}.sj-game-end-reward{padding-block:8px}.sj-game-end-reward-icon{width:34px;height:34px;flex-basis:34px}.sj-game-end-progress{margin-top:6px;padding:8px 12px}.sj-game-end-progress-track{margin-block:5px 3px}.sj-game-end-unlocks{margin-top:6px;padding-block:7px}.sj-game-end-ranking-toggle{padding-block:8px 5px}.sj-game-end-ranking{max-height:90px}.sj-game-end-actions{margin-top:7px}.sj-game-end-actions .sj-btn{min-height:38px;padding-block:8px}}@media(prefers-reduced-motion:reduce){.sj-game-end-confetti{display:none}.sj-game-end *,.sj-game-end *:before,.sj-game-end *:after{animation-duration:.01ms!important;animation-delay:0ms!important}}.sj-profile-statistics-grid-loading .sj-profile-stat{animation:sjProfileStatsLoading 1.1s ease-in-out infinite alternate}@keyframes sjProfileStatsLoading{to{opacity:.52}}.sj-profile-statistics-empty,.sj-profile-statistics-state{margin:0;color:var(--soft);font-size:10px;line-height:1.4}.sj-profile-statistics-empty{display:flex;align-items:center;gap:6px}.sj-profile-statistics-empty svg{color:var(--amber)}.sj-profile-statistics-state{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(239,106,97,.22);border-radius:10px;background:#741e1e1f;padding:10px 12px}.sj-profile-statistics-state p{margin:0}.sj-profile-statistics-retry{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#ffd0cc;padding:4px;font:inherit;font-weight:850;cursor:pointer}.sj-profile-statistics-retry:focus-visible{border-radius:6px;outline:2px solid rgba(239,106,97,.45);outline-offset:2px}.sj-profile-form{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:clamp(15px,2.5vh,19px);padding:clamp(22px,3.5vw,30px)}.sj-profile-form-head{display:grid;gap:7px;margin-bottom:2px}.sj-profile-form-head h3{margin:0;font-size:17px}.sj-profile-form-head p{margin:0;color:var(--soft);font-size:10px}.sj-profile-form-head p span{color:#ffaaa3;font-weight:900}.sj-profile-form label{min-width:0;display:grid;gap:7px}.sj-profile-form label>span{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:12px;font-weight:850}.sj-profile-required{color:#ffaaa3;font-size:12px;font-weight:900}.sj-profile-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sj-profile-form input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line-strong);border-radius:9px;outline:none;background:#0f141b;color:var(--text);padding:10px 12px;font:inherit;font-size:16px}.sj-profile-form input:focus{border-color:var(--amber);outline:3px solid rgba(240,189,87,.2)}.sj-profile-form-footer{min-height:44px;display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:4px}.sj-game-toast.sj-profile-toast{z-index:140;grid-template-columns:auto minmax(0,1fr);border-radius:18px}.sj-profile-toast .sj-game-toast-text{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35}.sj-profile-save{min-width:132px;display:flex;align-items:center;justify-content:center;gap:8px}.sj-profile-security{display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:clamp(18px,2.8vw,24px) clamp(22px,3.5vw,30px) clamp(22px,3.5vw,30px)}.sj-profile-sidebar>.sj-profile-security{width:100%;align-self:stretch;margin-top:clamp(22px,3.2vh,30px);padding:clamp(18px,2.8vh,24px) 0 0;text-align:left}.sj-profile-security-head h3{margin:0 0 2px;font-size:15px}.sj-profile-security-action{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.sj-profile-security-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(113,168,255,.26);border-radius:9px;background:#71a8ff14;color:#a9caff}.sj-profile-security-action>div{min-width:0;display:grid;gap:3px}.sj-profile-security-action strong{font-size:12px}.sj-profile-security-action small{color:var(--soft);font-size:10.5px;line-height:1.35}.sj-profile-security-trigger{padding:0;cursor:pointer}.sj-profile-security-password-trigger:hover:not(:disabled),.sj-profile-security-password-trigger:focus-visible{border-color:#71a8ff80;background:#2341696b;color:#d5e7ff}.sj-profile-security-trigger:focus-visible{outline:3px solid rgba(113,168,255,.18);outline-offset:2px}.sj-profile-security-trigger:disabled{cursor:default;opacity:.5}.sj-profile-security-spinner{animation:sjProfileSpin .7s linear infinite}@keyframes sjProfileSpin{to{transform:rotate(360deg)}}.sj-profile-security-danger{margin-top:2px}.sj-profile-security-danger .sj-profile-security-icon{border-color:#ef6a6147;background:#ef6a6114;color:#ffaaa3}.sj-profile-security-delete-trigger:hover:not(:disabled),.sj-profile-security-delete-trigger:focus-visible{border-color:#ef6a61b8;background:#91262252;color:#ffd0cc}.sj-profile-security-delete-trigger:focus-visible{outline-color:#ef6a612e}@media(min-width:1021px){.sj-profile-modal{height:min(720px,var(--sj-modal-available-height))}.sj-profile-modal-account{height:auto}.sj-profile-modal-account .sj-profile-layout{flex:0 1 auto;max-height:min(640px,calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) - 78px));overflow-y:auto}.sj-profile-layout{grid-template-columns:280px minmax(0,1fr);overflow:hidden}.sj-profile-sidebar{min-height:0;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;text-align:left}.sj-profile-account-summary{min-width:0;width:100%;display:grid;gap:4px}.sj-profile-provider{width:max-content;max-width:100%;justify-self:start;margin-top:8px}.sj-profile-account-data{gap:clamp(18px,2.8vh,24px);margin-top:clamp(22px,3.2vh,30px)}.sj-profile-account-data>div{gap:10px}.sj-profile-account-data dd{margin-left:23px}.sj-profile-sidebar>.sj-profile-security{margin-top:clamp(22px,3.2vh,30px);border-top:1px solid rgba(255,255,255,.08);border-left:0;padding:clamp(18px,2.8vh,24px) 0 0}.sj-profile-main{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;overflow:hidden}.sj-profile-main-tabs{grid-column:1;grid-row:1}.sj-profile-statistics{grid-column:1;grid-row:2;min-height:0;align-self:stretch;gap:18px;overflow:hidden;border-right:0}.sj-progression{height:100%;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.sj-challenge-list{flex:1 1 auto;max-height:none}.sj-profile-main-separator{display:none}.sj-profile-statistics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sj-profile-stat{gap:6px;padding:13px 12px 12px}.sj-profile-form{grid-column:1;grid-row:2}}.sj-profile-delete-overlay,.sj-profile-confirm-overlay{z-index:120}.sj-profile-discard-modal{position:relative;width:min(440px,100%);border-color:#f0bd5757;padding:clamp(22px,5vw,30px);text-align:center}.sj-profile-discard-close{position:absolute;top:14px;right:14px}.sj-profile-discard-modal-icon{width:52px;height:52px;display:grid;place-items:center;margin:2px auto 16px;border:1px solid rgba(240,189,87,.34);border-radius:50%;background:#7652143d;color:#ffe1a0}.sj-profile-discard-modal h2{padding:0 34px}.sj-profile-discard-actions{margin-top:20px}.sj-profile-delete-modal{position:relative;width:min(440px,100%);border-color:#ef6a6157;padding:clamp(22px,5vw,30px);text-align:center}.sj-profile-delete-close{position:absolute;top:14px;right:14px}.sj-profile-delete-modal-icon{width:52px;height:52px;display:grid;place-items:center;margin:2px auto 16px;border:1px solid rgba(239,106,97,.34);border-radius:50%;background:#741e1e47;color:#ffaaa3}.sj-profile-delete-modal-icon.sj-profile-reauthentication-icon{border-color:#71a8ff57;background:#2341694d;color:#c9deff}.sj-profile-delete-modal h2{padding:0 34px}.sj-profile-delete-field{display:grid;gap:7px;margin-top:22px;text-align:left}.sj-profile-delete-field>span{color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}.sj-profile-delete-field>span strong{overflow-wrap:anywhere;color:#ffd0cc;font-weight:900}.sj-profile-delete-field input{width:100%;min-height:44px;border:1px solid rgba(239,106,97,.34);border-radius:9px;outline:none;background:#0f141b;color:var(--text);padding:10px 12px;font:inherit;font-size:16px}.sj-profile-delete-field input:focus{border-color:#ef6a61c7;outline:3px solid rgba(239,106,97,.16)}.sj-profile-delete-actions{margin-top:20px}@media(max-width:1020px){.sj-profile-modal{width:min(var(--sj-modal-width-large),100%);border-radius:var(--sj-modal-radius)}.sj-profile-head{background:#171b24f5;padding:14px 15px 12px}.sj-profile-head h2{font-size:23px}.sj-profile-layout{display:block;max-height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) - 65px);background:#11161e;padding:10px;scrollbar-gutter:auto}.sj-profile-main{display:block}.sj-profile-accordion-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 9px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#1a202a;color:var(--text);padding:9px 12px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .2s ease,border-radius .24s ease,background .2s ease,margin-bottom .24s ease}.sj-profile-accordion-trigger:hover,.sj-profile-accordion-trigger:focus-visible{border-color:#f0bd5752;background:#202733;transform:translateY(-1px)}.sj-profile-accordion-trigger:active{transform:scale(.995)}.sj-profile-accordion-trigger:focus-visible{outline:3px solid rgba(240,189,87,.18);outline-offset:2px}.sj-profile-accordion-trigger[aria-expanded=true]{margin-bottom:0;border-color:#f0bd5752;border-bottom-color:#ffffff14;border-radius:11px 11px 0 0;background:#202733}.sj-profile-accordion-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#71a8ff1a;color:#a9caff;transition:background .2s ease,color .2s ease,transform .24s ease}.sj-profile-accordion-copy{min-width:0;display:grid;gap:2px}.sj-profile-accordion-copy strong,.sj-profile-accordion-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-profile-accordion-copy strong{font-size:12px}.sj-profile-accordion-copy small{color:var(--soft);font-size:9.5px}.sj-profile-accordion-chevron{color:var(--soft);transition:color .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.sj-profile-accordion-trigger[aria-expanded=true] .sj-profile-accordion-chevron{color:var(--amber);transform:rotate(180deg)}.sj-profile-accordion-trigger[aria-expanded=true] .sj-profile-accordion-icon{background:#f0bd5721;color:#ffe1a0;transform:scale(1.04)}.sj-profile-accordion-panel{display:grid;grid-template-rows:0fr;opacity:.55;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}.sj-profile-accordion-panel-clip{min-height:0;display:block;overflow:hidden;visibility:hidden;transition:visibility 0s linear .3s}.sj-profile-accordion-panel-clip>*{opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.sj-profile-accordion-panel-open{grid-template-rows:1fr;opacity:1}.sj-profile-accordion-panel-open>.sj-profile-accordion-panel-clip{visibility:visible;transition-delay:0s}.sj-profile-accordion-panel-open:has(.sj-profile-leaderboard-format-menu){position:relative;z-index:20}.sj-profile-accordion-panel-open:has(.sj-profile-leaderboard-format-menu)>.sj-profile-accordion-panel-clip{overflow:visible}.sj-profile-accordion-panel-open>.sj-profile-accordion-panel-clip>*{opacity:1;transform:none;transition-delay:.05s}.sj-profile-sidebar{display:block;margin-bottom:9px;border:1px solid rgba(240,189,87,.22);border-top:0;border-radius:0 0 11px 11px;padding:16px;text-align:left}.sj-profile-identity{margin-top:0}.sj-profile-provider{margin-top:7px}.sj-profile-account-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.sj-profile-account-data>div{gap:7px}.sj-profile-account-data dd{margin-left:0;font-size:10.5px}.sj-profile-form{gap:16px;margin-bottom:9px;border:1px solid rgba(240,189,87,.22);border-top:0;border-radius:0 0 11px 11px;background:#171b24;padding:22px 20px 20px}.sj-profile-statistics{display:grid;margin-bottom:9px;border:1px solid rgba(240,189,87,.22);border-top:0;border-radius:0 0 11px 11px;background:#171b24;padding:22px 20px 20px}.sj-profile-modal-activity .sj-profile-statistics{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;margin-bottom:0;border:0;border-radius:0;background:transparent;overflow:hidden}.sj-profile-modal-activity .sj-profile-layout,.sj-profile-modal-activity .sj-profile-main,.sj-profile-modal-activity #profile-panel-statistics,.sj-profile-modal-activity #profile-panel-statistics>.sj-profile-accordion-panel-clip{height:100%;min-height:0}.sj-profile-modal-activity .sj-profile-layout{overflow:hidden}.sj-profile-modal-activity .sj-profile-statistics-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sj-profile-modal-activity .sj-leaderboard{max-height:none;overflow-y:visible}.sj-progression{height:auto;grid-template-rows:none}.sj-progression-block{display:block}.sj-challenge-list{max-height:none;overflow-y:visible;overscroll-behavior:auto}.sj-profile-statistics-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:-22px -20px 2px;padding:8px 12px 0}.sj-profile-statistics-head h3{display:none}.sj-profile-statistics-head>div>svg{display:none}.sj-profile-form-head h3,.sj-profile-security-head{display:none}.sj-profile-security{margin-bottom:9px;border:1px solid rgba(240,189,87,.22);border-top:0;border-radius:0 0 11px 11px;background:#171b24;padding:20px}}@media(max-width:560px){.sj-profile-statistics-tabs button{gap:4px;padding-inline:4px;font-size:9px}.sj-profile-account-data{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-profile-account-data>div:first-child{grid-column:1 / -1}.sj-profile-name-grid{grid-template-columns:1fr;gap:14px}.sj-profile-save{width:100%}.sj-profile-statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-stat-insights{grid-template-columns:minmax(0,1fr)}.sj-stat-results,.sj-stat-frequency{grid-column:auto}.sj-stat-result-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-competitive{gap:9px}.sj-competitive-hero{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.sj-competitive-emblem{width:40px;height:40px;border-radius:11px}.sj-competitive-hero strong{font-size:17px}.sj-competitive-scoring{gap:5px}.sj-competitive-scoring>span{min-width:0;display:grid;gap:2px;padding:7px 4px;text-align:center}.sj-leaderboard-head{padding:9px 10px}.sj-leaderboard li{grid-template-columns:28px minmax(0,1fr) auto;gap:5px;padding:8px}.sj-leaderboard-player>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-leaderboard-points{font-size:8px}.sj-leaderboard-rule{padding-inline:8px;font-size:7.5px}}@media(max-width:420px){.sj-profile-overlay{--sj-modal-space-top: env(safe-area-inset-top);--sj-modal-space-right: env(safe-area-inset-right);--sj-modal-space-bottom: env(safe-area-inset-bottom);--sj-modal-space-left: env(safe-area-inset-left)}.sj-profile-modal{width:100%;height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom));max-height:none;border:0;border-radius:0}.sj-profile-head{padding:12px 14px}.sj-profile-head h2{font-size:21px}.sj-profile-close{width:36px;height:36px}.sj-level-milestone>span{width:34px;height:34px}.sj-level-timeline-line{top:15px}.sj-profile-layout{max-height:none;padding:8px}.sj-profile-sidebar{padding:14px}.sj-profile-account-data{grid-template-columns:1fr;gap:16px}.sj-profile-account-data>div:first-child{grid-column:auto}.sj-profile-form,.sj-profile-statistics{padding:18px 14px}.sj-profile-statistics-tabs{margin:-18px -14px 2px}.sj-profile-security{padding:18px 14px}.sj-profile-security-action{grid-template-columns:auto minmax(0,1fr)}.sj-profile-delete-modal,.sj-profile-discard-modal{padding:24px 18px 18px}}@media(max-width:360px){.sj-profile-delete-actions,.sj-profile-discard-actions{grid-template-columns:1fr}.sj-profile-delete-actions .sj-btn-danger,.sj-profile-discard-actions .sj-btn-danger{grid-row:1}}@media(min-width:1021px)and (max-height:650px){.sj-profile-head{padding-block:11px}.sj-profile-head h2{font-size:23px}.sj-profile-layout{max-height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom) - 58px)}.sj-profile-sidebar{padding-block:18px}.sj-profile-provider{margin-top:8px}.sj-profile-account-data{gap:15px;margin-top:20px}.sj-profile-account-data>div{gap:6px}.sj-profile-form{gap:12px;padding-block:18px}.sj-profile-statistics{gap:11px;padding-block:18px}.sj-profile-statistics-grid{gap:8px}.sj-profile-stat{gap:4px;padding:10px}.sj-profile-form input{min-height:40px;padding-block:8px}.sj-profile-security{gap:9px;padding-block:14px 18px}}@media(prefers-reduced-motion:reduce){.sj-card-motion-layer{display:none}.sj-card-motion-destination{opacity:1;filter:none;animation:none!important}.sj-profile-accordion-trigger,.sj-profile-accordion-icon,.sj-profile-accordion-chevron,.sj-profile-accordion-panel,.sj-profile-accordion-panel-clip,.sj-profile-accordion-panel-clip>*{transition:none}.sj-profile-security-spinner,.sj-profile-statistics-grid-loading .sj-profile-stat{animation:none}}.sj-chat-modal{width:min(var(--sj-modal-width-standard),100%);height:var(--sj-modal-workspace-height);min-width:var(--sj-modal-min-width);min-height:var(--sj-modal-workspace-min-height);max-height:var(--sj-modal-available-height);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(113,168,255,.38);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 0% 0%,rgba(113,168,255,.18),transparent 38%),radial-gradient(circle at 100% 0%,rgba(222,105,177,.14),transparent 42%),#111722fa;box-shadow:0 28px 80px #0009}.sj-chat-modal:focus{outline:none}.sj-chat-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.09);padding:18px 18px 14px}.sj-chat-head span{color:#80b6ff;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.sj-chat-head h2{margin:2px 0 0;font-size:clamp(24px,5vw,34px);line-height:1}.sj-chat-close{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f;color:var(--text);cursor:pointer}.sj-chat-close:hover,.sj-chat-close:focus-visible{border-color:#71a8ff94;background:#71a8ff1f}.sj-chat-close:focus-visible{outline:3px solid rgba(113,168,255,.28);outline-offset:2px}.sj-chat-messages{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:18px}.sj-chat-messages::-webkit-scrollbar{display:none}.sj-chat-empty{flex:1;min-height:220px;display:grid;place-content:center;gap:6px;border:1px dashed rgba(113,168,255,.22);border-radius:14px;background:#ffffff09;color:var(--muted);text-align:center}.sj-chat-empty strong{color:var(--text);font-size:17px}.sj-chat-empty span{font-size:13px}.sj-chat-message{display:flex;align-items:flex-end;gap:9px}.sj-chat-system-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 12px;color:#e8effaa8;font-size:12px;font-weight:750;line-height:1.35;text-align:center}.sj-chat-system-message:before,.sj-chat-system-message:after{width:min(11vw,44px);height:1px;flex:0 1 44px;content:"";background:#ffffff1f}.sj-chat-system-message time{flex:0 0 auto;color:#ffffff61;font-size:9px;font-variant-numeric:tabular-nums}.sj-chat-message-grouped{margin-top:-7px}.sj-chat-message-grouped:not(.sj-chat-message-me){padding-left:37px}.sj-chat-message-me{justify-content:flex-end}.sj-chat-avatar{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#3d71ac,#1c3c61);color:#eaf3ff;font-size:12px;font-weight:950}.sj-chat-bubble{max-width:min(78%,390px);border:1px solid rgba(255,255,255,.1);border-radius:15px 15px 15px 5px;background:#ffffff13;padding:9px 11px 10px}.sj-chat-message-me .sj-chat-bubble{border-color:#f0bd5747;border-radius:15px 15px 5px;background:linear-gradient(145deg,#7f4a8b73,#5c307a9e),#ffffff0f}.sj-chat-message-grouped .sj-chat-bubble{border-top-left-radius:8px}.sj-chat-message-me.sj-chat-message-grouped .sj-chat-bubble{border-top-left-radius:15px;border-top-right-radius:8px}.sj-chat-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.sj-chat-meta strong{min-width:0;overflow:hidden;color:#f5f7ff;font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.sj-chat-meta time{flex:0 0 auto;color:#ffffff73;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.sj-chat-bubble p{margin:0;color:#f4f5f1;font-size:14px;line-height:1.32;overflow-wrap:anywhere;white-space:pre-wrap}.sj-chat-form{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;border-top:1px solid rgba(255,255,255,.09);padding:14px;background:#080c1359}.sj-chat-read-only{min-height:52px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;border-top:1px solid rgba(255,255,255,.09);background:#080c1359;color:#cfe2ffb8;font-size:12px;font-weight:850}.sj-chat-form input{min-width:0;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff12;color:var(--text);padding:0 15px;outline:none}.sj-chat-form input:focus{border-color:#71a8ffad;box-shadow:0 0 0 3px #71a8ff29}.sj-chat-form input::placeholder{color:#f4f5f16b}.sj-chat-send{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(240,189,87,.38);border-radius:999px;background:linear-gradient(145deg,#f0bd57,#c77926);color:#241404;padding:0;line-height:1;cursor:pointer}.sj-chat-send svg{display:block}.sj-chat-send:disabled{cursor:default;filter:grayscale(.75);opacity:.42}.sj-defense-prompt-modal{align-items:center;text-align:center}.sj-defense-countdown{width:88px;height:88px;display:grid;place-items:center;align-content:center;justify-self:center;border:2px solid rgba(240,189,87,.78);border-radius:999px;background:#f0bd571f;color:#ffe8a8;margin:2px auto 18px;box-shadow:0 0 22px #f0bd572e}.sj-defense-countdown strong{font-size:34px;line-height:.95;font-variant-numeric:tabular-nums}.sj-defense-countdown span{font-size:11px;font-weight:900;text-transform:uppercase}.sj-star-group-modal{width:min(440px,100%);text-align:center}.sj-star-group-snapshot{display:flex;justify-content:center;align-items:center;gap:7px;width:max-content;max-width:100%;margin:16px auto 12px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0e}.sj-star-group-column{flex-direction:column}.sj-star-group-snapshot .sj-card-size-pile{--sj-pile-card-width: clamp(48px, 15vw, 68px)}.sj-peek-choice-modal,.sj-peek-result-modal{width:min(560px,100%);text-align:center}.sj-peek-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.sj-peek-result-head h2{min-width:0}.sj-peek-result-modal .sj-peek-board-snapshot{margin-bottom:0}.sj-peek-board-snapshot{display:flex;justify-content:center;width:max-content;max-width:100%;margin:16px auto 18px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0b}.sj-peek-board-grid{--card-width: clamp(44px, min(14vw, 9vh), 68px);--card-height: calc(var(--card-width) * 122 / 88);--board-grid-gap: clamp(2px, calc(var(--card-width) * .085), 8px)}.sj-peek-group-outline{position:absolute;z-index:3;border:3px solid;border-radius:calc(var(--card-width) * .18);pointer-events:none}.sj-peek-row-outline{left:-4px;right:-4px;height:calc(var(--card-height) + 8px);border-color:#71a8ffeb;box-shadow:0 0 16px #71a8ff47}.sj-peek-row-outline-1{top:-4px}.sj-peek-row-outline-2{top:calc(var(--card-height) + var(--board-grid-gap) - 4px)}.sj-peek-row-outline-3{top:calc((var(--card-height) + var(--board-grid-gap)) * 2 - 4px)}.sj-peek-column-outline{top:-4px;bottom:-4px;width:calc(var(--card-width) + 8px);border-color:#de69b1eb;box-shadow:0 0 16px #de69b147}.sj-peek-column-outline-1{left:-4px}.sj-peek-column-outline-2{left:calc(var(--card-width) + var(--board-grid-gap) - 4px)}.sj-peek-column-outline-3{left:calc((var(--card-width) + var(--board-grid-gap)) * 2 - 4px)}.sj-peek-column-outline-4{left:calc((var(--card-width) + var(--board-grid-gap)) * 3 - 4px)}.sj-peek-direction-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sj-peek-direction{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0e;color:var(--text);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sj-peek-direction:hover,.sj-peek-direction:focus-visible{border-color:#f0bd57c2;background:#f0bd571a;outline:none;transform:translateY(-2px)}.sj-peek-direction>span{grid-row:1 / span 2;width:12px;height:12px;border-radius:999px}.sj-peek-direction-row>span{background:#71a8ff;box-shadow:0 0 10px #71a8ff99}.sj-peek-direction-column>span{background:#de69b1;box-shadow:0 0 10px #de69b199}.sj-peek-direction strong{font-size:15px}.sj-peek-direction small{color:var(--muted);font-size:11px;font-weight:800}.sj-peek-choice-modal .sj-modal-actions{grid-template-columns:1fr;margin-top:10px}@media(max-width:460px){.sj-peek-board-snapshot{padding:8px}.sj-peek-direction-actions{grid-template-columns:1fr}}.sj-action-draw-modal{width:min(var(--sj-modal-width-large),100%);min-width:var(--sj-modal-min-width);max-height:min(720px,var(--sj-modal-available-height));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(222,105,177,.5);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 100% 0%,rgba(128,45,114,.28),transparent 36%),#171b24;box-shadow:0 24px 70px #0000008f;padding:clamp(16px,3vw,24px)}.sj-action-draw-modal:focus{outline:none}.sj-action-draw-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sj-action-draw-modal h2{margin:0;font-size:clamp(20px,4vw,28px)}.sj-action-hand-dock{position:fixed;right:env(safe-area-inset-right);bottom:max(clamp(18px,3vh,32px),env(safe-area-inset-bottom));z-index:32;width:30px;height:calc(72px + var(--sj-action-tab-stack));border:0;background:transparent;padding:0;cursor:pointer}.sj-action-hand-tab{position:absolute;top:var(--sj-action-tab-top);right:-58px;width:76px;height:72px;border:2px solid rgba(255,255,255,.6);border-right:0;border-radius:9px 0 0 9px;background:linear-gradient(145deg,#d64a92,#702765);box-shadow:5px 8px 18px #00000047;transition:right .16s ease,filter .16s ease}.sj-action-hand-dock-1{--sj-action-tab-stack: 0px}.sj-action-hand-dock-2{--sj-action-tab-stack: 12px}.sj-action-hand-dock-3{--sj-action-tab-stack: 24px}.sj-action-hand-dock-4{--sj-action-tab-stack: 36px}.sj-action-hand-dock-5{--sj-action-tab-stack: 48px}.sj-action-hand-dock-6{--sj-action-tab-stack: 60px}.sj-action-hand-dock-7{--sj-action-tab-stack: 72px}.sj-action-hand-tab-0{--sj-action-tab-top: 0px}.sj-action-hand-tab-1{--sj-action-tab-top: 12px}.sj-action-hand-tab-2{--sj-action-tab-top: 24px}.sj-action-hand-tab-3{--sj-action-tab-top: 36px}.sj-action-hand-tab-4{--sj-action-tab-top: 48px}.sj-action-hand-tab-5{--sj-action-tab-top: 60px}.sj-action-hand-tab-6{--sj-action-tab-top: 72px}.sj-chat-load-more{align-self:center;border:1px solid rgba(36,103,77,.24);border-radius:999px;background:#f3f7f4;color:#245f49;padding:7px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.sj-clipboard-fallback{position:fixed;top:0;left:-9999px;opacity:0;-webkit-user-select:text;user-select:text}.auth-turnstile{width:100%;min-width:0;display:flex;justify-content:center;min-height:0}.auth-turnstile>div,.auth-turnstile iframe{max-width:100%}@media(min-width:821px){.auth-shell:has(.auth-turnstile.is-visible){min-height:min(680px,calc(100dvh - 4rem))}}.auth-consent-actions{display:grid;gap:10px;margin:18px 0}.auth-consent-form-panel{position:relative;overflow:hidden}.auth-consent-form-panel:before{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 24%,rgba(255,255,255,.84) 42%,rgba(240,189,87,.2) 50%,rgba(34,119,86,.16) 58%,transparent 76%);content:"";opacity:0;transform:translate(-115%)}.auth-consent-form-panel.is-animated:before{animation:auth-consent-panel-sweep .82s cubic-bezier(.22,.75,.18,1) both}.auth-consent-shell{animation:none}.auth-consent-form-panel:after{position:absolute;z-index:0;top:-8rem;right:-8rem;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(240,189,87,.13),transparent 68%);pointer-events:none;content:""}.auth-consent-panel{position:relative;z-index:1;max-width:410px}.auth-consent-panel.is-animated{animation:auth-panel-swap-in .68s cubic-bezier(.16,1,.3,1) both}.auth-consent-panel.is-animated>.auth-heading,.auth-consent-panel.is-animated>.auth-consent-actions,.auth-consent-panel.is-animated>.auth-consent-submit,.auth-consent-panel.is-animated>.auth-consent-logout{animation:auth-consent-item-in .5s cubic-bezier(.16,1,.3,1) backwards}.auth-consent-panel.is-animated>.auth-heading{animation-delay:.12s}.auth-consent-panel.is-animated>.auth-consent-actions{animation-delay:.2s}.auth-consent-panel.is-animated>.auth-consent-submit{animation-delay:.29s}.auth-consent-panel.is-animated>.auth-consent-logout{animation-delay:.36s}.auth-consent-panel.is-animated .auth-consent-document{animation:auth-consent-document-in .52s cubic-bezier(.16,1,.3,1) backwards}.auth-consent-panel.is-animated .auth-consent-document:first-child{animation-delay:.23s}.auth-consent-panel.is-animated .auth-consent-document:nth-child(2){animation-delay:.29s}.auth-consent-heading{margin-bottom:1.35rem}.auth-consent-heading h2{max-width:390px;color:#182b24}.auth-consent-heading>p:last-child{max-width:375px;color:#6d7974}.auth-consent-actions{gap:.7rem;margin:0 0 1rem}.auth-consent-document{position:relative;border:1px solid #dfe7e2;border-radius:15px;background:#ffffffd1;box-shadow:0 6px 18px #163a2c0b;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.auth-consent-document:hover{border-color:#9fc5b5;background:#fff;box-shadow:0 10px 24px #164e3817;transform:translateY(-1px)}.auth-consent-document:focus-within{border-color:#2f7c60;box-shadow:0 0 0 4px #2f7c601c}.auth-consent-document.is-read{border-color:#2a87605c;background:#f5fbf7}.auth-consent-document>button{display:grid;width:100%;min-height:68px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:.75rem;padding:.72rem 3.35rem .72rem .8rem;color:#263a32;text-align:left}.auth-consent-document>button:focus-visible{outline:none}.auth-consent-document-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;color:#2b7659;background:#eaf5ef}.auth-consent-document.is-read .auth-consent-document-icon{color:#fff;background:linear-gradient(145deg,#257457,#42a47c)}.auth-consent-document-copy{position:relative;display:grid;min-width:0;min-height:40px;align-content:center}.auth-consent-document-copy strong{overflow-wrap:anywhere;font-size:.79rem;font-weight:820;line-height:1.25;transition:transform .22s}.auth-consent-document:not(.is-read) .auth-consent-document-copy strong{transform:translateY(0)}.auth-consent-document:not(.is-read):hover .auth-consent-document-copy strong,.auth-consent-document:not(.is-read):focus-within .auth-consent-document-copy strong{transform:translateY(-.55rem)}.auth-consent-document-copy small{position:absolute;top:calc(50% + .18rem);left:0;color:#89938f;font-size:.66rem;font-weight:650;line-height:1.35;transition:color .2s,opacity .22s,transform .22s}.auth-consent-document:not(.is-read) .auth-consent-document-copy small{visibility:hidden;opacity:0;transform:translateY(4px);transition:visibility 0s linear .22s,color .2s,opacity .22s,transform .22s}.auth-consent-document:not(.is-read):hover .auth-consent-document-copy small,.auth-consent-document:not(.is-read):focus-within .auth-consent-document-copy small{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}.auth-consent-document-arrow{position:absolute;top:50%;right:.9rem;color:#9ba6a1;opacity:0;transform:translate(-8px,-50%);transition:color .2s,opacity .22s,transform .22s}.auth-consent-document:hover .auth-consent-document-arrow,.auth-consent-document:focus-within .auth-consent-document-arrow{color:#2f7c60;opacity:1;transform:translateY(-50%)}.auth-consent-read-badge{position:absolute;top:50%;right:.75rem;display:grid;width:23px;height:23px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#269069;box-shadow:0 5px 12px #26906940;transform:translateY(-50%)}.auth-consent-document.is-read .auth-consent-document-arrow{visibility:hidden}.auth-consent-submit{width:100%;margin-top:.2rem;transition:box-shadow .2s,transform .2s,filter .2s}.auth-consent-submit:hover:not(:disabled){box-shadow:0 13px 28px #15543d47;filter:brightness(1.04);transform:translateY(-1px)}.auth-consent-submit:focus-visible{outline:3px solid rgba(47,124,96,.2);outline-offset:3px}.auth-consent-logout{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:.55rem;margin:.7rem 0 0;padding:.55rem .9rem;border:1px solid #efd4d0!important;border-radius:12px!important;color:#a7473f;background:#fff8f7d1!important;box-shadow:0 5px 14px #8e362f0b;font-size:.73rem;font-weight:800;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s}.auth-consent-logout svg{width:16px;height:16px;flex:0 0 auto;color:#ba5047;background:none;transition:color .2s,transform .2s}.auth-consent-logout:hover:not(:disabled){border-color:#df8e86!important;color:#98372f;background:#fff1ef!important;box-shadow:0 9px 20px #9d352c1c;transform:translateY(-1px)}.auth-consent-logout:hover:not(:disabled) svg{color:#a43b33;transform:translate(1px)}.auth-consent-logout:focus-visible{border-color:#cf6a61!important;outline:3px solid rgba(196,72,61,.14);outline-offset:2px}.auth-consent-logout:disabled{cursor:not-allowed;color:#a99996;border-color:#e7dfdd!important;background:#f5f3f2!important;box-shadow:none;opacity:.68}@keyframes auth-panel-swap-in{0%{opacity:0;transform:translate(44px) scale(.975);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes auth-consent-panel-sweep{0%{opacity:0;transform:translate(-115%)}24%{opacity:.72}to{opacity:0;transform:translate(115%)}}@keyframes auth-consent-item-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes auth-consent-document-in{0%{opacity:0;transform:translate(18px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:520px){.auth-form-panel{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.auth-mobile-brand{--auth-logo-size: 30px;--auth-logo-scale: .2586206897;gap:.575rem;margin-bottom:1.25rem;font-size:.85rem}.auth-heading{margin-bottom:.9rem}.auth-eyebrow{margin-bottom:.35rem!important;font-size:.61rem;letter-spacing:.1em}.auth-heading h2{font-size:clamp(1.45rem,7vw,1.72rem);line-height:1.12}.auth-heading>p:last-child{margin-top:.45rem;font-size:.75rem;line-height:1.45}.auth-form,.auth-step{gap:.78rem}.auth-oauth-block{gap:.65rem}.auth-google-button,.auth-submit,.auth-back{height:2.9rem}.auth-google-button,.auth-submit{font-size:.75rem}.auth-divider{font-size:.59rem}.auth-field{gap:.35rem}.auth-field>span,.auth-options,.auth-terms,.auth-switch{font-size:.67rem}.auth-field input{height:2.85rem}.auth-step-progress{font-size:.61rem}.auth-consent-heading{margin-bottom:1rem}.auth-consent-actions{gap:.55rem;margin-bottom:.8rem}.auth-consent-document>button{min-height:58px;grid-template-columns:34px minmax(0,1fr);gap:.6rem;padding:.58rem 2.85rem .58rem .65rem}.auth-consent-document-icon{width:34px;height:34px;border-radius:10px}.auth-consent-document-copy{min-height:34px}.auth-consent-document-copy strong{font-size:.73rem}.auth-consent-document-copy small{font-size:.61rem}.auth-consent-logout{min-height:40px;margin-top:.55rem;font-size:.68rem}.auth-consent-panel{max-width:430px}.auth-legal-header{padding:1.1rem 1rem .75rem}.auth-legal-header h2{font-size:1.3rem}.auth-legal-header p,.auth-legal-date{font-size:.62rem}.auth-legal-date{padding:.7rem 1rem 0}.auth-legal-content{gap:.85rem;padding:.8rem 1rem 1rem}.auth-legal-content h3{font-size:.79rem}.auth-legal-content p{font-size:.72rem;line-height:1.55}.auth-legal-close{min-height:2.75rem;margin:0 1rem 1rem;font-size:.73rem}}@media(prefers-reduced-motion:reduce){.auth-consent-form-panel.is-animated:before,.auth-consent-panel.is-animated,.auth-consent-panel.is-animated>.auth-heading,.auth-consent-panel.is-animated>.auth-consent-actions,.auth-consent-panel.is-animated>.auth-consent-submit,.auth-consent-panel.is-animated>.auth-consent-logout,.auth-consent-panel.is-animated .auth-consent-document{animation:none;opacity:1;transform:none}}.sj-action-hand-dock:hover .sj-action-hand-tab,.sj-action-hand-dock:focus-visible .sj-action-hand-tab{right:-52px;filter:brightness(1.08)}.sj-action-hand-dock:focus-visible{outline:3px solid rgba(240,189,87,.42);outline-offset:3px}.sj-action-hand-count{position:absolute;top:-10px;right:8px;z-index:10;min-width:28px;height:26px;display:grid;place-items:center;border:2px solid #fff1c4;border-radius:999px;background:var(--amber);color:#211400;padding:0 5px;font-size:12px;font-variant-numeric:tabular-nums;box-shadow:0 5px 15px #00000057;transition:transform .16s ease}.sj-action-hand-dock:hover .sj-action-hand-count,.sj-action-hand-dock:focus-visible .sj-action-hand-count{transform:translate(-2px)}.sj-action-hand-modal{position:relative;width:min(var(--sj-modal-width-large),100%);min-width:var(--sj-modal-min-width);max-height:min(720px,var(--sj-modal-available-height));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(222,105,177,.5);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 0% 0%,rgba(214,74,146,.2),transparent 38%),#171b24;box-shadow:0 24px 70px #0000008f;padding:clamp(16px,3vw,24px)}.sj-action-hand-modal:focus{outline:none}.sj-action-hand-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sj-action-hand-modal-head span{color:#e889c2;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.sj-action-hand-modal h2{margin:0;font-size:clamp(20px,4vw,28px)}.sj-action-hand-modal-close{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff0f;color:var(--text);font-size:26px;line-height:1;cursor:pointer}.sj-action-hand-modal-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;margin-top:18px;padding-bottom:4px}.sj-action-hand-modal-scroll::-webkit-scrollbar{display:none}.sj-action-hand-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,max-content));justify-content:center;gap:clamp(12px,2vw,22px)}.sj-action-hand-modal-item{width:max-content;min-width:0;display:grid;gap:7px;padding:3px}.sj-action-hand-modal-item .sj-action-card,.sj-action-hand-modal-item .sj-action-deck{--sj-action-card-width: clamp(106px, min(15vw, 24vh), 176px);box-shadow:none}.sj-action-hand-modal-item-playable{filter:none}.sj-action-hand-discard{min-height:32px;border:1px solid rgba(239,106,97,.38);border-radius:999px;background:#741e1e7a;color:#ffe1dd;padding:6px 10px;font-size:12px;font-weight:900;cursor:pointer}.sj-action-hand-discard:not(:disabled):hover{background:#b0302ac2;border-color:#ffa096a6}.sj-action-hand-discard:disabled{cursor:not-allowed;opacity:.42}.sj-action-hand-scroll-indicator{position:absolute;right:0;bottom:0;left:0;z-index:3;min-height:58px;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:26px 16px 10px;background:linear-gradient(transparent,#171b24fa 62%);color:#f4c762;font-size:12px;font-weight:800;letter-spacing:.02em;pointer-events:none}.sj-action-hand-scroll-indicator strong{font-size:18px;line-height:.8;animation:sj-scroll-indicator 1.1s ease-in-out infinite}@keyframes sj-scroll-indicator{50%{transform:translateY(4px)}}.sj-action-hand-modal-close:focus-visible,.sj-action-hand-modal-item .sj-action-card:focus-visible,.sj-action-hand-modal-item .sj-action-deck:focus-visible{outline:3px solid rgba(240,189,87,.42);outline-offset:2px}.sj-action-steal-modal,.sj-action-player-cards-modal{width:min(760px,100%)}.sj-action-player-cards-empty{margin:18px 0 0;border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:#ffffff0b;color:var(--muted);padding:20px;text-align:center;font-size:14px}.sj-action-hand-modal h2 .sj-action-modal-title-name{color:#e889c2;font-size:inherit;font-weight:900;letter-spacing:normal;line-height:inherit;text-transform:none}.sj-action-steal-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}.sj-action-steal-player{min-height:86px;display:grid;align-content:center;gap:6px;border:1px solid rgba(240,189,87,.44);border-radius:12px;background:radial-gradient(circle at 20% 0%,rgba(240,189,87,.18),transparent 42%),#ffffff0e;color:var(--text);padding:14px;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .16s ease,background .16s ease}.sj-action-steal-player:not(:disabled):hover{transform:translateY(-2px);border-color:#f0bd57d1;background:radial-gradient(circle at 20% 0%,rgba(240,189,87,.26),transparent 42%),#ffffff14}.sj-action-steal-player:disabled{cursor:default;opacity:.48}.sj-action-steal-player strong{font-size:17px}.sj-action-steal-player span{color:var(--muted);font-size:12px;font-weight:800}.sj-action-steal-card-grid{grid-template-columns:repeat(auto-fit,minmax(106px,max-content))}.sj-action-play-discard-modal{width:min(760px,100%)}.sj-action-play-discard-empty{margin:18px 0 0;color:var(--muted);font-size:14px;font-weight:800}.sj-action-draw-three-modal{width:min(720px,100%)}.sj-action-draw-three-grid{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:clamp(12px,3vw,22px);margin-top:18px}.sj-action-draw-three-choice{--sj-pile-card-width: clamp(82px, min(16vw, 22vh), 122px);width:var(--sj-pile-card-width);height:calc(var(--sj-pile-card-width) * 122 / 88);border:0;background:transparent;padding:0;cursor:pointer;transition:transform .14s ease,filter .16s ease}.sj-action-draw-three-choice{display:grid;place-items:center}.sj-action-draw-three-choice .sj-card{width:100%}.sj-action-draw-three-none{align-self:center;margin:18px auto 0}.sj-action-draw-three-choice:hover{transform:translateY(-3px);filter:brightness(1.08)}.sj-action-draw-three-choice:focus-visible{outline:3px solid rgba(240,189,87,.42);outline-offset:2px;border-radius:12px}@media(max-width:520px){.sj-action-draw-three-grid{gap:clamp(8px,2vw,12px)}.sj-action-draw-three-choice{--sj-pile-card-width: clamp(76px, 26vw, 106px)}}.sj-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sj-round-countdown{min-height:68px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;border:1px solid rgba(240,189,87,.34);border-radius:8px;background:#f0bd571a;padding:9px 12px;color:#ffe1a0}.sj-round-countdown strong{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--amber);color:#211400;font-size:24px;font-variant-numeric:tabular-nums}.sj-round-countdown span{font-size:14px;font-weight:900}.sj-score-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;overflow:hidden;border-radius:8px}.sj-score-table th,.sj-score-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:center;font-size:14px}.sj-score-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.sj-score-table td:first-child,.sj-score-table th:first-child{width:50%;text-align:left;overflow-wrap:anywhere}.sj-score-table td:not(:first-child),.sj-score-table th:not(:first-child){width:25%;font-variant-numeric:tabular-nums}@media(max-height:720px){.sj-app-shell{gap:6px;padding:7px}.sj-exit-button,.sj-room-admin-button{--sj-room-control-size: 40px}.sj-opponents{gap:8px}.sj-action-panel{width:min(calc(var(--pile-item-width) * 2 + 6px),92vw)}.sj-total-score-badge strong{font-size:clamp(11px,calc(var(--score-badge-height) * .52),15px)}}@media(max-width:899px){.sj-pile-button{transition:none}.sj-pile-button:not(:disabled):hover{transform:none;filter:none}.sj-pile-active,.sj-pile-danger.sj-pile-active{filter:none}.sj-play-column{flex:1 1 0;min-height:0;display:grid;grid-template-rows:max-content minmax(0,1fr);align-content:stretch;justify-content:initial;justify-items:center;row-gap:var(--sj-play-gap)}.sj-play-column .sj-center{grid-row:1;width:100%;align-self:center}.sj-play-column .sj-me-wrap{grid-row:2;width:100%;height:100%;min-height:0;align-self:stretch;display:grid;place-items:end center}}@media(max-width:640px){.sj-chat-button{left:10px;bottom:10px;width:42px;height:42px;padding:0}.sj-chat-modal{width:100%;height:var(--sj-modal-workspace-height);max-height:var(--sj-modal-available-height);min-height:var(--sj-modal-workspace-min-height);border-radius:var(--sj-modal-radius)}.sj-chat-head{padding:15px 15px 12px}.sj-chat-messages{gap:10px;padding:14px}.sj-chat-bubble{max-width:84%}.sj-chat-form{grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:12px}.sj-chat-form input,.sj-chat-send{height:42px}.sj-chat-send{width:42px;padding:0}.sj-app-shell:not(.sj-lobby-room)>.sj-exit-button{position:relative;top:auto;right:auto;flex:0 0 auto;align-self:flex-end}.sj-app-shell.sj-two-player-game>.sj-exit-button{position:absolute;top:7px;right:7px}.sj-board-me{--card-width: var(--sj-me-card-width, clamp(28px, min(19vw, 11vh), 88px))}.sj-opponents{flex:0 0 auto;flex-wrap:nowrap;width:100%;justify-content:flex-start;align-content:flex-start;align-items:flex-start;gap:10px;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 clamp(8px,3vw,14px)}.sj-opponents::-webkit-scrollbar{display:none}.sj-opponents-count-1{justify-content:center;overflow-x:visible;padding:0}.sj-board-opp{flex:0 0 auto;scroll-snap-align:center;--card-width: var(--sj-opp-card-width, clamp(24px, min(9.5vw, 5.8vh), 42px));--card-height: var(--sj-opp-card-height, calc(var(--card-width) * 122 / 88));--board-grid-gap: var(--sj-opp-grid-gap, clamp(2px, calc(var(--card-width) * .085), 8px));--board-header-height: var(--sj-opp-board-header-height, clamp(26px, calc(var(--card-width) * .4), 34px));--board-pad: var(--sj-opp-board-pad, clamp(5px, calc(var(--card-width) * .16), 16px));--board-block-gap: var(--sj-opp-board-block-gap, clamp(4px, calc(var(--card-width) * .1), 8px))}.sj-board-me,.sj-board-opp{--card-height: calc(var(--card-width) * 122 / 88)}.sj-two-player-game .sj-board-me,.sj-two-player-game .sj-board-opp{--board-header-height: var(--sj-two-player-board-header-height, clamp(26px, calc(var(--card-width) * .4), 34px));--score-badge-width: clamp(40px, calc(var(--card-width) * .58), 52px);--score-badge-height: clamp(24px, calc(var(--board-header-height) * .88), 30px);--board-score-reserve: clamp(44px, calc(var(--score-badge-width) + 6px), 58px)}.sj-board-area{flex:1 1 0;height:auto;justify-content:flex-start;gap:var(--sj-play-gap)}.sj-action-panel{width:min(calc(var(--pile-item-width) * 2 + 6px),92vw)}.sj-action-hand-dock{width:28px}.sj-action-hand-tab{right:-62px;width:76px;height:64px}.sj-action-hand-dock:hover .sj-action-hand-tab,.sj-action-hand-dock:focus-visible .sj-action-hand-tab{right:-56px}.sj-action-hand-modal-grid{grid-template-columns:repeat(auto-fit,minmax(122px,max-content));gap:12px}.sj-action-hand-modal-item .sj-action-card,.sj-action-hand-modal-item .sj-action-deck{--sj-action-card-width: clamp(122px, 38vw, 156px)}.sj-pile-group{width:100%;grid-template-columns:repeat(2,var(--pile-item-width));justify-content:center;gap:6px}.sj-player-name{max-width:16ch}}@media(min-width:980px)and (min-height:760px){.sj-app-shell{padding:18px;gap:14px}.sj-opponents{gap:8px}}@media(min-width:900px)and (min-height:620px){.sj-action-hand-modal,.sj-action-draw-modal{width:min(var(--sj-modal-width-large),92vw)}.sj-action-hand-modal-grid{grid-template-columns:repeat(3,max-content);align-items:start;gap:clamp(18px,3vw,30px)}.sj-action-hand-modal-grid.sj-action-hand-modal-grid-1{grid-template-columns:max-content}.sj-action-hand-modal-grid.sj-action-hand-modal-grid-2{grid-template-columns:repeat(2,max-content)}.sj-action-hand-dock{right:0;bottom:clamp(18px,3vh,32px)}.sj-action-hand-tab{right:-64px}.sj-action-hand-dock:hover .sj-action-hand-tab,.sj-action-hand-dock:focus-visible .sj-action-hand-tab{right:-58px}.sj-play-column{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(112px,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:center;gap:clamp(16px,3vw,42px)}.sj-me-wrap{grid-column:2;grid-row:1;width:100%;height:100%;justify-self:center;align-self:stretch;display:grid;place-items:end center}.sj-center{position:fixed;top:50%;right:clamp(12px,3vw,36px);z-index:12;transform:translateY(-50%)}.sj-action-panel{width:var(--pile-item-width)}.sj-pile-group{grid-template-columns:1fr;width:100%;gap:clamp(12px,calc(var(--sj-pile-card-width, 72px) * .2),18px)}.sj-card-size-pile{--sj-card-width: var(--sj-pile-card-width, clamp(62px, min(7.2vw, 12.5vh), 96px))}}*:focus,*:focus-visible{outline:none!important}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible,a:focus,a:focus-visible,summary:focus,summary:focus-visible{box-shadow:none!important}input:focus,textarea:focus,select:focus,.sj-chat-form input:focus{outline:none!important;box-shadow:none!important}input:focus,textarea:focus,select:focus{border-color:var(--line-strong)!important}.sj-chat-form input:focus{border-color:#ffffff24!important}.auth-page .auth-field input:focus{outline:none!important;border-color:#2f7c60!important;box-shadow:0 0 0 4px #2f7c601c!important}.auth-page .auth-field input:autofill{color:#22372f!important;background-color:#f2fbf6!important;border-color:#b7d8c9!important;box-shadow:0 0 0 1000px #f2fbf6 inset!important}.auth-page .auth-field input[data-prefilled=true]{color:#22372f!important;background:#f2fbf6!important;border-color:#b7d8c9!important}.auth-page .auth-field input[data-prefilled=true]:focus{border-color:#2f7c60!important;box-shadow:0 0 0 4px #2f7c601c!important}.auth-page .auth-field input:-webkit-autofill,.auth-page .auth-field input:-webkit-autofill:hover,.auth-page .auth-field input:-webkit-autofill:active{color-scheme:light;-webkit-text-fill-color:#22372f!important;caret-color:#22372f!important;border-color:#b7d8c9!important;-webkit-box-shadow:0 0 0 1000px #f2fbf6 inset!important;box-shadow:0 0 0 1000px #f2fbf6 inset!important;transition:background-color 9999s ease-out 0s}.auth-page .auth-field input:autofill:focus{color:#22372f!important;background-color:#f2fbf6!important;border-color:#2f7c60!important;box-shadow:0 0 0 1000px #f2fbf6 inset,0 0 0 4px #2f7c601c!important}.auth-page .auth-field input:-webkit-autofill:focus{-webkit-text-fill-color:#22372f!important;caret-color:#22372f!important;border-color:#2f7c60!important;-webkit-box-shadow:0 0 0 1000px #f2fbf6 inset,0 0 0 4px rgba(47,124,96,.11)!important;box-shadow:0 0 0 1000px #f2fbf6 inset,0 0 0 4px #2f7c601c!important}.auth-page .auth-field input[type=email]:not(:placeholder-shown){color:#22372f!important;background-color:#f2fbf6!important;border-color:#b7d8c9!important;-webkit-box-shadow:0 0 0 1000px #f2fbf6 inset!important;box-shadow:0 0 0 1000px #f2fbf6 inset!important}.auth-page .auth-field input[type=email]:not(:placeholder-shown):focus{border-color:#2f7c60!important;-webkit-box-shadow:0 0 0 1000px #f2fbf6 inset,0 0 0 4px rgba(47,124,96,.11)!important;box-shadow:0 0 0 1000px #f2fbf6 inset,0 0 0 4px #2f7c601c!important}.sj-game-toast.auth-page-toast{width:auto;max-width:min(620px,calc(100vw - 28px));grid-template-columns:auto minmax(0,1fr);border-radius:18px}.auth-page-toast .sj-game-toast-text{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;text-align:center}.sj-game-toast.auth-success-toast,.sj-game-toast-success{border-color:#4bc5848c;background:linear-gradient(135deg,#144c35f7,#193029f7);color:#f0fff7;box-shadow:0 18px 44px #00000052,0 0 0 4px #4bc5841f,inset 0 0 0 1px #ffffff12}.auth-success-toast .sj-game-toast-icon,.sj-game-toast-success .sj-game-toast-icon{background:radial-gradient(circle at 32% 26%,#70dca1 38%,#18794e);box-shadow:0 8px 18px #00000047,0 0 0 4px #4bc58424}@media(max-width:520px){.sj-game-toast.auth-page-toast{width:max-content;max-width:calc(100vw - 24px);grid-template-columns:auto minmax(0,max-content);border-radius:999px}.auth-page-toast .sj-game-toast-text{max-width:calc(100vw - 86px);overflow:visible;text-overflow:clip;white-space:normal;text-align:center}}.sj-layout-desktop{--sj-responsive-layout: desktop}.sj-layout-stacked{--sj-responsive-layout: stacked}.sj-layout-opponents-rail{--sj-opponents-layout: rail}.sj-layout-shared-two{--sj-two-player-layout: shared}.sj-piles-zone{flex:0 0 auto;isolation:isolate}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-board-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:max-content max-content minmax(0,1fr);align-content:stretch;justify-items:center;row-gap:var(--sj-play-gap)}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-board-area{--sj-shared-pile-effect-space: 10px;--sj-shared-center-height: calc( var(--sj-pile-card-width, 56px) * 1.386364 + var(--sj-shared-pile-effect-space) * 2 );--sj-shared-zone-height: calc( ( 100% - var(--sj-shared-center-height) - var(--sj-play-gap) * 2 ) / 2 );grid-template-rows:var(--sj-shared-zone-height) var(--sj-shared-center-height) var(--sj-shared-zone-height)}.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-player-zone{height:100%;min-height:0;max-height:none;box-sizing:border-box}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-opponents{grid-column:1;grid-row:1}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-center{grid-column:1;grid-row:2;width:100%;align-self:center}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-play-column{grid-column:1;grid-row:3;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);row-gap:0;place-items:end center}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-play-column .sj-me-wrap{width:100%;height:100%;min-height:0;align-self:stretch;display:grid;place-items:end center}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-play-column .sj-me-wrap{grid-column:1;grid-row:3;height:100%;min-height:0;max-height:none;align-self:stretch}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-play-column{display:contents}.sj-layout-desktop.sj-layout-shared-two .sj-board-area{--sj-shared-zone-height: calc((100% - var(--sj-play-gap)) / 2);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,var(--sj-shared-zone-height));align-content:stretch;justify-items:center;row-gap:var(--sj-play-gap)}.sj-layout-desktop.sj-layout-shared-two .sj-opponents,.sj-layout-desktop.sj-layout-shared-two .sj-play-column .sj-me-wrap{width:100%;align-self:stretch}.sj-layout-desktop.sj-layout-shared-two .sj-play-column{display:contents}.sj-layout-desktop.sj-layout-shared-two .sj-play-column .sj-me-wrap{grid-column:1;grid-row:2}.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-opponents{align-content:flex-start;align-items:flex-start}.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-play-column .sj-me-wrap{place-items:end center}.sj-layout-opponents-rail .sj-opponents{--sj-opponent-row-grid-gap: clamp(2px, calc(var(--sj-opp-card-width, 28px) * .085), 8px);--sj-opponent-row-board-pad: clamp(5px, calc(var(--sj-opp-card-width, 28px) * .15), 9px);--sj-opponent-row-board-width: calc( var(--sj-opp-card-width, 28px) * 4 + var(--sj-opponent-row-grid-gap) * 3 + var(--sj-opponent-row-board-pad) * 2 + 2px );--sj-opponent-rail-edge: max(8px, calc(50% - var(--sj-opponent-row-board-width) / 2));flex:0 0 auto;flex-wrap:nowrap;width:100%;justify-content:flex-start;align-content:flex-start;align-items:flex-start;gap:10px;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:var(--sj-opponent-rail-edge);scroll-padding-inline:var(--sj-opponent-rail-edge)}.sj-layout-opponents-rail .sj-board-opp{flex:0 0 auto;scroll-snap-align:center}.sj-layout-opponents-row .sj-opponents{justify-content:center;justify-content:safe center;gap:8px;overflow-x:visible;overscroll-behavior-x:auto;scroll-snap-type:none;padding-inline:0}.sj-layout-stacked:not(.sj-layout-shared-two) .sj-board-opp{--card-width: var(--sj-opp-card-width, clamp(28px, min(9.5vw, 5.8vh), 46px));--card-height: calc(var(--card-width) * 122 / 88);--board-grid-gap: clamp(2px, calc(var(--card-width) * .085), 8px);--board-header-height: clamp(26px, calc(var(--card-width) * .4), 34px);--board-pad: clamp(5px, calc(var(--card-width) * .16), 16px);--board-block-gap: clamp(4px, calc(var(--card-width) * .1), 8px)}.sj-layout-shared-two .sj-board-me,.sj-layout-shared-two .sj-board-opp{--card-height: calc(var(--card-width) * 122 / 88);--board-grid-gap: clamp(2px, calc(var(--card-width) * .085), 8px);--board-pad: clamp(5px, calc(var(--card-width) * .16), 16px);--board-block-gap: clamp(4px, calc(var(--card-width) * .1), 8px);--board-header-height: clamp(26px, calc(var(--card-width) * .4), 34px);--score-badge-width: clamp(40px, calc(var(--card-width) * .58), 52px);--score-badge-height: clamp(24px, calc(var(--board-header-height) * .88), 30px);--board-score-reserve: clamp(44px, calc(var(--score-badge-width) + 6px), 58px)}.sj-layout-shared-two .sj-board-opp .sj-player-name{max-width:22ch;font-size:clamp(11px,calc(var(--card-width) * .15),14px)}.sj-layout-short-landscape{--sj-responsive-layout: short-landscape;--sj-play-gap: 4px;--sj-landscape-control-size: clamp(40px, min(7.5dvh, 5dvw), 46px);--sj-landscape-control-gap: clamp(20px, 7dvh, 40px);--sj-landscape-pile-height: calc( var(--sj-pile-card-width, 56px) * 1.386364 + 12px )}.sj-layout-short-landscape .sj-board-area{--sj-play-gap: 4px;flex:1 1 0;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;justify-content:stretch;gap:var(--sj-play-gap)}.sj-layout-short-landscape .sj-opponents{grid-column:1;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;align-items:center;align-content:center;padding-inline:0;overflow-x:auto;overflow-y:auto}.sj-layout-short-landscape.sj-layout-opponents-rail .sj-opponents{padding-inline:var(--sj-opponent-rail-edge);scroll-padding-inline:var(--sj-opponent-rail-edge)}.sj-layout-short-landscape.sj-layout-shared-two .sj-opponents{justify-content:center}.sj-layout-shared-two .sj-opponents-count-1{overflow:visible;overscroll-behavior-x:auto;scroll-snap-type:none}.sj-layout-short-landscape .sj-play-column{display:contents}.sj-layout-stacked.sj-layout-short-landscape .sj-center{--pile-effect-space: 6px;grid-column:2;grid-row:1;width:auto;align-self:center}.sj-layout-stacked.sj-layout-short-landscape .sj-me-wrap{grid-column:3;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:auto}.sj-layout-short-landscape .sj-action-panel{width:min(calc(var(--pile-item-width) * 2 + 4px),30vw);gap:4px}.sj-layout-short-landscape .sj-pile-group{gap:4px}.sj-layout-short-landscape .sj-board{--board-shadow: 0 10px 22px rgba(0, 0, 0, .26)}.sj-layout-short-landscape .sj-turn-notice-stack{top:auto;bottom:calc(max(var(--sj-shell-pad),env(safe-area-inset-bottom)) + var(--sj-landscape-control-size) + 6px);width:min(46vw,360px)}.sj-layout-short-landscape .sj-last-turn-notice{max-width:min(46vw,360px);padding:5px 8px;gap:5px;font-size:10px;line-height:1.1}.sj-layout-short-landscape .sj-last-turn-kicker{padding:3px 5px;font-size:8px}.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-dock{right:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;width:calc(64px + var(--sj-action-tab-stack));height:30px;transform:translate(-50%)}.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-tab{top:auto;right:auto;bottom:-52px;left:var(--sj-action-tab-top);width:64px;height:76px;border-right:2px solid rgba(255,255,255,.6);border-bottom:0;border-radius:9px 9px 0 0;box-shadow:5px -5px 18px #00000047;transition:bottom .16s ease,filter .16s ease}.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-dock:hover .sj-action-hand-tab,.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-dock:focus-visible .sj-action-hand-tab{right:auto;bottom:-46px}.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-count{top:-10px;right:-10px}.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-dock:hover .sj-action-hand-count,.sj-layout-short-landscape.sj-action-hand-visible .sj-action-hand-dock:focus-visible .sj-action-hand-count{transform:translateY(-2px)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-exit-button{top:calc(50% - var(--sj-landscape-pile-height) / 2 - var(--sj-landscape-control-size) - var(--sj-landscape-control-gap));right:auto;left:50%;transform:translate(-50%)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-room-admin-button{top:calc(50% - var(--sj-landscape-pile-height) / 2 - var(--sj-landscape-control-size) - var(--sj-landscape-control-gap));right:auto;left:calc(50% - var(--sj-landscape-control-size) - 8px);transform:translate(-50%)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-exit-button,.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-room-admin-button,.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-chat-button{--sj-room-control-size: var(--sj-landscape-control-size)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-chat-button{width:var(--sj-landscape-control-size);height:var(--sj-landscape-control-size);top:calc(50% + var(--sj-landscape-pile-height) / 2 + var(--sj-landscape-control-gap));right:auto;bottom:auto;left:50%;transform:translate(-50%)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-chat-button:hover,.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-chat-button:focus-visible{transform:translate(-50%,-2px)}.sj-app-shell.sj-layout-short-landscape .sj-game-controls .sj-spectator-badge{top:max(var(--sj-shell-pad),env(safe-area-inset-top));left:max(var(--sj-shell-pad),env(safe-area-inset-left))}.sj-layout-short-landscape .sj-chat-modal,.sj-layout-short-landscape .sj-action-hand-modal,.sj-layout-short-landscape .sj-action-draw-modal{max-height:calc(100dvh - var(--sj-modal-space-top) - var(--sj-modal-space-bottom))}.sj-layout-short-landscape .sj-chat-head{padding:9px 12px 8px}.sj-layout-short-landscape .sj-chat-head h2{font-size:21px}.sj-layout-short-landscape .sj-chat-messages{gap:7px;padding:9px 12px}.sj-layout-short-landscape .sj-chat-form{grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:8px 10px}.sj-layout-short-landscape .sj-chat-form input,.sj-layout-short-landscape .sj-chat-send{height:40px}.sj-app-shell{--sj-shell-pad: clamp(8px, 1.5vh, 16px);padding:max(var(--sj-shell-pad),env(safe-area-inset-top)) max(var(--sj-shell-pad),env(safe-area-inset-right)) max(var(--sj-shell-pad),env(safe-area-inset-bottom)) max(var(--sj-shell-pad),env(safe-area-inset-left))}.sj-exit-button,.sj-app-shell.sj-two-player-game>.sj-exit-button{top:max(var(--sj-shell-pad),env(safe-area-inset-top));right:max(var(--sj-shell-pad),env(safe-area-inset-right))}.sj-room-admin-button{top:max(var(--sj-shell-pad),env(safe-area-inset-top));right:calc(max(var(--sj-shell-pad),env(safe-area-inset-right)) + var(--sj-room-control-size) + 10px)}.sj-chat-button{left:max(var(--sj-shell-pad),env(safe-area-inset-left));bottom:max(var(--sj-shell-pad),env(safe-area-inset-bottom))}.sj-action-hand-dock{right:env(safe-area-inset-right);bottom:max(clamp(18px,3vh,32px),env(safe-area-inset-bottom))}.sj-chat-modal{height:var(--sj-modal-workspace-height);max-height:var(--sj-modal-available-height);min-height:var(--sj-modal-workspace-min-height)}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls{position:absolute;inset:0;width:auto;height:auto;display:block}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-exit-button{position:absolute;top:max(var(--sj-shell-pad),env(safe-area-inset-top));right:max(var(--sj-shell-pad),env(safe-area-inset-right));bottom:auto;left:auto;transform:none}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-opponents{width:100%;justify-self:center}.sj-layout-opponents-exit-below{--sj-opponent-exit-grid-gap: clamp(2px, calc(var(--sj-opp-card-width, 28px) * .085), 8px);--sj-opponent-exit-board-pad: clamp(5px, calc(var(--sj-opp-card-width, 28px) * .15), 9px);--sj-opponent-exit-block-gap: clamp(4px, calc(var(--sj-opp-card-width, 28px) * .09), 7px);--sj-opponent-exit-header-height: clamp(24px, calc(var(--sj-opp-card-width, 28px) * .5), 32px);--sj-opponent-exit-board-height: calc( var(--sj-opp-card-width, 28px) * 122 / 88 * 3 + var(--sj-opponent-exit-grid-gap) * 2 + var(--sj-opponent-exit-header-height) + var(--sj-opponent-exit-block-gap) + var(--sj-opponent-exit-board-pad) * 2 + 2px );--sj-opponent-exit-pile-height: calc(var(--sj-pile-card-width, 56px) * 1.386364 + 20px);--sj-opponent-exit-control-size: 44px;--sj-opponent-exit-play-gap: 8px;--sj-opponent-exit-top: calc( max(var(--sj-shell-pad), env(safe-area-inset-top)) + var(--sj-opponent-exit-board-height) + var(--sj-opponent-exit-play-gap) + (var(--sj-opponent-exit-pile-height) - var(--sj-opponent-exit-control-size)) / 2 )}.sj-layout-stacked.sj-layout-opponents-exit-below:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-exit-button{top:var(--sj-opponent-exit-top);transform:none}.sj-layout-stacked.sj-layout-opponents-exit-below:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-room-admin-button{--sj-room-control-size: var(--sj-opponent-exit-control-size);top:var(--sj-opponent-exit-top)}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-game-controls .sj-chat-button{position:fixed;top:auto;right:auto;bottom:max(var(--sj-shell-pad),env(safe-area-inset-bottom));left:max(var(--sj-shell-pad),env(safe-area-inset-left));transform:none}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-game-controls .sj-exit-button{top:50%;right:max(var(--sj-shell-pad),env(safe-area-inset-right));bottom:auto;left:auto;transform:translateY(-50%)}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-game-controls .sj-room-admin-button{top:50%;right:calc(max(var(--sj-shell-pad),env(safe-area-inset-right)) + var(--sj-room-control-size) + 10px);bottom:auto;left:auto;transform:translateY(-50%)}.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-me-wrap{padding-bottom:50px}.sj-layout-stacked.sj-layout-chat-clearance:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-me-wrap{padding-bottom:0}.sj-layout-stacked.sj-layout-chat-clearance:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-chat-button{width:44px;height:44px;top:max(var(--sj-shell-pad),env(safe-area-inset-top));right:auto;bottom:auto;left:max(var(--sj-shell-pad),env(safe-area-inset-left));transform:none}.sj-layout-stacked.sj-layout-chat-clearance:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-spectator-badge{left:calc(max(var(--sj-shell-pad),env(safe-area-inset-left)) + 52px)}.sj-layout-stacked.sj-layout-chat-clearance.sj-layout-opponents-exit-below:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-chat-button{width:var(--sj-opponent-exit-control-size);height:var(--sj-opponent-exit-control-size);top:var(--sj-opponent-exit-top)}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-opponents{padding-top:0}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-me-wrap{padding-bottom:0}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape){--sj-mirrored-control-size: 44px}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-game-controls .sj-chat-button,.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-game-controls .sj-room-admin-button,.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-game-controls .sj-exit-button{--sj-room-control-size: var(--sj-mirrored-control-size)}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape) .sj-game-controls .sj-chat-button{width:var(--sj-mirrored-control-size);height:var(--sj-mirrored-control-size);top:50%;right:auto;bottom:auto;left:max(var(--sj-shell-pad),env(safe-area-inset-left));transform:translateY(-50%)}.sj-layout-short-landscape.sj-layout-chat-clearance .sj-opponents{padding-bottom:0}.sj-layout-short-landscape.sj-layout-shared-two .sj-opponents{align-content:center;align-items:center}.sj-layout-short-landscape.sj-layout-shared-two .sj-player-zone{height:100%;min-height:100%;max-height:100%;box-sizing:border-box}.sj-layout-short-landscape.sj-layout-shared-two .sj-me-wrap{padding-bottom:0;place-items:center}.sj-layout-stacked.sj-action-game:not(.sj-layout-short-landscape) .sj-me-wrap{padding-inline:30px}@media(max-height:720px){.sj-app-shell{--sj-shell-pad: 7px}.sj-layout-stacked.sj-layout-shared-two.sj-layout-chat-clearance:not(.sj-layout-short-landscape){--sj-mirrored-control-size: 40px}.sj-layout-opponents-exit-below{--sj-opponent-exit-control-size: 40px}}@media(max-width:360px)and (max-height:520px){.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-board-area{--sj-play-gap: 2px}.sj-layout-stacked.sj-layout-shared-two:not(.sj-layout-short-landscape) .sj-board-area{--sj-shared-pile-effect-space: 7px}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-center{--pile-effect-space: 7px}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls{position:absolute;inset:0;width:auto;height:auto;display:block}.sj-layout-opponents-exit-below{--sj-opponent-exit-pile-height: calc(var(--sj-pile-card-width, 48px) * 1.386364 + 14px);--sj-opponent-exit-play-gap: 2px}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-exit-button{position:absolute;top:45%;right:max(var(--sj-shell-pad),env(safe-area-inset-right));bottom:auto;left:auto;transform:translateY(-50%)}.sj-layout-stacked:not(.sj-layout-short-landscape):not(.sj-layout-shared-two) .sj-game-controls .sj-room-admin-button{top:45%;transform:translateY(-50%)}.sj-layout-stacked:not(.sj-layout-short-landscape) .sj-game-controls .sj-chat-button{position:fixed;top:auto;right:auto;bottom:max(var(--sj-shell-pad),env(safe-area-inset-bottom));left:max(var(--sj-shell-pad),env(safe-area-inset-left));transform:none}}@media(min-width:980px)and (min-height:760px){.sj-app-shell{--sj-shell-pad: 18px}}@media(max-width:820px){.auth-form-panel{padding:max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-top)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-right)) max(clamp(1.25rem,4vh,2rem),env(safe-area-inset-bottom)) max(clamp(1.25rem,7vw,3rem),env(safe-area-inset-left))}.auth-field input,.auth-submit,.auth-google-button,.auth-back{scroll-margin-block:1.25rem}}@media(max-width:520px){.auth-form-panel{padding:max(1rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.1rem,env(safe-area-inset-left))}}.sj-tutorial-overlay{z-index:140;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,rgba(63,170,201,.2),transparent 38%),#05090fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sj-card-motion-layer-tutorial{z-index:170}.sj-tutorial-game{--sj-tutorial-head-offset: clamp(8px, 1.4dvh, 14px);--sj-tutorial-head-zone: 164px;position:relative;width:min(1180px,100%);height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));min-height:0;display:grid;grid-template-rows:var(--sj-tutorial-head-zone) minmax(0,1fr);overflow:hidden;border:1px solid rgba(112,208,224,.34);border-radius:22px;background:radial-gradient(circle at 35% 72%,rgba(83,47,87,.34),transparent 42%),linear-gradient(180deg,#112531fc,#0c121dfc);box-shadow:0 34px 100px #000000ad}.sj-tutorial-head{grid-column:1;grid-row:1;align-self:start;min-width:0;display:grid;gap:0;padding:0;transform:translateY(var(--sj-tutorial-head-offset))}.sj-tutorial-copy{width:100%;min-height:0;padding:18px 138px 15px 22px;text-align:left}.sj-tutorial-copy>span{color:#82d6e6;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.sj-tutorial-copy h2{margin:4px 0 6px;color:#fff;font-size:clamp(21px,3vw,29px);line-height:1.08}.sj-tutorial-copy p{max-width:720px;margin:0;color:#b8c8d1;font-size:14px;line-height:1.45}.sj-tutorial-head-actions{position:absolute;top:18px;right:22px;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:7px;transform:translateY(var(--sj-tutorial-head-offset))}.sj-tutorial-restart,.sj-tutorial-skip{position:static;min-height:34px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#c3d0d7;padding:7px 11px;font-size:12px;font-weight:800;cursor:pointer}.sj-tutorial-restart{width:34px;display:grid;place-items:center;padding:0}.sj-tutorial-restart:hover,.sj-tutorial-skip:hover{border-color:#82d6e666;background:#82d6e61a;color:#fff}.sj-tutorial-progress{width:auto;height:auto;min-height:20px;display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:12px;margin:0;padding:0 22px 10px}.sj-tutorial-progress-label{margin:0;color:#8299a4;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.sj-tutorial-progress-label strong{color:#d9f6fa;font-size:inherit;font-weight:850;font-variant-numeric:tabular-nums}.sj-tutorial-progress progress{width:100%;height:6px;display:block;overflow:hidden;border:0;border-radius:999px;background:#ffffff14;padding:0;appearance:none}.sj-tutorial-progress progress::-webkit-progress-bar{border-radius:999px;background:#ffffff14}.sj-tutorial-progress progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#4abbd0,#78d09a);box-shadow:0 0 8px #4abbd047;transition:inline-size .28s ease}.sj-tutorial-progress progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#4abbd0,#78d09a);box-shadow:0 0 8px #4abbd047;transition:width .28s ease}.sj-tutorial-table{--sj-tutorial-play-area-offset: clamp(8px, 1.2dvh, 14px);grid-column:1;grid-row:2;position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:max-content max-content;grid-template-rows:max-content;column-gap:clamp(16px,4cqw,56px);place-content:center;place-items:center;container-type:size;container-name:tutorial-table;overflow:auto;padding:16px 24px 12px;scrollbar-width:thin}.sj-tutorial-player{grid-column:1;grid-row:1;min-width:0;display:grid;place-items:center;padding:6px;translate:0 var(--sj-tutorial-play-area-offset)}.sj-tutorial-player .sj-board-me{--sj-me-card-width: clamp(32px, min(16vw, 20vh), 128px);--sj-me-card-width: clamp(32px, min(16cqw, 20cqh), 128px);--sj-me-board-pad: clamp(5px, calc(var(--sj-me-card-width) * .14), 12px);--sj-me-grid-gap: clamp(3px, calc(var(--sj-me-card-width) * .08), 7px);--sj-me-board-block-gap: clamp(4px, calc(var(--sj-me-card-width) * .08), 7px);--sj-me-board-header-height: clamp(25px, calc(var(--sj-me-card-width) * .42), 36px)}.sj-tutorial-game .sj-card-highlighted{animation:none}.sj-tutorial-pile-zone{--sj-pile-card-width: clamp(36px, min(14vw, 20vh), 140px);--sj-pile-card-width: clamp(36px, min(14cqw, 20cqh), 140px);--pile-effect-space: clamp(6px, 1.8cqh, 12px);position:static;grid-column:2;grid-row:1;z-index:6;width:auto;min-width:0;min-height:0;display:grid;place-items:center;translate:0 var(--sj-tutorial-play-area-offset);overflow:visible}.sj-tutorial-pile-zone .sj-action-panel{width:var(--pile-item-width);min-height:0}.sj-tutorial-pile-zone .sj-pile-group{width:100%;grid-template-columns:1fr;gap:clamp(5px,calc(var(--sj-pile-card-width) * .16),13px)}.sj-tutorial-resume-modal{position:absolute;bottom:clamp(10px,2cqh,18px);left:50%;z-index:9;min-height:38px;border:1px solid rgba(130,214,230,.42);border-radius:999px;background:#16404ef0;color:#e6fbff;padding:8px 15px;font-size:11px;font-weight:850;cursor:pointer;transform:translate(-50%);box-shadow:0 9px 24px #0000004d}.sj-tutorial-resume-modal:hover{border-color:#9be8f2b8;background:#1c5262fa}.sj-tutorial-game>.sj-action-hand-dock{position:absolute;right:0;bottom:82px;z-index:18}.sj-tutorial-action-overlay{z-index:180;background:#05080cf0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.sj-tutorial-action-overlay .sj-action-draw-three-choice{--sj-pile-card-width: clamp(72px, min(18vw, 20vh), 128px)}.sj-tutorial-completion{position:relative;isolation:isolate;z-index:1;box-sizing:border-box;width:min(620px,calc(100% - 40px));max-height:calc(100% - 40px);min-width:0;display:grid;justify-items:center;gap:13px;overflow:auto;border:1px solid rgba(126,218,184,.3);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(102,214,166,.2),transparent 42%),linear-gradient(155deg,#1c3137f5,#121b27fa);padding:clamp(28px,5dvh,48px) clamp(22px,5vw,48px);text-align:center;box-shadow:0 24px 70px #0000005c,inset 0 1px #ffffff12;scrollbar-width:thin}.sj-tutorial-completion-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(159,239,203,.38);border-radius:50%;background:linear-gradient(145deg,#5cd39d4d,#3c9ca733);color:#c9ffe1;box-shadow:0 14px 34px #238b6838,0 0 0 8px #60d3a20f}.sj-tutorial-completion h2{margin:0;color:#fff;font-size:clamp(28px,5vw,42px);line-height:1.05}.sj-tutorial-completion>p{max-width:500px;margin:0;color:#bbcad1;font-size:14px;line-height:1.5}.sj-tutorial-completion-actions{width:min(440px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:6px}.sj-tutorial-completion-actions .sj-btn{width:100%;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:850}.sj-tutorial-completion-restart{border-color:#ffffff1f;background:#ffffff0e;color:#c8d5da}.sj-tutorial-completion-start{box-shadow:0 12px 28px #f0bd572e}@media(max-width:700px)and (orientation:portrait){.sj-tutorial-table{grid-template-columns:minmax(0,1fr);grid-template-rows:max-content max-content;align-content:center;row-gap:clamp(6px,2dvh,18px)}.sj-tutorial-player{grid-column:1;grid-row:2}.sj-tutorial-pile-zone{position:static;grid-column:1;grid-row:1;justify-self:center;transform:none}.sj-tutorial-pile-zone .sj-action-panel{width:min(calc(var(--pile-item-width) * 2 + clamp(5px,calc(var(--sj-pile-card-width) * .12),10px)),92cqw)}.sj-tutorial-pile-zone .sj-pile-group{grid-template-columns:repeat(2,max-content);justify-content:center;gap:clamp(5px,calc(var(--sj-pile-card-width) * .12),10px)}}@media(max-width:640px){.sj-tutorial-overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.sj-tutorial-game{--sj-tutorial-head-zone: 176px;width:100%;height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));border:1px solid rgba(112,208,224,.34);border-radius:16px}.sj-tutorial-head{gap:10px}.sj-tutorial-copy{padding:max(18px,env(safe-area-inset-top)) 112px 15px max(14px,env(safe-area-inset-left))}.sj-tutorial-head-actions{top:max(18px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:4px}.sj-tutorial-copy>span{display:block;line-height:1.25}.sj-tutorial-copy h2{margin:6px 0 8px;font-size:clamp(18px,5.8vw,23px)}.sj-tutorial-copy p{font-size:11px;line-height:1.35}.sj-tutorial-progress{grid-template-columns:auto minmax(120px,1fr);gap:10px;padding:3px 14px 15px}.sj-tutorial-progress-label{font-size:10px}.sj-tutorial-table{padding:8px 9px 5px}.sj-tutorial-player{padding:2px}.sj-tutorial-action-overlay .sj-action-draw-three-choice{--sj-pile-card-width: clamp(64px, 22vw, 96px)}.sj-tutorial-completion{width:calc(100% - 20px);max-height:calc(100% - 20px);gap:10px;border-radius:18px;padding:24px 16px}.sj-tutorial-completion-icon{width:62px;height:62px}.sj-tutorial-completion h2{font-size:clamp(25px,8vw,34px)}.sj-tutorial-completion>p{font-size:12px}}@media(max-width:420px){.sj-tutorial-head-actions{gap:3px}.sj-tutorial-restart,.sj-tutorial-skip{min-height:27px}.sj-tutorial-restart{width:27px}.sj-tutorial-skip{padding:3px 7px}}@media(max-height:620px){.sj-tutorial-game{--sj-tutorial-head-zone: 146px}.sj-tutorial-copy{padding-block:8px}.sj-tutorial-copy h2{font-size:19px}.sj-tutorial-copy p{font-size:10px}.sj-tutorial-player .sj-board-me{--sj-me-card-width: clamp(28px, min(13cqw, 17cqh), 96px)}.sj-tutorial-pile-zone{--sj-pile-card-width: clamp(32px, min(12cqw, 17cqh), 88px)}.sj-tutorial-completion{grid-template-columns:64px minmax(0,1fr);justify-items:start;gap:7px 16px;width:min(720px,calc(100% - 24px));max-height:calc(100% - 16px);padding:16px 20px;text-align:left}.sj-tutorial-completion-icon{grid-column:1;grid-row:1 / span 2;width:56px;height:56px;align-self:center}.sj-tutorial-completion h2,.sj-tutorial-completion>p{grid-column:2}.sj-tutorial-completion h2{font-size:24px}.sj-tutorial-completion>p{font-size:10px}.sj-tutorial-completion-actions{grid-column:1 / -1}.sj-tutorial-completion-actions{justify-self:center;padding-top:2px}}@media(prefers-reduced-motion:reduce){.sj-tutorial-progress progress::-webkit-progress-value,.sj-tutorial-progress progress::-moz-progress-bar{transition:none}}.sj-rulebook-board .sj-card{width:100%;height:auto}.sj-rulebook-column .sj-card{--sj-pile-card-width: 32px}.sj-rulebook-star-rules>.sj-card{--sj-pile-card-width: 82px;filter:drop-shadow(0 6px 7px rgba(31,110,137,.2))}.sj-guide-open-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(113,168,255,.34);border-radius:8px;background:radial-gradient(circle at 15% 0%,rgba(113,168,255,.16),transparent 46%),#2430448a;color:#dceaff;font-weight:850;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.sj-lobby-start-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding-top:8px}.sj-lobby-start-actions>button{width:100%;min-width:0;height:100%;line-height:1.2}.sj-app-shell.sj-lobby-room.sj-room-controls-layout:has(.sj-room-lobby){--sj-lobby-control-clearance: max( calc(max(clamp(8px, 1.5vh, 16px), env(safe-area-inset-top)) + 54px) , calc(max(clamp(10px, 2.2dvh, 18px), env(safe-area-inset-bottom)) + 56px) );padding:var(--sj-lobby-control-clearance) max(clamp(8px,1.5vw,16px),env(safe-area-inset-right)) var(--sj-lobby-control-clearance) max(clamp(8px,1.5vw,16px),env(safe-area-inset-left))}.sj-room-lobby{position:relative;isolation:isolate;width:min(960px,100%);height:min(760px,100%);min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(69,176,132,.14),transparent 34%),radial-gradient(circle at 92% 8%,rgba(210,144,83,.12),transparent 28%),linear-gradient(145deg,#191f29fb,#0d121bfc);box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff0e}.sj-room-lobby:before{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;content:"";pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%)}.sj-room-lobby-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 28px 20px}.sj-room-lobby-title{min-width:0}.sj-room-lobby-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#83dbad;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.sj-room-lobby-title h1{margin:5px 0 6px;color:#fff;font-size:clamp(27px,3.4vw,40px);line-height:1;letter-spacing:-.035em}.sj-room-lobby-title p{max-width:510px;margin:0;color:#96a2b2;font-size:12px;font-weight:650;line-height:1.4}.sj-room-lobby-invite{flex:0 0 auto;display:grid;justify-items:end;gap:4px}.sj-room-lobby-invite>span{color:#7f8997;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sj-room-lobby-invite>div{display:flex;align-items:center;gap:7px}.sj-room-lobby-code,.sj-room-lobby-qr{min-height:46px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e;color:#f7f8fb;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sj-room-lobby-code{border-radius:13px;padding:7px 15px;font-size:24px;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:.08em}.sj-room-lobby-qr{width:46px;display:grid;place-items:center;border-radius:13px;color:#9fc5ff}.sj-room-lobby-code:hover,.sj-room-lobby-qr:hover{border-color:#71a8ff8c;background:#71a8ff1a;transform:translateY(-1px)}.sj-room-lobby-code:focus-visible,.sj-room-lobby-qr:focus-visible{outline:3px solid rgba(113,168,255,.25);outline-offset:2px}.sj-room-lobby-invite>small{color:#626d7c;font-size:8px;font-weight:700}.sj-room-lobby-summary{min-width:0;display:flex;align-items:center;gap:7px;margin:0 28px;padding:10px 12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.sj-room-lobby-summary>span{min-width:0;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#ffffff0b;color:#aeb7c4;padding:6px 9px;font-size:9px;font-weight:850;white-space:nowrap}.sj-room-lobby-summary>span.is-public{border-color:#62d27f40;background:#62d27f14;color:#a9eaba}.sj-room-lobby-summary>.sj-room-lobby-status{margin-left:auto;border-color:transparent;background:transparent;color:#84909f}.sj-room-lobby-status>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d39c50;box-shadow:0 0 0 4px #d39c501a}.sj-room-lobby-status.is-ready>i{background:#65d48d;box-shadow:0 0 0 4px #65d48d1a,0 0 12px #65d48d59}.sj-room-lobby-content{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;padding:14px 28px}.sj-room-lobby-players,.sj-room-lobby-mode{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:#ffffff08}.sj-room-lobby-players{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.sj-room-lobby-section-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px}.sj-room-lobby-section-head>div{min-width:0;display:flex;align-items:center;gap:10px}.sj-room-lobby-section-icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#6aa6f51a;color:#93bcf4}.sj-room-lobby-section-head>div>span:last-child{min-width:0;display:grid}.sj-room-lobby-section-head strong{color:#ecf0f6;font-size:12px}.sj-room-lobby-section-head small{color:#717d8c;font-size:9px;font-weight:700}.sj-room-lobby-section-head>strong{font-size:20px;font-variant-numeric:tabular-nums}.sj-room-lobby-section-head>strong small{color:#697585;font-size:11px}.sj-lobby-player-list{min-height:0;display:grid;align-content:start;gap:7px;margin:0;padding:0 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(121,140,166,.48) transparent;scrollbar-width:thin;list-style:none}.sj-lobby-player-list::-webkit-scrollbar{width:5px}.sj-lobby-player-list::-webkit-scrollbar-thumb{border-radius:99px;background:#798ca673}.sj-lobby-player-list li{min-width:0;min-height:51px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#ffffff09;padding:7px 9px}.sj-lobby-player-list li:nth-child(2){animation-delay:35ms}.sj-lobby-player-list li:nth-child(3){animation-delay:70ms}.sj-lobby-player-list li:nth-child(4){animation-delay:105ms}.sj-lobby-player-list li:nth-child(5){animation-delay:.14s}.sj-lobby-player-list li:nth-child(6){animation-delay:175ms}.sj-lobby-player-list li:nth-child(7){animation-delay:.21s}.sj-lobby-player-list li:nth-child(8){animation-delay:245ms}.sj-lobby-player-list li.is-current{border-color:#67a4f64d;background:linear-gradient(90deg,#5c97e91f,#ffffff09)}.sj-lobby-player-list li.is-disconnected{opacity:.62}.sj-lobby-player-copy{min-width:0;display:flex;align-items:center;gap:7px}.sj-lobby-player-copy>strong{min-width:0;overflow:hidden;color:#e5e9f0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sj-lobby-player-presence{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#66d48d;box-shadow:0 0 7px #66d48d8c}.is-disconnected .sj-lobby-player-presence{background:#b07a6b;box-shadow:none}.sj-lobby-player-badges{display:flex;align-items:center;gap:5px}.sj-lobby-player-badges>span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#eeb9501a;color:#eac77e;padding:4px 7px;font-size:8px;font-weight:900}.sj-lobby-player-badges em{font-style:normal}.sj-lobby-player-badges>span.is-you{background:#5b96e71f;color:#a9cdff}.sj-lobby-player-badges>span.is-bot{background:#8167e621;color:#c4b8ff}.sj-lobby-player-remove{opacity:.35;transition:opacity .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.sj-lobby-player-list li:hover .sj-lobby-player-remove,.sj-lobby-player-remove:focus-visible{opacity:1}@media(hover:none),(pointer:coarse){.sj-room-lobby .sj-lobby-player-remove,.sj-room-admin-player-list .sj-lobby-player-remove{opacity:1;border-color:#ef6a616b;background:#ef6a611a;color:#ffc4c0}}.sj-room-lobby-seats{margin:0;padding:10px 15px 12px;color:#647080;font-size:8px;font-weight:800;text-align:center}.sj-room-lobby-add-bot{min-height:34px;margin:0 12px 12px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(142,121,231,.38);border-radius:11px;background:#674ecb14;color:#c5baff;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.sj-room-lobby-add-bot:hover,.sj-room-lobby-add-bot:focus-visible{border-color:#a491f4b3;background:#674ecb29}.sj-room-lobby-settings{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:10px}.sj-room-lobby-mode{align-self:start;display:grid;grid-template-rows:auto auto auto;align-content:start;overflow:hidden}.sj-room-lobby-mode .sj-room-lobby-section-icon{background:#daa1461c;color:#e4b765}.sj-room-lobby-mode-options{align-self:center;margin:0 12px 13px}.sj-room-lobby-mode-options,.sj-lobby-format-mode{min-height:42px}.sj-room-lobby-mode-options.is-action:before{transform:translate(calc(100% + 5px))}.sj-room-lobby-mode-options>button,.sj-lobby-format-mode>button{min-width:0;min-height:32px}.sj-room-lobby-mode-options strong,.sj-lobby-format-mode strong{color:#e5e9ef;font-size:11px}.sj-room-lobby-mode-options>button:disabled,.sj-lobby-format-mode>button:disabled{cursor:not-allowed;opacity:.72}.sj-room-lobby-mode-options>button:disabled:hover,.sj-lobby-format-mode>button:disabled:hover{border-color:transparent;background:transparent;box-shadow:none;transform:none}.sj-lobby-format{min-width:0;display:grid;gap:7px;padding:0 12px 13px}.sj-lobby-format-title{color:#8793a2;font-size:9px;font-weight:850}.sj-lobby-format-values button:disabled,.sj-lobby-format-values input:disabled{cursor:not-allowed;opacity:.72}.sj-lobby-format-values{grid-template-columns:repeat(4,minmax(0,1fr))}.sj-lobby-format-values button,.sj-lobby-format-values .sj-admin-custom-number{min-height:31px}.sj-lobby-format-values .sj-admin-custom-number input{min-height:23px}.sj-room-lobby-role-note{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid rgba(113,168,255,.09);border-radius:15px;background:#4d79b50e;color:#87ace0;padding:11px 13px}.sj-room-lobby-role-note>svg{flex:0 0 auto}.sj-room-lobby-role-note>span{min-width:0;display:grid}.sj-room-lobby-role-note strong{color:#b8cbe5;font-size:9px}.sj-room-lobby-role-note small{color:#6f7c8e;font-size:8px;font-weight:650}.sj-room-lobby-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;border-top:1px solid rgba(255,255,255,.07);background:#080c1240;padding:16px 28px 18px}.sj-room-lobby-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}.sj-room-lobby-actions:has(>:only-child){grid-template-columns:minmax(150px,1fr)}.sj-room-lobby-actions>.sj-room-lobby-action-button{box-sizing:border-box;width:100%;min-width:0;min-height:43px;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:10px 14px;border-radius:12px;font:inherit;font-weight:850;line-height:1;white-space:nowrap}.sj-room-lobby-actions :where(.sj-guide-open-button){padding-inline:14px}@media(max-width:780px){.sj-room-lobby{width:min(620px,100%)}.sj-room-lobby-header{padding:19px 20px 15px}.sj-room-lobby-title p{display:none}.sj-room-lobby-summary{margin-inline:20px}.sj-room-lobby-summary>span:nth-child(3){overflow:hidden;text-overflow:ellipsis}.sj-room-lobby-content{grid-template-columns:1fr;grid-template-rows:minmax(125px,1fr) auto;gap:10px;padding:10px 20px}.sj-room-lobby-settings{grid-template-columns:1fr;grid-template-rows:auto auto}.sj-room-lobby-mode{grid-template-rows:auto auto auto}.sj-room-lobby-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-room-lobby-role-note{width:100%;padding-block:9px}.sj-room-lobby-role-note>span{display:flex;align-items:baseline;gap:7px}.sj-room-lobby-role-note small{overflow:hidden;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sj-room-lobby-footer{padding:13px 20px 15px}}@media(max-width:780px){.sj-app-shell.sj-lobby-room.sj-room-controls-layout:has(.sj-room-lobby){--sj-lobby-control-clearance: max( calc(max(8px, env(safe-area-inset-top)) + 54px) , calc(max(8px, env(safe-area-inset-bottom)) + 56px) );padding:var(--sj-lobby-control-clearance) max(8px,env(safe-area-inset-right)) var(--sj-lobby-control-clearance) max(8px,env(safe-area-inset-left))}.sj-room-lobby{width:min(620px,100%);height:100%;border-radius:21px}.sj-room-lobby-header{gap:12px;padding:14px 14px 11px}.sj-room-lobby-eyebrow{display:none}.sj-room-lobby-title h1{margin-block:0;font-size:clamp(21px,6.5vw,29px);white-space:nowrap}.sj-room-lobby-invite{gap:2px}.sj-room-lobby-invite>span,.sj-room-lobby-invite>small{display:none}.sj-room-lobby-code{min-height:40px;padding:6px 10px;border-radius:11px;font-size:18px}.sj-room-lobby-qr{width:40px;min-height:40px;border-radius:11px}.sj-room-lobby-summary{flex-wrap:wrap;gap:5px;margin-inline:14px;padding:7px}.sj-room-lobby-summary>span{padding:5px 7px;font-size:8px}.sj-room-lobby-summary>.sj-room-lobby-status{display:none}.sj-room-lobby-content{padding:9px 14px}.sj-room-lobby-section-head{padding:10px 11px 8px}.sj-room-lobby-section-icon{width:30px;height:30px;border-radius:9px}.sj-lobby-player-list{gap:5px;padding-inline:8px}.sj-lobby-player-list li{min-height:45px;grid-template-columns:minmax(0,1fr) auto auto;padding:5px 7px}.sj-room-lobby-seats{padding-block:7px 8px}.sj-room-lobby-settings{grid-template-columns:1fr}.sj-room-lobby-role-note{display:none}.sj-room-lobby-mode-options{gap:5px;margin:0 8px 9px;padding:4px}.sj-room-lobby-mode-options,.sj-lobby-format-mode{min-height:40px}.sj-room-lobby-mode-options>button,.sj-lobby-format-mode>button{min-height:30px}.sj-lobby-format{gap:5px;padding:0 8px 9px}.sj-lobby-format-values button,.sj-lobby-format-values .sj-admin-custom-number{min-height:29px}.sj-lobby-format-values .sj-admin-custom-number input{min-height:21px}.sj-room-lobby-footer{width:100%;display:grid;gap:9px;padding:10px 14px 12px}.sj-room-lobby-actions{width:100%;min-width:0;justify-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.sj-room-lobby-actions:has(>:only-child){grid-template-columns:1fr}.sj-room-lobby-actions>.sj-room-lobby-action-button{width:100%;height:40px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;font-size:clamp(8px,2.55vw,10px);font-weight:850;line-height:1}.sj-room-lobby-actions>.sj-room-lobby-action-button>span{display:block}.sj-room-lobby-actions>.sj-room-lobby-action-button svg{width:18px;height:18px;flex:0 0 18px;display:block}}@media(max-width:500px){.sj-room-lobby-actions{gap:6px}.sj-room-lobby-actions>.sj-room-lobby-action-button{gap:4px;padding:0 8px;font-size:8px}.sj-room-lobby-actions>.sj-room-lobby-action-button svg{width:16px;height:16px;flex-basis:16px}.sj-room-lobby-header{flex-direction:column;align-items:stretch;gap:12px}.sj-room-lobby-title h1{min-height:36px;display:flex;align-items:center;margin:0;font-size:clamp(20px,6.5vw,25px)}.sj-room-lobby-invite{width:100%;padding-top:0;border-top:0}.sj-room-lobby-invite>div{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.sj-room-lobby-invite .sj-room-code-copy,.sj-room-lobby-invite .sj-room-lobby-code{width:100%}.sj-room-lobby-invite .sj-room-lobby-code{display:flex;align-items:center;justify-content:center}.sj-room-lobby-content{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1)}.sj-room-lobby-content.is-players-active{grid-template-rows:minmax(0,1fr) 50px}.sj-room-lobby-content.is-settings-active{grid-template-rows:50px minmax(0,1fr)}.sj-room-lobby-players,.sj-room-lobby-settings{width:100%;min-height:0;overflow:hidden}.sj-room-lobby-content>.is-mobile-collapsed{cursor:pointer}.sj-room-lobby-players.is-mobile-collapsed .sj-lobby-player-list,.sj-room-lobby-players.is-mobile-collapsed .sj-room-lobby-seats,.sj-room-lobby-players.is-mobile-collapsed .sj-room-lobby-add-bot,.sj-room-lobby-settings.is-mobile-collapsed .sj-room-lobby-mode-options,.sj-room-lobby-settings.is-mobile-collapsed .sj-lobby-format,.sj-room-lobby-settings.is-mobile-collapsed .sj-room-lobby-role-note{display:none}.sj-room-lobby-settings.is-mobile-collapsed .sj-room-lobby-mode{border-color:#ffffff1c}.sj-room-lobby-settings.is-mobile-collapsed .sj-room-lobby-mode{height:50px}.sj-room-lobby-content>.is-mobile-collapsed .sj-room-lobby-section-head{padding-block:9px}.sj-room-lobby-players.is-mobile-expanded .sj-lobby-player-list,.sj-room-lobby-players.is-mobile-expanded .sj-room-lobby-seats,.sj-room-lobby-players.is-mobile-expanded .sj-room-lobby-add-bot,.sj-room-lobby-settings.is-mobile-expanded .sj-room-lobby-mode-options,.sj-room-lobby-settings.is-mobile-expanded .sj-lobby-format{animation:sjLobbyPanelReveal .28s .1s both}}@keyframes sjLobbyPanelReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:390px){.sj-room-lobby-actions{gap:5px}.sj-room-lobby-actions>.sj-room-lobby-action-button{gap:3px;padding-inline:7px}.sj-lobby-player-badges em{display:none}.sj-room-lobby-player-badges>span{padding-inline:5px}.sj-room-lobby-summary>span:nth-child(3){max-width:100%}}.sj-public-search-card .sj-public-rooms{grid-template-rows:auto minmax(0,1fr);gap:8px;border-color:#62d27f24;background:#080e1075}.sj-public-search-card .sj-public-room-list{gap:8px;padding:1px 4px 1px 1px;scrollbar-width:thin;scrollbar-color:rgba(98,210,127,.3) transparent}.sj-public-search-card .sj-public-room-list::-webkit-scrollbar{width:5px}.sj-public-search-card .sj-public-room-list::-webkit-scrollbar-thumb{border-radius:99px;background:#62d27f4d}.sj-public-search-card .sj-public-room-card{grid-template-columns:42px minmax(0,1fr) auto 32px;gap:10px;min-height:76px;padding:10px;border-color:#ffffff16;border-radius:14px;background:linear-gradient(135deg,#131f1df5,#0c1516fa);box-shadow:inset 0 1px #ffffff06}.sj-public-search-card .sj-public-room-card:hover{border-color:#62d27f6b;background:linear-gradient(135deg,#152721fa,#0d1a19fa)}.sj-public-room-mode-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(113,168,255,.22);border-radius:12px;color:#bcd6ff;background:#71a8ff17}.sj-public-room-mode-icon-action{border-color:#f0bd5740;color:#f8d485;background:#f0bd571a}.sj-public-room-title-row{min-width:0;display:flex;align-items:center;gap:7px}.sj-public-room-title-row>strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.sj-public-room-phase{flex:0 0 auto;padding:3px 6px;border-radius:999px;color:#a9b8c3;background:#9fb1be1a;font-size:8px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.sj-public-room-phase-open{color:#a9f0bb;background:#62d27f21}.sj-public-room-details{min-width:0;display:flex;align-items:center;gap:5px 4px;overflow:hidden;color:var(--soft);font-size:9px;font-weight:750}.sj-public-room-details>span{min-width:0;display:inline-flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-public-room-details>span+span:before{content:"·";margin-right:0;color:#ffffff38;font-size:15px;font-weight:900;line-height:0}.sj-public-search-card .sj-public-room-meta{min-width:50px;justify-items:center;gap:2px}.sj-public-search-card .sj-public-room-meta strong{min-height:27px;gap:5px;padding:0 8px;font-size:11px}.sj-public-search-card .sj-public-room-meta small{color:var(--soft);font-size:8px;font-weight:800}.sj-public-room-open{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#a9f0bb;background:#62d27f17}.sj-public-search-card .sj-public-room-empty{height:100%;min-height:160px;flex-direction:column;gap:8px;border-color:#62d27f29;color:#8fc7a0}.sj-public-search-card .sj-public-room-empty strong{color:var(--text);font-size:13px}.sj-public-search-card .sj-public-room-empty span{max-width:280px;color:var(--soft);font-size:10px;line-height:1.5}.sj-public-room-empty-spinner{width:22px;height:22px;border:2px solid rgba(98,210,127,.18);border-top-color:#62d27f;border-radius:50%;animation:sjReconnectSpin .8s linear infinite}.sj-public-browser-header{--sj-public-browser-control-size: 40px;--sj-public-browser-control-icon-size: 17px;min-height:76px;flex:0 0 auto;display:grid;grid-template-columns:var(--sj-public-browser-control-size) minmax(0,1fr) var(--sj-public-browser-control-size);align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#080d118c}.sj-public-browser-back{width:var(--sj-public-browser-control-size);height:var(--sj-public-browser-control-size);display:grid;place-items:center;border:1px solid rgba(113,168,255,.52);border-radius:50%;background:#23416985;color:#cfe2ff;padding:0;box-shadow:0 8px 20px #0003,0 0 0 3px #71a8ff12;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s,transform .2s}.sj-public-browser-back>svg{width:var(--sj-public-browser-control-icon-size);height:var(--sj-public-browser-control-icon-size)}.sj-public-browser-back:hover{border-color:#8ebcff;color:#fff;background:#2d5791d1;transform:translateY(-1px)}.sj-public-browser-back:focus-visible{outline:2px solid rgba(113,168,255,.8);outline-offset:2px}.sj-public-browser-title{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:10px}.sj-public-browser-title h1{margin:0;overflow:hidden;font-size:17px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.sj-public-browser-count{justify-self:end;width:var(--sj-public-browser-control-size);height:var(--sj-public-browser-control-size);display:grid;place-items:center;padding:0;border:1px solid rgba(98,210,127,.32);border-radius:999px;color:#b8eec5;background:#62d27f1c;font-size:11px;font-weight:950}.sj-public-search-card .sj-public-rooms{margin:14px;padding:10px;border:0;border-radius:14px;background:#070c0f6b}.sj-public-search-card .sj-public-room-list{grid-template-columns:1fr;gap:7px}.sj-public-search-card .sj-public-room-card{grid-template-columns:40px minmax(0,1fr) auto 28px;min-height:68px;gap:10px;padding:9px 10px;border-color:#ffffff13;border-radius:12px;background:#11191beb;box-shadow:none}.sj-public-search-card .sj-public-room-card:hover{border-color:#62d27f61;background:#14201df5}.sj-public-search-card .sj-public-room-mode-icon{width:40px;height:40px;border-radius:10px}.sj-public-search-card .sj-public-room-title-row>span{flex:0 0 auto;max-width:170px;overflow:hidden;padding:3px 6px;border-radius:999px;color:#ead29a;background:#f0bd571a;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.sj-public-search-card .sj-public-room-meta strong{min-width:46px;min-height:28px;border-radius:9px}.sj-public-search-card .sj-public-room-open{width:28px;height:28px;border-radius:8px;background:transparent}.sj-public-search-card .sj-public-room-card-wide{grid-template-columns:minmax(0,1fr) auto 28px}@media(min-width:501px){.sj-public-search-card .sj-public-room-card-wide{min-height:58px;padding:7px 9px}}.sj-public-search-card .sj-public-room-card-compact{display:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;gap:10px;min-height:100px;padding:11px 12px;border-radius:15px}.sj-public-room-card-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main{grid-template-columns:minmax(0,1fr);gap:3px}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main strong{overflow:visible;color:#f1f5f2;font-size:14px;line-height:1.15;text-overflow:clip}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main>span{width:max-content;max-width:100%;overflow:hidden;color:#d9bb78;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main>.sj-public-room-compact-host{width:auto;color:#7f8c92;font-size:8px;font-weight:750}.sj-public-room-card-footer{min-width:0;display:flex;align-items:center;gap:7px;padding-top:9px;border-top:1px solid rgba(255,255,255,.065);color:#7f8c92;font-size:9px;font-weight:800}.sj-public-room-host{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-public-room-locked{display:inline-flex;align-items:center;gap:3px;color:#cdaeb5;white-space:nowrap}.sj-public-search-card .sj-public-room-card-head .sj-public-room-meta{min-width:auto;display:inline-flex;align-items:center;gap:4px;color:#a9f0bb;white-space:nowrap}.sj-public-search-card .sj-public-room-card-head .sj-public-room-meta strong{min-width:0;min-height:0;display:inline;padding:0;background:transparent;color:inherit;font-size:10px}.sj-public-room-card-footer .sj-public-room-compact-variant{min-width:0;overflow:hidden;padding:3px 6px;border-radius:999px;background:#f0bd5721;color:#f0ca79;font-size:8px;font-weight:950;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-meta{min-width:auto;display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#a9f0bb;white-space:nowrap}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-meta strong{min-width:0;min-height:0;display:inline;padding:0;background:transparent;color:inherit;font-size:10px}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-open{width:24px;height:24px;flex:0 0 24px;display:grid;margin-left:auto;background:#62d27f14}@media(max-width:500px){.sj-public-browser-header{--sj-public-browser-control-size: 40px;min-height:64px;gap:8px;padding:max(8px,env(safe-area-inset-top)) 10px 8px}.sj-public-browser-title h1{font-size:15px}.sj-public-search-card .sj-public-rooms{margin:10px;padding:8px}.sj-public-rooms-head{min-height:30px;padding:0 5px}.sj-public-rooms-head>small{display:none}.sj-public-search-card .sj-public-room-card-wide{display:none}.sj-public-search-card .sj-public-room-card-compact{min-height:78px;display:grid;gap:7px;padding:8px 9px;border-radius:12px}.sj-public-room-card-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main{gap:3px}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main strong{font-size:13px}.sj-public-search-card .sj-public-room-card-compact .sj-public-room-main>span{font-size:8px}.sj-public-room-card-footer{display:flex;align-items:center;gap:5px;padding-top:6px;font-size:8px}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-meta{margin-left:auto}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-meta strong{font-size:9px}.sj-public-search-card .sj-public-room-card-footer .sj-public-room-open{width:21px;height:21px;flex-basis:21px}}@media(max-width:420px){.sj-public-search-card .sj-public-room-card-compact{padding:8px}.sj-public-room-card-footer{gap:4px}.sj-public-room-locked{font-size:0}}@media(max-width:899px){.sj-home-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,auto);align-content:start;row-gap:clamp(10px,1.5dvh,16px);padding-bottom:clamp(10px,1.5dvh,16px)}.sj-home-actions-grid{display:contents}.sj-public-search-trigger.sj-home-public-action{position:static;margin-bottom:0}.sj-home-public-slot{display:block;padding-bottom:0}.sj-home-public-slot .sj-home-public-action{width:100%}.sj-home-workspace:after{display:none}}.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 40px;--sj-account-control-icon-size: 17px}.sj-home-portal-header .sj-account-controls>.sj-account-activity-trigger,.sj-home-portal-header .sj-account-controls>.sj-account-profile-trigger{inline-size:var(--sj-account-control-size);block-size:var(--sj-account-control-size);min-inline-size:var(--sj-account-control-size);min-block-size:var(--sj-account-control-size);max-inline-size:var(--sj-account-control-size);max-block-size:var(--sj-account-control-size);flex:0 0 var(--sj-account-control-size);aspect-ratio:1}.sj-home-portal-header .sj-account-controls>button>svg{width:var(--sj-account-control-icon-size);height:var(--sj-account-control-icon-size);flex:0 0 var(--sj-account-control-icon-size)}.sj-public-browser-back,.sj-public-browser-count{inline-size:var(--sj-public-browser-control-size);block-size:var(--sj-public-browser-control-size);min-inline-size:var(--sj-public-browser-control-size);min-block-size:var(--sj-public-browser-control-size);max-inline-size:var(--sj-public-browser-control-size);max-block-size:var(--sj-public-browser-control-size);aspect-ratio:1}@media(max-width:480px){.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 34px;--sj-account-control-icon-size: 16px}.sj-public-browser-header{--sj-public-browser-control-size: 34px;--sj-public-browser-control-icon-size: 16px}}@media(max-width:899px)and (max-height:720px){.sj-home-portal-header .sj-account-controls{--sj-account-control-size: 32px;--sj-account-control-icon-size: 15px}.sj-public-browser-header{--sj-public-browser-control-size: 32px;--sj-public-browser-control-icon-size: 15px}}@media(max-height:650px){.sj-room-lobby{height:100%}.sj-room-lobby-header{padding-block:12px 9px}.sj-room-lobby-title p,.sj-room-lobby-invite>small{display:none}.sj-room-lobby-title h1{font-size:25px}.sj-room-lobby-summary{padding-block:6px}.sj-room-lobby-content{padding-block:8px}.sj-room-lobby-mode-options>button{min-height:30px}.sj-room-lobby-role-note{padding-block:8px}.sj-room-lobby-footer{padding-block:10px}}@media(min-width:781px)and (max-height:720px){.sj-room-lobby-mode .sj-room-lobby-section-head{padding-block:10px 7px}.sj-room-lobby-mode-options{margin-bottom:9px}.sj-lobby-format{padding-bottom:9px}.sj-room-lobby-role-note{padding-block:9px}}@media(max-width:780px)and (max-height:650px){.sj-room-lobby{height:100%}.sj-room-lobby-header{padding-block:8px 6px}.sj-room-lobby-title h1{font-size:20px}.sj-room-lobby-summary{padding-block:4px}.sj-room-lobby-content{grid-template-rows:minmax(82px,1fr) auto;padding-block:6px}.sj-room-lobby-section-head{padding-block:7px 5px}.sj-room-lobby-section-icon,.sj-room-lobby-seats,.sj-room-lobby-mode .sj-room-lobby-section-head small{display:none}.sj-room-lobby-mode-options{padding-bottom:6px}.sj-room-lobby-footer{padding-block:7px}}@media(hover:none){.sj-lobby-player-remove{opacity:.72}}.sj-guide-open-button:hover{transform:translateY(-1px);border-color:#71a8ffad;background:radial-gradient(circle at 15% 0%,rgba(113,168,255,.26),transparent 48%),#2a3d58a8}.sj-guide-open-button:focus-visible,.sj-guide-tabs button:focus-visible,.sj-guide-cards-link:focus-visible,.sj-tutorial-restart:focus-visible,.sj-tutorial-skip:focus-visible{outline:3px solid rgba(113,168,255,.3);outline-offset:2px}.sj-guide-overlay{z-index:120}.sj-guide-modal{width:min(var(--sj-modal-width-large),100%);height:var(--sj-modal-workspace-height);min-width:var(--sj-modal-min-width);min-height:var(--sj-modal-workspace-min-height);max-height:var(--sj-modal-available-height);box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(113,168,255,.28);border-radius:var(--sj-modal-radius);background:radial-gradient(circle at 12% 0%,rgba(113,168,255,.13),transparent 34%),radial-gradient(circle at 88% 8%,rgba(232,137,194,.1),transparent 30%),#131822fb;box-shadow:0 30px 90px #00000094}.sj-guide-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px}.sj-guide-head h2{margin:3px 0 0;font-size:clamp(24px,4vw,34px);line-height:1.05}.sj-guide-kicker{color:#9fc3ff;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.sj-guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 24px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0000002e}.sj-guide-tabs button{min-width:0;min-height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--soft);padding:7px 10px;font-size:13px;font-weight:850;cursor:pointer}.sj-guide-tabs button.sj-guide-tab-active{border-color:#71a8ff66;background:linear-gradient(145deg,#71a8ff36,#71a8ff14);color:#eef5ff;box-shadow:0 6px 18px #0000002e}.sj-guide-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:18px 24px 24px;scrollbar-color:rgba(113,168,255,.42) transparent}.sj-guide-section{display:grid;gap:18px;animation:sjFadeIn .18s ease both}.sj-guide-section-intro{margin:0;color:var(--soft);line-height:1.45}.sj-guide-cards-link{width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#f0b6dd;padding:0;font-weight:850;cursor:pointer}.sj-guide-section-intro{font-size:13px}.sj-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px 14px}.sj-guide-action-card{min-width:0;min-height:0;display:grid;justify-items:center;align-content:start;gap:9px}.sj-guide-action-card>.sj-action-card{--sj-action-card-width: clamp(112px, min(14vw, 20vh), 148px)}.sj-guide-action-description{width:100%;min-height:76px;margin:0;border:1px solid rgba(199,225,235,.92);border-radius:9px;background:#fff;padding:9px 10px;color:#415c65;font-size:12px;line-height:1.4;text-align:left;box-shadow:0 3px 9px #1b5c7312}.sj-guide-footer{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08);padding:14px 24px 18px;background:#080c125c}.sj-guide-footer .sj-btn{width:auto;min-width:210px}@media(max-width:640px){.sj-guide-overlay{--sj-modal-space-top: max(10px, env(safe-area-inset-top));--sj-modal-space-right: max(10px, env(safe-area-inset-right));--sj-modal-space-bottom: max(10px, env(safe-area-inset-bottom));--sj-modal-space-left: max(10px, env(safe-area-inset-left))}.sj-guide-modal{width:100%;height:var(--sj-modal-workspace-height);max-height:var(--sj-modal-available-height);min-height:var(--sj-modal-workspace-min-height);border-radius:var(--sj-modal-radius)}.sj-guide-head{padding:14px 16px}.sj-guide-tabs{margin:0 16px}.sj-guide-tabs button{min-height:38px;padding-inline:5px;font-size:11px}.sj-guide-scroll{padding:14px 16px 20px}.sj-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.sj-guide-action-card{min-height:0}.sj-guide-action-card>.sj-action-card{--sj-action-card-width: clamp(102px, 31vw, 132px)}.sj-guide-action-description{min-height:86px;padding:8px;font-size:11px}.sj-guide-footer{padding:12px 16px max(14px,env(safe-area-inset-bottom))}.sj-guide-footer .sj-btn{width:100%}}.sj-guide-modal{border:3px solid #168fc0;background:#f7fbfd;color:#17242b;box-shadow:0 30px 90px #00000094,inset 0 0 0 1px #fffc}.sj-guide-head{border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(115deg,#086ea0f0,#159dbeeb),#168fc0;color:#fff}.sj-guide-kicker{color:#ffffffc7}.sj-guide-head .sj-profile-close{border-color:#ffffff8f;background:#04486952;color:#fff;box-shadow:inset 0 1px #ffffff1f,0 5px 13px #03334c3d}.sj-guide-head .sj-profile-close:hover:not(:disabled),.sj-guide-head .sj-profile-close:focus-visible{border-color:#ffdc8beb;background:#f0bd5738;color:#fff8df}.sj-guide-tabs{margin:0;padding:8px 24px;border:0;border-bottom:1px solid #c9e1eb;border-radius:0;background:#e5f3f8}.sj-guide-tabs button{border-color:transparent;background:#c9e1e9;color:#466d7a;box-shadow:none;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.sj-guide-tabs button:not(.sj-guide-tab-active):hover{border-color:transparent;background:#d7ebf1;color:#236f89;box-shadow:none}.sj-guide-tabs button.sj-guide-tab-active{transform:translateY(-1px);border-color:#1697c8;background:#fff;color:#087cae;box-shadow:0 5px 12px #0d769d33,inset 0 -3px #1697c81f}.sj-guide-scroll{background:linear-gradient(rgba(21,146,187,.025) 1px,transparent 1px),#f7fbfd;background-size:100% 28px;scrollbar-color:#8ac5da transparent}.sj-guide-footer{border-top-color:#c9e1eb;background:#eaf5f9}.sj-rulebook-page{gap:16px}.sj-rulebook-section{overflow:hidden;border:1px solid #c9e1eb;border-radius:11px;background:#ffffffed;box-shadow:0 4px 12px #1d607712}.sj-rulebook-section>h3{margin:0;border-bottom:1px solid rgba(21,145,190,.2);background:linear-gradient(90deg,#2eafd330,#2eafd30a);color:#0988b9;padding:10px 15px 8px;font-size:clamp(17px,3vw,21px);font-weight:950;letter-spacing:.025em;text-transform:uppercase}.sj-rulebook-section-accent>h3{border-bottom-color:#e0bb2d4d;background:linear-gradient(90deg,#f8e24f59,#f8e24f0f)}.sj-rulebook-section-content{display:grid;gap:10px;padding:14px 16px 16px}.sj-rulebook-section p,.sj-rulebook-section ul{margin:0;color:#24363d;font-size:14px;line-height:1.55}.sj-rulebook-section ul{display:grid;gap:6px;padding-left:20px}.sj-rulebook-illustrated{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);align-items:center;gap:20px}.sj-rulebook-illustrated>div{min-width:0;display:grid;justify-items:center;gap:7px}.sj-rulebook-illustrated small{color:#58747e;font-size:11px;font-style:italic}.sj-rulebook-board{width:min(210px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border:1px solid #b9d8e4;border-radius:9px;background:#e8f4f8;padding:9px}.sj-rulebook-example,.sj-rulebook-warning{border-left:4px solid #d94c46;border-radius:0 7px 7px 0;background:#fff2f0;color:#b83232;padding:9px 12px;font-size:13px;font-style:italic;line-height:1.45}.sj-rulebook-example strong,.sj-rulebook-warning strong{margin-right:5px}.sj-rulebook-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sj-rulebook-choice{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;border:1px solid #afd7b8;border-radius:9px;background:#eefaf0;padding:12px}.sj-rulebook-choice>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#38a956;color:#fff;font-size:14px;font-weight:950}.sj-rulebook-choice strong{display:block;margin:2px 0 4px;color:#218b3f;font-size:14px}.sj-rulebook-choice p{font-size:12px;line-height:1.45}.sj-rulebook-choice-blue{border-color:#aed6e5;background:#edf8fc}.sj-rulebook-choice-blue>span{background:#1698c7}.sj-rulebook-choice-blue strong{color:#087da9}.sj-rulebook-choice-pink{border-color:#e6b5d4;background:#fff1f9}.sj-rulebook-choice-pink>span{background:#c9488d}.sj-rulebook-choice-pink strong{color:#ad2f78}.sj-rulebook-skyjo-rule,.sj-rulebook-star-rules{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.sj-rulebook-skyjo-rule{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:20px}.sj-rulebook-skyjo-visual{min-width:0;display:flex;align-items:center;justify-content:center;gap:13px}.sj-rulebook-column{display:grid;gap:3px}.sj-rulebook-skyjo-result{position:relative;min-width:104px;display:grid;gap:3px;border:1px solid #e3aa9f;border-radius:8px;background:#fff5f2;color:#aa3c32;padding:10px;text-align:center}.sj-rulebook-skyjo-result:before{content:"→";position:absolute;top:50%;left:-11px;color:#cf6759;font-size:17px;font-weight:950;transform:translate(-50%,-50%)}.sj-rulebook-skyjo-result strong{font-size:11px;line-height:1.2}.sj-rulebook-skyjo-result small{color:#d04b3f;font-size:15px;font-weight:950}.sj-rulebook-skyjo-copy{min-width:0;display:grid;gap:8px}.sj-rulebook-skyjo-copy p{margin:0}.sj-rulebook-skyjo-copy ul{gap:3px;font-size:12px}.sj-rulebook-section .sj-guide-cards-link{margin-top:4px;color:#a72972}.sj-guide-section-intro{color:#48646e}.sj-guide-action-card{border:0;background:transparent;box-shadow:none}@media(max-width:640px){.sj-room-admin-body{grid-template-columns:minmax(0,1fr);padding:12px}.sj-room-admin-head{padding:15px 14px 12px}.sj-room-admin-head h2{font-size:21px}.sj-room-admin-section{padding:11px}.sj-room-admin-footer{display:grid;gap:8px;padding:10px 12px 12px}.sj-room-admin-footer>span{text-align:center}.sj-room-admin-save{width:100%;min-width:0}.sj-room-admin-player-actions button{width:30px;height:30px}.sj-guide-modal{border:0}.sj-guide-tabs{margin:0;padding:7px 12px}.sj-rulebook-illustrated,.sj-rulebook-action-setup,.sj-rulebook-choices{grid-template-columns:1fr}.sj-rulebook-illustrated>div{order:-1}.sj-rulebook-board{width:min(190px,72vw)}.sj-rulebook-section-accent .sj-rulebook-skyjo-rule,.sj-rulebook-section-accent .sj-rulebook-star-rules{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.sj-rulebook-skyjo-visual{width:100%;gap:10px}.sj-rulebook-section-accent .sj-rulebook-star-rules>.sj-card{justify-self:center}.sj-rulebook-skyjo-result{min-width:88px;padding:8px 6px}.sj-rulebook-skyjo-copy ul{padding-left:16px;font-size:11px}.sj-rulebook-star-rules>.sj-card{--sj-pile-card-width: 58px}.sj-rulebook-column .sj-card{--sj-pile-card-width: 28px}}@media(max-width:390px){.sj-guide-tabs button{font-size:10px}.sj-rulebook-section-content{padding:12px}.sj-rulebook-section p,.sj-rulebook-section ul{font-size:13px}}