.round-start-screen{--first:#115b93;--second:#872f4c;--seam:#ffd88a;position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:clamp(14px,3.5vh,34px);padding:clamp(16px,4vh,36px) 14px;color:#fff3cf;text-align:center;pointer-events:auto;overflow:hidden;isolation:isolate;background:linear-gradient(100deg,var(--first) 0%,#102a43 49.4%,var(--seam) 49.7%,var(--seam) 50.3%,#351d35 50.6%,var(--second) 100%)}.round-start-screen[data-first-color=red]{--first:#872f4c;--second:#115b93}.round-start-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 20% 15%,#ffffff18,transparent 45%),radial-gradient(ellipse at 80% 85%,#ffffff10,transparent 45%),repeating-linear-gradient(100deg,transparent 0 55px,#ffffff03 56px 58px)}.round-start-screen header{z-index:1;display:grid;justify-items:center;gap:8px}.round-start-screen h2{margin:0;padding:6px 22px 8px;border-radius:18px;background:#06152acc;border:1px solid #ffffff1f;box-shadow:0 8px 24px #0005,inset 0 1px #ffffff14;font:400 clamp(34px,9vw,52px)/1.05 var(--font-display);color:#ffe59b;text-shadow:0 3px 0 #0004;letter-spacing:.01em}.round-start-rule{justify-self:center;margin:0;padding:5px 14px;border-radius:999px;background:#06152acc;border:1px solid #ffffff1f;font:600 clamp(12px,3.4vw,14px)/1.2 var(--font-ui);color:#fff;white-space:nowrap;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 14px #0004}.round-start-rule:empty{display:none}.round-start-lineup{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2vw,14px);width:100%;max-width:560px;box-sizing:border-box;padding:0 2px}.round-start-team{--team:#7dd7ff;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.round-start-team[data-color=red]{--team:#ff9eab}.round-start-team-name{font:700 12px var(--font-ui);color:var(--team);letter-spacing:.08em;text-transform:uppercase}.round-start-people{display:flex;justify-content:center;align-items:flex-start;gap:10px;width:100%;min-width:0}.round-start-person{display:grid;justify-items:center;gap:6px;min-width:0;max-width:150px;flex:1}.round-start-ring{position:relative;display:block;width:clamp(78px,28vw,140px);aspect-ratio:1;border-radius:50%;padding:4px;box-sizing:border-box;box-shadow:0 0 0 6px #ffffff0a,0 12px 28px #0005,0 0 28px color-mix(in srgb,var(--team) 45%,transparent)}.round-start-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--team),#fff3cf 40%,var(--team) 60%,#fff3cf,var(--team))}.round-start-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--team);opacity:0;pointer-events:none}.round-start-ring img{position:relative;display:block;width:100%;height:100%;border-radius:50%;background:#dbe4c0;border:3px solid #102a43;box-sizing:border-box;object-fit:cover}.round-start-person strong{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 clamp(13px,3.8vw,18px) var(--font-ui);text-shadow:0 2px 6px #0006}.round-start-person small{max-width:100%;font:500 clamp(10px,2.7vw,13px) var(--font-ui);color:#ffe6b9;overflow-wrap:anywhere}.round-start-teams .round-start-people{gap:0}.round-start-teams .round-start-person{max-width:110px}.round-start-teams .round-start-ring{width:clamp(58px,18vw,96px)}.round-start-teams .round-start-person+.round-start-person{margin-left:-12px}.round-start-teams .round-start-person strong{font-size:clamp(11px,3.2vw,15px)}.round-start-center{display:grid;justify-items:center;gap:6px;min-width:clamp(104px,30vw,170px)}.round-start-vs{display:inline-grid;place-items:center;padding:4px 12px;border-radius:999px;background:#ffe59b;color:#18243c;font:400 clamp(15px,4vw,20px)/1 var(--font-display);letter-spacing:.06em;box-shadow:0 3px #b8892a,0 8px 20px #0006;transform:rotate(-6deg)}.round-start-scoreboard{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,12px);padding:6px 12px;border-radius:18px;background:#06152a99;border:1px solid #ffffff22;box-shadow:inset 0 1px #ffffff14,0 10px 30px #0005;overflow:hidden}.round-start-scoreboard .victory-total{font-size:clamp(50px,17vw,84px);line-height:1;min-width:1.1ch;text-shadow:0 4px 0 #0005,0 0 24px currentColor;font-variant-numeric:tabular-nums}.round-start-scoreboard>span{font:400 clamp(30px,10vw,48px)/1 var(--font-display);color:#fff3cf;opacity:.8;translate:0 -4px}.round-start-shine{position:absolute;top:-20%;left:-60%;width:40%;height:140%;background:linear-gradient(100deg,transparent,#ffffff2e 45%,#ffffff55 50%,#ffffff2e 55%,transparent);pointer-events:none;opacity:0}.round-start-individual .round-start-lineup{display:flex;align-items:flex-start;justify-content:center;gap:2px}.round-start-individual .round-start-team{flex:1 1 0;min-width:0;gap:6px}.round-start-individual .round-start-ring{width:clamp(52px,17vw,86px)}.round-start-individual .round-start-person strong{font-size:clamp(11px,3.2vw,15px)}.round-start-vs-small{align-self:center;margin-top:clamp(14px,5vw,26px);padding:3px 6px;font-size:clamp(10px,2.8vw,13px);transform:rotate(-8deg);flex:none}.round-start-score{display:grid;place-items:center;min-width:34px;padding:2px 10px;border-radius:999px;background:#06152a99;border:1px solid color-mix(in srgb,var(--team) 60%,transparent);color:var(--team)}.round-start-score b{font:400 clamp(20px,6vw,26px)/1.15 var(--font-display);text-shadow:0 0 12px currentColor}.round-start-footer{position:relative;z-index:1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px}.round-start-count-label{font:600 11px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#fff3cfb3}.round-start-dial{--remaining:360deg;position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:conic-gradient(from -90deg,#7dd7ff 0deg,#ffe59b calc(var(--remaining)*.5),#ff9eab var(--remaining),#ffffff12 var(--remaining));box-shadow:0 0 0 5px #ffffff06,0 5px 20px #0003}.round-start-dial:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#18243c}.round-start-count{position:relative;z-index:1;font:400 40px/1 var(--font-display);color:#ffe59b;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #0004}.round-start-footer:before,.round-start-footer:after{content:"";position:absolute;top:calc(50% + 12px);width:38px;height:1px;background:linear-gradient(90deg,transparent,#ffe59b65)}.round-start-footer:before{right:calc(100% + 12px)}.round-start-footer:after{left:calc(100% + 12px);rotate:180deg}@media(max-height:640px){.round-start-screen{padding:12px;gap:10px}.round-start-screen h2{font-size:32px;padding:4px 16px 6px}.round-start-ring{width:clamp(58px,19vw,84px)}.round-start-teams .round-start-ring{width:clamp(46px,14vw,66px)}.round-start-individual .round-start-ring{width:clamp(44px,14vw,60px)}.round-start-scoreboard .victory-total{font-size:clamp(38px,12vw,54px)}.round-start-dial{width:52px;height:52px}.round-start-count{font-size:32px}}@media(prefers-reduced-motion:no-preference){.round-start-screen{animation:round-start-enter .26s ease-out}.round-start-screen:before{animation:round-light-sweep 4.8s ease-out both}.round-start-screen header{animation:round-heading-enter .6s .12s ease-out both}.round-start-team{animation:round-side-enter .7s cubic-bezier(.2,1.4,.4,1) both}.round-start-team[data-side=left]{--arrival-x:-70px;animation-delay:.25s}.round-start-team[data-side=right]{--arrival-x:70px;animation-delay:.4s}.round-start-individual .round-start-team{--arrival-x:0;animation-delay:calc(.25s + var(--i,0) * .13s)}.round-start-ring{animation:round-ring-pop .7s cubic-bezier(.2,1.6,.4,1) both}.round-start-ring:before{animation:round-ring-spin 7s linear infinite}.round-start-team[data-side=left] .round-start-ring{animation-delay:.45s}.round-start-team[data-side=right] .round-start-ring{animation-delay:.6s}.round-start-individual .round-start-ring{animation-delay:calc(.45s + var(--i,0) * .13s)}.round-start-ring:after{animation:round-ring-pulse 2.4s 1.3s ease-out infinite}.round-start-vs{animation:round-vs-enter .65s .65s cubic-bezier(.2,1.5,.4,1) both}.round-start-vs-small{animation-delay:calc(.5s + var(--i,0) * .13s)}.round-start-scoreboard{animation:round-heading-enter .5s .8s ease-out both}.round-start-scoreboard .victory-total:first-child{animation:round-total-enter .7s 1s cubic-bezier(.2,1.4,.4,1) both}.round-start-scoreboard>span{animation:round-total-enter .6s 1.15s cubic-bezier(.2,1.4,.4,1) both}.round-start-scoreboard .victory-total:nth-child(3){animation:round-total-enter .7s 1.25s cubic-bezier(.2,1.4,.4,1) both}.round-start-shine{animation:round-shine 1.1s 1.9s ease-in-out both}.round-start-score{animation:round-total-enter .6s calc(.9s + var(--i,0) * .13s) cubic-bezier(.2,1.4,.4,1) both}.round-start-footer{animation:round-heading-enter .5s 1.3s ease-out both}.round-start-count.tick{animation:round-count-tick .5s cubic-bezier(.2,1.4,.4,1)}@keyframes round-start-enter{0%{opacity:0}to{opacity:1}}@keyframes round-heading-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes round-side-enter{0%{opacity:0;translate:var(--arrival-x,0) 14px}to{opacity:1;translate:0 0}}@keyframes round-ring-pop{0%{scale:.4}to{scale:1}}@keyframes round-ring-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes round-ring-pulse{0%{opacity:.9;scale:1}70%{opacity:0;scale:1.35}to{opacity:0;scale:1.35}}@keyframes round-vs-enter{0%{opacity:0;transform:rotate(-200deg) scale(.2)}to{opacity:1;transform:rotate(-6deg) scale(1)}}@keyframes round-total-enter{0%{opacity:0;scale:.5;translate:0 10px}to{opacity:1;scale:1;translate:0 0}}@keyframes round-shine{0%{opacity:1;left:-60%}to{opacity:1;left:130%}}@keyframes round-count-tick{0%{scale:1.35;color:#fff}to{scale:1;color:#ffe59b}}@keyframes round-light-sweep{0%{opacity:.2;translate:-10% 0}55%{opacity:1;translate:0 0}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){.round-start-ring:after{display:none}}.round-start-skip{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));right:16px;min-height:44px;min-width:88px;padding:8px 14px;border:1px solid #ffe59b55;border-radius:999px;background:#06152acc;color:#ffe59b;font:600 14px var(--font-ui);cursor:pointer;touch-action:manipulation}.round-start-skip[hidden]{display:none}.round-start-skip:active{background:#30425c}.round-start-skip:focus-visible{outline:2px solid #ffe59b;outline-offset:3px}.table-choice-heading{margin:0 0 6px;text-align:center;font-size:18px;color:#fff5d7}.table-choices{display:grid;gap:10px}.table-choice.primary-btn{display:grid;justify-items:center;gap:3px;padding:12px}.table-choice small{font-size:12px;font-weight:500}.table-people{display:flex;align-items:center;justify-content:center;gap:4px}.table-people .ico{width:26px;height:26px}.table-choice:disabled,#mode-online:disabled{opacity:.42;cursor:default}.table-choice:disabled:active{transform:none}.table-choices[hidden],.home-actions>button[hidden]{display:none}#friend-lobby{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:auto;color:#fff4da;background:linear-gradient(150deg,#08161773,#071314cc)}#friend-lobby[hidden],#friend-lobby [hidden],.friend-result-lobby[hidden]{display:none}.friend-leave{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#102724;color:#fff4da;z-index:4}.friend-leave .ico{width:22px;height:22px}.friend-center{position:absolute;top:21%;left:50%;transform:translate(-50%);width:min(66%,300px);text-align:center}.friend-center h1{font-size:clamp(20px,5vw,28px);margin:6px 0 10px}.friend-config{text-transform:uppercase;letter-spacing:1.2px;font-size:10px;color:#d9ceac;margin:0}.friend-status{font-size:13px;min-height:1.3em;margin:8px 0}.friend-invite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.friend-invite a,.friend-invite button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 12px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff30;color:inherit;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;box-sizing:border-box}.friend-invite .friend-whatsapp{background:#16744e;border-color:#4db98466}.friend-qr-instruction{margin:18px 0 8px;font-size:11px;line-height:1.25;color:#fff4da}.friend-qr img{display:block;width:min(160px,100%);height:auto;margin:0 auto;border-radius:10px}.friend-fill{color:#d9ceac;font-size:12px;margin:8px 0 12px}.friend-start{width:100%;min-height:48px;border-radius:16px;padding:12px;font-size:15px;font-weight:800}.friend-seat{cursor:default;z-index:3;box-sizing:border-box;background:#ffffff20}.friend-seat img{pointer-events:none}.friend-empty{position:relative;display:grid;place-items:center;width:78%;height:78%;border:1px dashed #e3d5a777;border-radius:50%}.friend-empty .ico{width:34px;height:34px;color:#d6c99e}.friend-seat-label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);display:grid;justify-items:center;width:100px;text-align:center}.friend-seat-label strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#091e22cc;padding:2px 6px;font-size:11px;line-height:1.2}.friend-seat-label>span{font-size:10px;color:#e9d8a3;margin-top:2px}.friend-seat[data-position=left] .friend-seat-label,.friend-seat[data-position=right] .friend-seat-label{width:76px}.friend-seat-toggle{min-height:44px;border:0;border-radius:10px;background:#142d2de8;color:#fff1cf;font-size:11px;padding:5px 9px;margin-top:4px;cursor:pointer}.friend-edit{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #dccc9344;background:#183532;color:#ffe8a0}.friend-edit .ico{width:20px;height:20px}.friend-name-editor{position:absolute;z-index:5;left:50%;top:38%;transform:translate(-50%,-50%);width:min(78%,300px);padding:20px;box-sizing:border-box;border-radius:20px;background:#14332f;border:1px solid #fff2be40;box-shadow:0 15px 45px #0008;display:grid;gap:12px}.friend-name-editor label{font-size:15px;font-weight:700}.friend-name-editor input{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #e8d396;border-radius:10px;padding:8px 12px;font:inherit;font-size:18px;background:#fff7df;color:#182522}.friend-name-editor>div{display:flex;gap:8px}.friend-name-editor button{flex:1;min-height:44px;border:0;border-radius:10px;background:#dccc93;color:#17291f;font-weight:700}.friend-name-editor .friend-name-cancel{background:#ffffff18;color:#fff1cf}.friend-name-editor p{font-size:12px;margin:0}.friend-result-lobby{position:absolute;z-index:100;bottom:max(12px,env(safe-area-inset-bottom));left:12px;min-height:44px;max-width:140px;border:1px solid #dccc9377;border-radius:12px;background:#183532;color:#fff1cf;padding:7px 12px;font:inherit;font-size:12px;pointer-events:auto}#friend-lobby button:active,#friend-lobby a:active{filter:brightness(1.18)}#friend-lobby button:focus-visible,#friend-lobby a:focus-visible,.table-choice:focus-visible{outline:3px solid #ffe8a0;outline-offset:3px}#friend-lobby button:disabled{opacity:.5;cursor:default}@media(max-height:650px){.friend-center{top:20%}.friend-center h1{font-size:20px;margin:4px 0}.friend-fill{margin:4px 0}.friend-qr img{width:128px}.friend-status{margin:4px 0}}.friend-four .friend-center{width:52%}.friend-start-area{position:absolute;top:74%;left:50%;transform:translate(-50%);width:min(76%,320px);text-align:center}.friend-four .friend-seat-label{width:76px}.friend-waiting #ui-layer>:not(#friend-lobby){visibility:hidden}.friend-seat[data-position=bottom] .friend-seat-label>span{position:absolute;top:-49px;right:calc(50% + 46px);white-space:nowrap}.friend-table-active:not(.friend-waiting) #bottom-timer{cursor:default}.friend-connection{position:absolute;z-index:110;top:14%;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:12px;background:#192c2def;color:#ffecc1;font-size:13px}.friend-connection[hidden],.friend-bot[hidden],#app-shell:not(.friend-table-active) .friend-bot{display:none}.friend-table-active .friend-offline{opacity:.55}.friend-bot{position:absolute;top:0;right:-5px;padding:2px 5px;border-radius:8px;background:#ffe3a6;color:#253630;font-size:9px;text-transform:uppercase;font-weight:800}.friend-result-lobby.friend-result-inline{position:static;display:block;max-width:none;margin:8px auto 0;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.friend-result-lobby.friend-result-inline[hidden]{display:none}.friend-waiting>canvas{visibility:hidden}.friend-invite a,.friend-invite button{display:flex;flex-direction:row;width:100%;min-height:44px;padding:6px 4px;gap:5px;font-size:11px;white-space:nowrap}.friend-invite .ico{width:24px;height:24px}.table-choice-summary,.table-online-note{margin:-3px 0 3px;color:#dbcda4;font-size:12px;text-align:center}.table-choice-summary[hidden],.table-online-note[hidden]{display:none}@media(max-height:650px){.table-choice.primary-btn{padding:8px}}.friend-four .friend-seat[data-position=left] .friend-seat-label strong,.friend-four .friend-seat[data-position=right] .friend-seat-label strong{max-width:60px;padding:2px 3px}@media(max-height:650px){.friend-start-area{top:73%}}#table-options-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;padding:32px;background:#02060c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#table-options-panel[hidden]{display:none}#table-options-panel .panel-card{width:100%;box-sizing:border-box}#table-options-panel .table-choices{margin-top:16px}#table-options-panel .table-choice{border:1px solid var(--ui-line);border-radius:14px;min-height:72px}.table-team{display:inline-flex;align-items:center;gap:4px}.table-team-blue{color:#59b8ff}.table-team-red{color:#ff737b}.table-versus{margin-inline:3px;font-size:13px;font-weight:600;line-height:1}.friend-invite .friend-whatsapp{grid-column:1 / -1;font-size:14px}.friend-qr{padding-bottom:10px}.friend-seat-partner{margin-top:6px}.friend-public-wait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(44%,200px);text-align:center;pointer-events:none}.friend-public-wait p{margin:12px 0 0;color:#d9ceac;font-size:13px;line-height:1.4}.friend-public-radar{position:relative;width:min(112px,18vh);aspect-ratio:1;margin:0 auto}.friend-public-radar span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgb(40 214 111 / .7);border-radius:50%;opacity:0;animation:friend-public-pulse 2.4s ease-out infinite}.friend-public-radar span:nth-child(2){animation-delay:.8s}.friend-public-radar span:nth-child(3){animation-delay:1.6s}@keyframes friend-public-pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.friend-public-radar span{animation:none;opacity:.4;transform:scale(.8)}.friend-public-radar span:nth-child(2){transform:scale(.55)}.friend-public-radar span:nth-child(3){transform:scale(.3)}}.language-picker{display:inline-flex;align-items:center;position:relative;width:107px;min-height:44px;padding:0;overflow:hidden;border:1px solid #ffffff45;border-radius:24px;background:#071e24b8;color:#f7f5e9}.language-picker svg{position:absolute;left:10px;z-index:1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;pointer-events:none}.language-picker select{width:100%;min-height:44px;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 29px 0 39px;border-radius:inherit;border:0;background:transparent;color:inherit;font:600 13px var(--font-ui);cursor:pointer}.language-picker option{background:#12252a;color:#fff}.language-picker:focus-within,.language-picker select:focus,.language-picker select:focus-visible{outline:none}.language-picker select:focus-visible{background-color:#ffffff12}.language-picker:after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}body.pishp :is(.game-modal,#mode-panel,#difficulty-panel,#share-panel,#rules-panel,#nickname-panel){--game-base: #0096c8;--game-center: #00b9d7;--game-edge: #0073b5;--game-art: url(/assets/backgrounds/pishp.webp?v=12);--ui-gold: #80e2ef;--ui-gold-bright: #c3f6fa;--ui-gold-deep: #378cab;--ui-ink: #053044;--ui-cream: #f2fcff;--ui-sand: #c1e8f3;--ui-card: #073c50f5;--ui-card-2: #052b3dfb;--game-accent-rgb: 128 226 239}body.zhol :is(.game-modal,#mode-panel,#difficulty-panel,#share-panel,#rules-panel,#nickname-panel){--game-base: #012311;--game-center: #014b22;--game-edge: #001b0d;--game-art: url(/assets/backgrounds/zhol.webp?v=12);--ui-gold: #78d7a0;--ui-gold-bright: #b4efc5;--ui-gold-deep: #39784d;--ui-ink: #082c19;--ui-cream: #f0fff3;--ui-sand: #bfdec5;--ui-card: #093b20f5;--ui-card-2: #042713fb;--game-accent-rgb: 120 215 160}body.gogol :is(.game-modal,#mode-panel,#difficulty-panel,#share-panel,#rules-panel,#nickname-panel){--game-base: #181824;--game-center: #2b2039;--game-edge: #11131c;--game-art: url(/assets/backgrounds/gogol.webp?v=12);--ui-gold: #ba94ec;--ui-gold-bright: #e2ceff;--ui-gold-deep: #70509a;--ui-ink: #251735;--ui-cream: #fbf5ff;--ui-sand: #d6c6e6;--ui-card: #30253ff5;--ui-card-2: #1c192bfb;--game-accent-rgb: 186 148 236}body.game-theme #mode-panel{color:var(--ui-cream);--ui-line: rgb(var(--game-accent-rgb) / .3);background:linear-gradient(180deg,transparent 40%,rgb(0 0 0 / .38)),var(--game-art) center / cover no-repeat,radial-gradient(ellipse at 50% 35%,var(--game-center),var(--game-base) 55%,var(--game-edge))}.game-theme #mode-panel .home-glow{background:radial-gradient(circle,rgb(var(--game-accent-rgb) / .2),transparent 68%)}.game-theme #mode-panel .home-logo{width:min(100%,390px);max-width:100%;height:clamp(100px,26dvh,260px);aspect-ratio:3 / 2}.game-theme #mode-panel .home-brand h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-theme #mode-panel .home-tagline{color:var(--ui-cream);text-align:center;text-shadow:0 1px 6px #0008}.game-theme #mode-panel :is(.home-link,.lang-toggle){background-color:var(--ui-card-2);border-color:var(--ui-line)}.game-theme #mode-panel .lang-btn.active{background:var(--ui-gold-bright);color:var(--ui-ink)}.game-theme #mode-panel .rules-link{background:var(--ui-card-2)!important;border-color:var(--ui-line)!important}.game-theme #mode-panel .mode-card .primary-btn{background:linear-gradient(180deg,var(--ui-gold-bright),var(--ui-gold));color:var(--ui-ink);border:1px solid rgb(255 255 255 / .25);box-shadow:0 5px 0 var(--ui-gold-deep),0 10px 22px #0004}.game-theme #mode-panel .mode-card .primary-btn.online-btn{background:linear-gradient(180deg,#fff,var(--ui-cream))}.game-theme #mode-panel .mode-card .primary-btn.whatsapp-btn{background:linear-gradient(180deg,#34e57a,#25d366);color:#05351d;border-color:#ffffff40;box-shadow:0 4px #17a04b,0 10px 20px #0005}.game-theme #mode-panel .mode-card .primary-btn.whatsapp-btn:active{box-shadow:0 2px #17a04b,0 6px 14px #0004}.game-theme #mode-panel .mode-card .primary-btn:active{box-shadow:0 2px 0 var(--ui-gold-deep),0 5px 14px #0004}@media(prefers-reduced-motion:no-preference){.game-theme #mode-panel .home-logo{animation:game-logo-drift 5.5s ease-in-out infinite}.game-theme.zhol #mode-panel .home-logo{animation-duration:6s}.game-theme.gogol #mode-panel .home-logo{animation-duration:6.5s}}@keyframes game-logo-drift{0%,to{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.game-theme #mode-panel .home-logo{animation:none}}.game-theme #mode-panel .home-link{display:inline-flex;align-items:center;gap:7px;width:auto;min-width:44px;height:46px;padding:0 12px;border-radius:23px;text-decoration:none;color:var(--ui-cream)}.game-theme #mode-panel .home-link .ico{width:25px;height:25px;margin:0}.game-theme #mode-panel .home-link span{font:700 20px Georgia,serif}.game-theme #mode-panel .home-link b{color:var(--ui-gold-bright)}.game-theme #mode-panel .language-picker{background:var(--ui-card-2);color:var(--ui-cream);border-color:var(--ui-line)}.game-theme :is(#difficulty-panel,#share-panel){z-index:24;background:#02060c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.game-theme :is(.level-card,.share-card){position:relative;padding-top:58px;max-height:calc(100dvh - 36px);overflow-y:auto}.game-theme .menu-modal-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#ffffff12;color:#fff;font:30px/1 var(--font-ui);cursor:pointer;box-shadow:none}.game-theme .menu-modal-close:focus-visible{outline:2px solid white;outline-offset:2px}.game-theme :is(#rules-panel,#nickname-panel){background:#02060c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-theme :is(.rules-card,.nickname-card,.level-card,.share-card){position:relative;padding-top:58px;max-height:calc(100dvh - 36px);overflow-y:auto;color:var(--ui-cream);border-color:rgb(var(--game-accent-rgb) / .35);background:linear-gradient(160deg,var(--ui-card),var(--ui-card-2))}.game-theme :is(.rules-card,.nickname-card,.level-card,.share-card)>strong{color:var(--ui-gold-bright)}.game-theme #nickname-input{color:var(--ui-cream);background:var(--ui-card-2);border:1px solid rgb(var(--game-accent-rgb) / .4)}.game-theme :is(#close-rules,#nickname-close){background:rgb(var(--game-accent-rgb) / .12);color:var(--ui-cream);box-shadow:none}.invite-name-label{display:grid;gap:4px;flex:1;min-width:0;text-align:left}.invite-name-label>span{font-size:12px;color:var(--ui-sand)}.game-theme :is(#close-rules,#nickname-close,#share-close,#difficulty-back){position:absolute;top:8px;right:8px;bottom:auto;left:auto;width:44px;height:44px;min-height:44px;margin:0;padding:0;border-radius:50%}.game-theme #rules-panel :is(.rules-table th,.rules-note,.rules-table tr:nth-last-child(-n+2)){color:var(--ui-sand)}.game-theme #nickname-input:focus{outline:2px solid var(--ui-gold);outline-offset:2px;border-color:var(--ui-gold)}.game-theme :is(#difficulty-panel,#share-panel,#rules-panel,#nickname-panel){color-scheme:dark}.invite-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-theme .invite-players .share-identity{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px 2px;min-width:0;margin:0;padding:10px 6px;border:1px solid rgb(var(--game-accent-rgb) / .25);border-radius:14px;background:rgb(var(--game-accent-rgb) / .05)}.invite-players .share-avatar{grid-row:1;grid-column:1;justify-self:center;width:44px;height:44px}.invite-players .invite-name-label{grid-row:2;grid-column:1 / -1;text-align:center;width:100%;gap:0}.invite-players .invite-name-label>span{min-height:30px;font-size:11px;line-height:1.3}.invite-name-note{margin:0;text-align:center;color:var(--ui-sand);font-size:11px;line-height:1.4}.game-theme :is(#difficulty-panel,#share-panel,#rules-panel,#nickname-panel){padding:max(32px,env(safe-area-inset-top)) 32px max(32px,env(safe-area-inset-bottom));overflow-y:auto}.modal-frame{position:relative;width:min(100%,400px);min-width:0}.modal-frame:has(.rules-card){width:min(100%,480px)}.game-theme .modal-frame>:is(.level-card,.share-card,.rules-card,.nickname-card){width:100%;max-width:none;margin:0;padding:26px 20px 22px;max-height:calc(100dvh - max(32px,env(safe-area-inset-top)) - max(32px,env(safe-area-inset-bottom)));overflow-y:auto}.game-theme .modal-frame>:is(#close-rules,#nickname-close,#share-close,#difficulty-back){top:0;right:0;transform:translate(50%,-50%);z-index:2;width:44px;height:44px;min-height:44px;border:1px solid rgb(var(--game-accent-rgb) / .65);background:var(--ui-card-2);color:var(--ui-cream);box-shadow:0 3px 10px #0005;font:28px/1 var(--font-ui)}.game-theme .modal-frame :is(#nickname-title,#difficulty-title,#rules-title,#share-title){display:block;margin:0;padding:0 8px;text-align:center;font-size:clamp(20px,5.5vw,24px);line-height:1.2;color:var(--ui-gold-bright)}.game-theme .modal-frame .share-head{padding-top:0}.game-theme .level-btn.standard{background:linear-gradient(180deg,#ffe699,#edc355);color:#322509;box-shadow:0 6px #ad8228}.game-theme .level-btn.easy{color:#062d19}.game-theme .level-btn.standard:active{box-shadow:0 2px #ad8228}.game-theme #difficulty-panel .level-card{gap:12px;padding:22px 14px 18px}.game-theme #difficulty-panel .level-btn{flex-shrink:0;gap:10px;padding:12px;min-height:68px}.game-theme #difficulty-panel .level-icon{flex:0 0 48px;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px #0004);pointer-events:none}.game-theme #difficulty-panel .level-text{line-height:1.3;overflow-wrap:anywhere}.game-theme #difficulty-panel .level-text b{font-size:clamp(16px,4.5vw,19px)}.game-theme .level-btn.grandmaster{color:#f7f0ff;border-color:#bba1ff;background:radial-gradient(ellipse at top right,#936be866,transparent 70%),linear-gradient(145deg,#33235d,#17162f);box-shadow:0 6px #100d21,0 8px 22px #8057db33}.game-theme .level-btn.grandmaster .level-icon{filter:drop-shadow(0 0 5px #b78cff55)}.game-theme .level-btn.grandmaster:active{box-shadow:0 2px #100d21,0 4px 12px #8057db33}.game-theme .level-btn:focus-visible{outline:3px solid #fff5d6;outline-offset:3px}@media(max-width:360px){.game-theme #difficulty-panel{padding-left:24px;padding-right:24px}.game-theme #difficulty-panel .level-card{padding-left:10px;padding-right:10px}}@media(max-height:600px){.game-theme #difficulty-panel .level-card{gap:10px;padding-top:18px;padding-bottom:14px}.game-theme #difficulty-panel .level-btn{min-height:60px;padding-top:9px;padding-bottom:9px}}@media(prefers-reduced-motion:reduce){.game-theme #difficulty-panel .level-btn{transition:none}}body:has(#mode-panel:not([hidden])) .site-label{visibility:hidden}.game-theme #share-panel .share-card{gap:10px;padding:22px 14px 16px}.invite-step{display:flex;align-items:center;gap:8px;margin:0;font:700 13px/1.3 var(--font-ui);color:var(--ui-cream)}.invite-step>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgb(var(--game-accent-rgb) / .16);color:var(--ui-gold)}.game-theme .invite-players .share-identity{display:flex;flex-direction:column;gap:4px;padding:8px 5px}.invite-players .share-avatar{width:42px;height:42px;cursor:default}.invite-players .invite-name-label>span{min-height:0;font-size:11px}.invite-name-field{position:relative;width:100%}.invite-name-field input{box-sizing:border-box;width:100%;min-width:0;height:44px;border:1px solid rgb(var(--game-accent-rgb) / .3);border-radius:8px;background:var(--ui-card-2);color:var(--ui-cream);font:700 16px var(--font-ui);text-align:center;padding:0 3px}.invite-name-field:has(.invite-save:not([hidden])) input{padding-right:38px}.invite-name-field input:focus-visible{outline:2px solid var(--ui-gold);outline-offset:1px}.invite-name-field input:disabled{opacity:.65}.invite-save{position:absolute;right:0;top:0;width:38px;height:44px;border:0;border-radius:0 8px 8px 0;background:var(--ui-gold);color:var(--ui-ink);font:800 22px var(--font-ui);cursor:pointer}.invite-save:disabled{opacity:.5}#invite-name-feedback:empty{display:none}.game-theme #share-panel .share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.game-theme #share-panel .share-actions .whatsapp{grid-column:1 / -1}.game-theme #share-panel .share-actions .text-button{min-height:44px;padding:7px 8px;font-size:13px}.game-theme #share-panel .room-qr{gap:4px;margin:0;padding:0}.game-theme #share-panel .room-qr img{width:190px;height:190px;max-width:100%;padding:0;border-radius:8px;background:#fff}.game-theme #share-panel .room-qr span{font-size:11px;font-weight:500;color:var(--ui-sand)}#share-panel #room-status{text-align:center;color:var(--ui-gold);font-size:12px}@media(max-height:700px){.game-theme #share-panel .share-card{gap:6px;padding-top:18px}.game-theme #share-panel .room-qr img{width:160px;height:160px}.invite-players .share-avatar{width:32px;height:32px}.game-theme .invite-players .share-identity{padding:4px;gap:2px}}@media(max-height:600px){.game-theme #share-panel .share-card{gap:4px;padding:12px 10px}.invite-step,.invite-step>b{font-size:11px}.invite-step>b{width:18px;height:18px}.invite-players .share-avatar{width:28px;height:28px}.game-theme #share-panel .room-qr span{display:none}}@media(min-height:740px){.game-theme #share-panel .share-card{min-height:min(760px,calc(100dvh - 80px));align-content:space-between}}@media(min-height:820px){.game-theme #share-panel .share-card{padding:26px 18px 24px;gap:14px}.game-theme #share-panel .share-identity{padding:12px 6px;gap:6px}.game-theme #share-panel .share-avatar{width:48px;height:48px}.game-theme #share-panel .room-qr img{width:220px;height:220px}}.game-theme :is(#difficulty-panel,#share-panel,#rules-panel,#nickname-panel).modal-exiting[hidden]{display:grid!important;pointer-events:none}.game-theme :is(#confirm-panel,#concede-panel,#notice-panel,#score-panel,#result-panel).game-modal{padding:max(32px,env(safe-area-inset-top)) 32px max(32px,env(safe-area-inset-bottom));background:#02060c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ui-cream)}.game-theme .game-modal .modal-frame{width:min(100%,420px)}.game-theme .game-modal .modal-frame>:is(.confirm-card,.score-card,.result-card){width:100%;max-width:none;max-height:calc(100dvh - 64px);overflow-y:auto;padding:26px 20px 22px;border-radius:20px;border:1px solid rgb(var(--game-accent-rgb) / .35);color:var(--ui-cream);background:linear-gradient(160deg,var(--ui-card),var(--ui-card-2));box-shadow:0 24px 60px #0006}.game-theme .game-modal .confirm-card>strong{color:var(--ui-gold-bright);font-size:clamp(20px,5.5vw,24px);line-height:1.2}.game-theme .game-modal .confirm-card>:is(span,p){color:var(--ui-sand);font-size:14px;line-height:1.5}.game-theme .game-modal .confirm-button:not(.danger){background:var(--ui-gold);color:var(--ui-ink);box-shadow:0 4px 0 var(--ui-gold-deep)}.game-theme .game-modal .modal-frame>.game-modal-close{top:0;right:0;transform:translate(50%,-50%);z-index:2;border-color:rgb(var(--game-accent-rgb) / .65);background:var(--ui-card-2);color:var(--ui-cream)}.game-theme .game-modal.modal-exiting[hidden]{display:grid!important;pointer-events:none}.game-theme #result-panel.show .result-card{animation:none}.game-theme :is(#confirm-panel,#concede-panel).game-modal .confirm-button.danger{background:linear-gradient(180deg,#db5260,#b92c40);color:#fff;box-shadow:0 4px #781c2a}.game-theme .game-modal .confirm-button:not(.danger){background:var(--ui-card-2)!important;color:var(--ui-cream)!important}.game-theme #mode-panel .menu-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.game-theme #mode-panel .menu-secondary-actions .rules-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;margin:0;padding:10px 8px;border-radius:var(--ui-radius-sm, 12px);text-decoration:none;box-sizing:border-box}.game-theme .modal-frame :is(h1,h2,h3),.game-theme .menu-modal-card :is(h1,h2,h3){font-family:var(--font-ui);font-weight:700}#mode-online:disabled{cursor:not-allowed}.game-theme #mode-panel #mode-online:disabled{opacity:1}.game-theme #mode-panel #mode-online{position:relative;overflow:visible}#mode-online [data-online-countdown]{position:absolute;right:-5px;bottom:-12px;z-index:2;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#c94b60,#9d2940);border:1px solid #f89bab;box-shadow:0 3px 8px #360a2055;color:#fff0f3;font-size:13px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.game-theme #hud-actions #scores-button{display:none}.game-theme .turn-timer img[src*="/bottts/"]{box-sizing:border-box;padding:5%}.game-theme .round-start-person img[src*="/bottts/"]{padding:5px}.game-theme .turn-timer img[src*="/assets/ai/"]{box-sizing:border-box;padding:5%;object-fit:contain}.game-theme .round-start-person img[src*="/assets/ai/"]{padding:5px;object-fit:contain}.game-theme #mode-panel .mode-card #mode-online{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:8px;min-height:76px;margin:6px 0 4px;padding:8px 15px;border:2px solid #fff4cd;border-radius:20px;background:radial-gradient(ellipse at 25% 0,#fff9df 0,transparent 65%),linear-gradient(115deg,#ffeab2,#ffce64);color:#382717;box-shadow:inset 0 0 0 3px #c18b3426,0 5px #a36425,0 9px #2b1d3130,0 12px 24px #17152955;text-shadow:none}.game-theme #mode-panel #mode-online .start-label{text-align:center;font-size:29px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.start-cards{position:relative;width:76px;align-self:center;height:56px;pointer-events:none}.start-card{position:absolute;top:50%;translate:0 -50%;left:18px;display:grid;place-items:center;width:36px;height:49px;border-radius:6px;border:1.5px solid #27304b;background:#fffdf3;box-shadow:0 3px 4px #593b2a30;font:28px/1 Georgia,serif;transform-origin:50% 50%}.start-card-back{transform:rotate(-24deg) translate(-12px);background:repeating-linear-gradient(45deg,#284266 0,#284266 3px,#37557b 3px,#37557b 5px);box-shadow:inset 0 0 0 3px #fff5d9,0 3px 4px #593b2a30}.start-card-heart{color:#c3414f;transform:rotate(-5deg)}.start-card-spade{color:#23324a;transform:rotate(17deg) translate(13px)}.start-card-heart:before,.start-card-spade:before{content:"A";position:absolute;left:3px;top:3px;font:700 9px/1 Georgia,serif}.start-card-heart:after,.start-card-spade:after{content:"A";position:absolute;right:3px;bottom:3px;font:700 9px/1 Georgia,serif;rotate:180deg}.game-theme #mode-panel #mode-online .start-play{display:grid;place-items:center;width:36px;justify-self:end;height:36px;border-radius:50%;color:#ffedc2;background:#44301f;box-shadow:0 2px #fff6}.game-theme #mode-panel #mode-online .start-play svg{width:21px!important;height:21px!important;margin:0;fill:currentColor;stroke:none}.game-theme #mode-panel .mode-card #mode-online:active{box-shadow:inset 0 0 0 3px #c18b3426,0 2px #a36425,0 5px 12px #17152944}.game-theme #mode-panel .mode-card #mode-online:focus-visible{outline:3px solid #fff7dc;outline-offset:5px}@media(prefers-reduced-motion:no-preference){.start-card-back{animation:start-fan-back 5s ease-in-out infinite}.start-card-spade{animation:start-fan-front 5s ease-in-out infinite}@keyframes start-fan-back{0%,70%,to{transform:rotate(-24deg) translate(-12px)}82%{transform:rotate(-31deg) translate(-13px)}}@keyframes start-fan-front{0%,70%,to{transform:rotate(17deg) translate(13px)}82%{transform:rotate(24deg) translate(14px)}}}@media(max-height:680px){.game-theme #mode-panel .mode-card #mode-online{min-height:66px;margin-top:2px;padding-top:4px;padding-bottom:4px}.start-cards{height:50px}}@media(max-height:600px){.game-theme #mode-panel .home-logo{height:21dvh}}