: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:radial-gradient(circle at 20% 0%,rgba(29,96,69,.55),transparent 34%),radial-gradient(circle at 92% 18%,rgba(86,49,24,.42),transparent 30%),linear-gradient(145deg,#0b0f15,#10151b 48%,#0c1512);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:#f2f3f7;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-kicker{margin-bottom:1rem!important;color:#f2d58c;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.auth-copy h1{max-width:28rem;font-size:clamp(2.35rem,4vw,4rem);font-weight:850;line-height:1.02;letter-spacing:-.055em}.auth-copy>p:not(.auth-kicker){max-width:27rem;margin-top:1.35rem;color:#d9e8df;font-size:.98rem;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{width:min(440px,100%);padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#fff;box-shadow:0 28px 75px #18182724;animation:auth-shell-in .6s ease both}.auth-reset-card .auth-mobile-brand{display:flex;margin-bottom:2.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-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-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-logout{position:absolute;top:12px;right:12px;z-index:6;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid rgba(239,106,97,.58);border-radius:50%;color:#ff8178;background:#741e1e6b;box-shadow:0 8px 20px #0003,0 0 0 3px #ef6a6114;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s,transform .2s}.sj-account-logout:hover{border-color:#ff8178;color:#fff;background:#a62b26d1;transform:translateY(-1px)}.sj-account-logout:focus-visible{outline:2px solid rgba(239,106,97,.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(.92);opacity:.35}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes sjCardRevealIn{0%{opacity:.72;transform:scale(.985)}58%{opacity:1;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}@keyframes sjCardRevealFrame{0%{stroke:#ffe8a4;stroke-width:2.25;stroke-opacity:1}to{stroke:var(--sj-card-frame-color);stroke-width:var(--sj-card-frame-width);stroke-opacity:var(--sj-card-frame-opacity)}}@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(.98);opacity:.75}to{transform:translateY(-7px) scale(1.03);opacity:1}}@keyframes sjToastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.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}.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}.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;min-height:0;padding:0;overflow:hidden;background:#fff}.auth-orb,.auth-story{display:none}.auth-shell{width:100%;height:100svh;min-height:0;max-height:none;grid-template-columns:1fr;border:0;border-radius:0;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:clamp(1.25rem,4vh,2rem) clamp(1.25rem,7vw,3rem);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.auth-form-inner{max-width:430px}.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{margin:auto}.auth-legal-overlay{padding:.75rem}.auth-legal-modal{max-height:calc(100svh - 1.5rem)}.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:1.25rem 1.25rem 1.5rem}.auth-mobile-brand{margin-bottom:1.75rem}.auth-name-grid{grid-template-columns:1fr}.sj-account-logout{top:9px;right:9px;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)}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-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-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:7px;min-height:0;overflow:auto;padding:2px 2px 1px 0}.sj-public-room-list::-webkit-scrollbar{width:0;height:0}.sj-public-room-card{min-width:0;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(98,210,127,.22);border-radius:11px;background:#0c1714e6;color:var(--text);padding:9px 10px;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .12s ease,background .16s ease}.sj-public-room-card:hover:not(:disabled){transform:translateY(-1px);border-color:#62d27f8f;background:#0e1e18f5}.sj-public-room-card:disabled{cursor:not-allowed;opacity:.58}.sj-public-room-main{min-width:0;display:grid;gap:2px}.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-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}.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:90;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-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-round-start-notice{position:fixed;top:clamp(48px,7vh,72px);left:50%;z-index:48;width:min(520px,calc(100vw - 32px));transform:translate(-50%);padding:10px 14px;border:1px solid rgba(240,189,87,.56);border-radius:999px;background:linear-gradient(135deg,#272012f0,#1f2530f0);color:#fff2cf;box-shadow:0 16px 44px #00000057,inset 0 0 0 1px #ffffff0f;font-size:clamp(12px,1.8vw,14px);font-weight:900;text-align:center;pointer-events:none;animation:sjToastIn .2s ease both}.sj-last-turn-notice{position:fixed;top:clamp(48px,7vh,72px);left:50%;z-index:49;width:max-content;max-width:calc(100vw - 32px);display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;transform:translate(-50%);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:sjToastIn .2s ease both}.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-round-start-notice{width:max-content;max-width:calc(100vw - 24px);border-radius:18px;white-space:normal}.sj-last-turn-notice{width:max-content;max-width:calc(100vw - 24px);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-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;flex:0 0 auto}.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%;margin:-5px auto 0;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}.sj-room-visibility-badge-public{border-color:#62d27f5c;background:#62d27f1a;color:#b9f4c8}.sj-player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.sj-player-list li{min-height:40px;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.sj-player-list li.sj-player-list-current{border-color:var(--blue);background:#71a8ff1a;box-shadow:0 0 0 2px #71a8ff33}.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:var(--sj-app-height, 100dvh);width:100vw;overflow:hidden;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);padding:clamp(8px,1.5vh,16px);position:relative}.sj-app-shell.sj-layout-pending{visibility:hidden}.sj-exit-button{position:absolute;top:clamp(8px,1.5vh,16px);right:clamp(8px,1.5vh,16px);z-index:35;width:44px;height:44px;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:clamp(10px,2vw,18px);bottom:clamp(10px,2.2dvh,18px);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-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-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-board-action-popup-width: clamp(74px, calc(var(--card-width) * 2.35), 168px);width:var(--sj-board-action-popup-width);aspect-ratio:88 / 122;display:flex;flex-direction:column;border:clamp(1.5px,calc(var(--sj-board-action-popup-width) * .02),3px) solid rgba(255,231,177,.88);border-radius:clamp(9px,calc(var(--sj-board-action-popup-width) * .095),15px);background:#24152f;color:#fff;overflow:hidden;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-action-popup-art{flex:1 1 auto;min-height:0;display:block;background-position:center;background-size:cover;background-repeat:no-repeat}.sj-board-action-popup-copy{min-height:clamp(34px,calc(var(--sj-board-action-popup-width) * .36),58px);display:grid;align-content:center;border-top:1px solid rgba(255,231,177,.42);background:linear-gradient(145deg,#702765,#321c49);padding:clamp(5px,calc(var(--sj-board-action-popup-width) * .055),9px)}.sj-board-action-popup-copy strong{color:#fff;font-size:clamp(9px,calc(var(--sj-board-action-popup-width) * .1),15px);font-weight:950;line-height:1.08}.sj-board-opp .sj-board-action-popup-card{--sj-board-action-popup-width: clamp(58px, calc(var(--card-width) * 2.45), 118px)}.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-bg-start: rgba(18, 116, 122, .88);--board-bg-end: rgba(9, 70, 88, .9);--board-header-height: var(--sj-opp-board-header-height, clamp(30px, calc(var(--card-width) * .62), 38px));--score-badge-width: clamp(34px, calc(var(--card-width) * .92), 44px);--score-badge-height: clamp(22px, calc(var(--board-header-height) * .78), 28px);--board-score-reserve: clamp(38px, calc(var(--score-badge-width) + 5px), 49px)}.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}.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;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-last-round-inline{min-height:16px;display:inline-flex;align-items:center;border-radius:999px;background:#62d27f26;color:#c7f5d1;padding:2px 5px;font-size:9px;font-weight:900;white-space:nowrap}.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{--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:fill-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{animation:sjFlipIn .32s ease both;transform-box:fill-box;transform-origin:center;transform-style:preserve-3d}.sj-card-reveal{animation:sjCardRevealIn .3s ease-out both;will-change:transform,opacity,filter}.sj-card-reveal .sj-card-frame{animation:sjCardRevealFrame .36s ease-out both}.sj-card-dim{opacity:.55}.sj-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;overflow:hidden;background:#05080cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sj-round-end-card{width:min(440px,100%);max-width:100%;max-height:100%;overflow:auto}.sj-modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#05080cd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sj-confirm-modal{width:min(380px,100%);border:1px solid var(--line-strong);border-radius:10px;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-chat-modal{width:min(540px,100%);height:min(88dvh,720px);max-height:min(88dvh,720px);min-height:420px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(113,168,255,.38);border-radius:16px;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-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-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-action-draw-modal{width:min(920px,100%);max-height:min(88dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(222,105,177,.5);border-radius:12px;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:0;bottom:clamp(18px,3vh,32px);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{display:flex;justify-content:center;min-height:0}@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:1rem 1.1rem 1.25rem}.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(920px,100%);max-height:min(88dvh,720px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(222,105,177,.5);border-radius:12px;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{width:40px;height: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)}.sj-last-round-inline{min-height:14px;padding:1px 4px;font-size:8px}}@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:min(88dvh,720px);max-height:min(88dvh,720px);min-height:360px;border-radius:14px}.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(24px, calc(var(--card-width) * .5), 32px));--score-badge-width: clamp(31px, calc(var(--card-width) * .78), 42px);--score-badge-height: clamp(21px, calc(var(--board-header-height) * .82), 28px);--board-score-reserve: clamp(36px, calc(var(--score-badge-width) + 5px), 48px);--board-pad: var(--sj-opp-board-pad, clamp(5px, calc(var(--card-width) * .15), 9px));--board-block-gap: var(--sj-opp-board-block-gap, clamp(4px, calc(var(--card-width) * .09), 7px))}.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);--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-opp .sj-player-name{font-size:clamp(10px,calc(var(--card-width) * .28),13px);max-width:14ch}.sj-two-player-game .sj-board-opp .sj-player-name{font-size:clamp(11px,calc(var(--card-width) * .15),14px);max-width:22ch}.sj-board-opp .sj-player-dot{width:clamp(6px,calc(var(--card-width) * .18),8px);height:clamp(6px,calc(var(--card-width) * .18),8px)}.sj-two-player-game .sj-board-opp .sj-player-dot{width:8px;height:8px}.sj-board-opp .sj-total-score-badge{border-width:clamp(1px,calc(var(--card-width) * .04),2px);padding-inline:4px}.sj-two-player-game .sj-board-opp .sj-total-score-badge{border-width:2px;padding-inline:6px}.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(760px,92vw)}.sj-action-hand-modal-grid{grid-template-columns:repeat(3,max-content);align-items:start;gap:clamp(18px,3vw,30px)}.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{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{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}}