.game-settings-backdrop{z-index:150;background:#00120ee8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-settings-panel{background:#061c23;border:4px double #e4b65b;outline:3px solid #152321;gap:24px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:clamp(20px,4vw,36px);display:grid;overflow:auto;box-shadow:8px 8px #0008}.game-settings-panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.game-settings-panel h2{margin:0}.game-language{gap:12px;min-width:0;display:grid}.game-language small{color:#a9b9b7;font-size:.8rem;line-height:1.5}.game-language select{appearance:none;color:#ffe09a;background:#071f28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23ffe09a' d='M0 1h2v2h2v2h2v2h2V5h2V3h2V1h2v4h-2v2h-2v2H4V7H2V5H0z'/%3E%3C/svg%3E") right 16px center no-repeat;border:2px solid #b9954b;width:100%;min-width:0;padding:12px 44px 12px 16px}.game-settings-panel .audio-controls{margin:0;position:static}.game-settings-panel .audio-controls[open]{width:100%}.game-settings-panel .audio-controls>div{width:auto;position:static}.game-settings-trigger{z-index:30;position:absolute;top:12px;right:16px}.room-menu-sound .game-language{margin-bottom:20px}.lobby-shell .header-meta{margin-inline-end:190px}@font-face{font-family:"Jersey 25";src:url(/fonts/Jersey25.ttf)format("truetype");font-display:swap}main.entry-shell{width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:0;position:relative;overflow:hidden}.entry-shell .app-header{z-index:2;pointer-events:none;width:25%;height:26%;margin:0;position:absolute;top:1.5%;left:11.7%}.entry-shell .brand{opacity:0;padding:0;position:absolute;inset:0}.entry-shell .header-meta{display:none}.main-menu{height:100dvh;min-height:100dvh;padding:0;font-family:"Jersey 25",sans-serif;position:relative}.menu-navigation{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;width:28.7%;height:70.4%;display:flex;position:absolute;top:19.05%;left:35.7%}.menu-button{color:#ffe5a7;text-transform:uppercase;text-align:left;text-shadow:2px 3px #081b18;background-color:#073c2b;background-image:url(/art/menu-button-frame.svg),linear-gradient(100deg,#062f24eb,#08432dd9);background-size:100% 100%;border:0;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6%;width:100%;height:15%;min-height:44px;padding:4px 8% 4px 10%;font-family:"Jersey 25",sans-serif;font-size:clamp(22px,2.45vw,42px);font-weight:400;line-height:1;display:flex;position:relative;box-shadow:3px 5px #011413ad}.menu-button:first-child{font-size:clamp(26px,3.25vw,55px)}.menu-button:nth-child(2){font-size:clamp(25px,2.85vw,48px)}.menu-button>span{white-space:nowrap;text-align:center;flex:1}.menu-button small{display:none}.menu-red{background-image:url(/art/menu-button-frame.svg),linear-gradient(100deg,#8e1025,#a62331,#670e21);box-shadow:0 0 15px #ffc45480,3px 5px #011413ad}.menu-navigation .menu-button:before,.menu-navigation .menu-button:after{content:"✦";color:#ffd363;text-shadow:0 0 10px #ffe389;opacity:0;pointer-events:none;font-family:Georgia,serif;font-size:32px;transition:opacity .14s ease-out;position:absolute;top:30%}.menu-navigation .menu-button:hover:before,.menu-navigation .menu-button:hover:after,.menu-navigation .menu-button:focus-visible:before,.menu-navigation .menu-button:focus-visible:after{opacity:1}.menu-navigation .menu-button:before{left:-10%}.menu-navigation .menu-button:after{right:-10%}.menu-blue{background-image:url(/art/menu-button-frame.svg),linear-gradient(100deg,#09243c,#051c2f)}.menu-button:disabled{color:#efdaa2;opacity:1;filter:brightness(.9);cursor:not-allowed}.menu-button:hover:enabled{filter:brightness(1.13)}.menu-button:focus-visible{outline-offset:5px;outline:3px solid #fff1b4}.menu-navigation .menu-button:hover,.menu-navigation .menu-button:focus-visible{transform:scale(1.025)}.menu-decoration{display:none}@media (prefers-reduced-motion:reduce){.menu-navigation .menu-button:before,.menu-navigation .menu-button:after{transition:none}.menu-navigation .menu-button:hover,.menu-navigation .menu-button:focus-visible{transform:none}}.menu-footer{color:#718199;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:7.2%;min-height:44px;padding:0 3%;font-size:clamp(13px,1.6vw,25px);display:flex;position:absolute;bottom:0;left:0}.menu-footer .menu-exit{min-height:44px;box-shadow:none;color:#f4d591;text-transform:uppercase;background:0 0;border:0;margin-left:3.5%;padding:0 12px;font-family:"Jersey 25",sans-serif;font-size:clamp(17px,1.8vw,29px);font-weight:400}.menu-exit small{display:none}.menu-progress{z-index:3;color:#ffe6a8;background:#06251ff0;border:1px solid #a98243;padding:6px 14px;font-size:16px;position:absolute;top:91%;left:50%;translate:-50% -50%}.entry-shell .error-banner{z-index:5;width:min(500px,90%);position:absolute;top:1%;left:50%;translate:-50%}.room-lobby{background:linear-gradient(135deg,#12362f,#0a2225);border:3px double #b38a46;padding:28px;box-shadow:inset 0 0 0 5px #081b1b,0 12px 32px #0004}.lobby-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.lobby-heading h2{letter-spacing:2px;margin-top:8px;font-size:38px}.lobby-chips{flex-wrap:wrap;gap:8px;display:flex}.invite-field{max-width:660px}.invite-field input{color:#b9cbbb;font-size:16px}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0;padding:0;list-style:none;display:grid}.lobby-seat{background:#071f26;border:1px solid #697361;grid-template-columns:74px 1fr;align-items:center;gap:16px;min-width:0;padding:20px;display:grid;position:relative}.lobby-seat.team-a{border-left:4px solid #488bb0}.lobby-seat.team-b{border-left:4px solid #b75050}.lobby-seat.is-empty{background:#092624;border-style:dashed}.lobby-seat.is-ready{background:#103d32}.lobby-seat>button{grid-column:1/-1;font-size:15px}.avatar,.seat-avatar{width:68px;height:68px;image-rendering:pixelated;background-image:url(/art/avatars-pixel.png);background-size:200% 200%;border:3px solid #e7b85e;border-radius:50%;flex-shrink:0;display:block;box-shadow:0 0 0 3px #071820,0 0 0 4px #826c39}.avatar-0{background-position:0 0}.avatar-1{background-position:100% 0}.avatar-2{background-position:0 100%}.avatar-3{background-position:100% 100%}.avatar-empty{background:#12372e;border-color:#6b7858;box-shadow:inset 0 0 0 6px #0b2c27}.avatar-empty:after{content:"+";color:#77917a;place-items:center;height:100%;font-size:36px;display:grid}.seat-info{min-width:0}.seat-info>strong{color:#f1d79f;font-size:18px}.seat-status{overflow-wrap:anywhere;color:#bbc9b7;margin-top:7px;font-size:15px;line-height:1.5}.seat-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.seat-badge{color:#b6d7e8;background:#173941;padding:3px 6px;font-size:12px}.host-badge{color:#f3d78c;background:#4e3e25}.ready-badge{color:#d0f0bd;background:#24664b}.lobby-settings{border:1px solid #5d6c52;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;padding:20px;display:grid}.lobby-settings legend{color:#d9c391;padding:0 10px;font-size:18px}.lobby-settings select{padding-left:9px;font-size:16px}.invite-hint{color:#a9b9a7;max-width:820px;margin:16px 0;font-size:14px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;display:flex}.lobby-actions{margin-top:24px}.leave-room{margin-top:18px}.compact-lobby{margin-top:24px;padding:20px}.compact-lobby .lobby-heading{margin-bottom:16px}.compact-lobby .lobby-heading h2{font-size:26px}.compact-lobby .seat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 0}.compact-lobby .lobby-seat{gap:12px;padding:12px;display:flex}.compact-lobby .avatar{width:40px;height:40px}.compact-lobby .seat-info>strong{font-size:13px}.compact-lobby .seat-status{font-size:12px}.compact-lobby .seat-badge{font-size:10px}@media (width<=950px){.lobby-settings,.compact-lobby .seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.room-lobby{padding:20px 15px}.lobby-heading{display:block}.lobby-chips{gap:6px;margin-top:16px}.lobby-chips .status-chip{padding:6px 8px;font-size:12px}.seat-grid{grid-template-columns:1fr}.lobby-seat{grid-template-columns:56px 1fr;padding:16px}.avatar{width:52px;height:52px}.lobby-settings{gap:14px 10px;padding:14px 10px}.lobby-settings label,.lobby-settings select{font-size:14px}.lobby-actions>button{flex:1}.compact-lobby .lobby-seat{flex-direction:column;align-items:flex-start}}.power-catalog summary{cursor:pointer;min-height:44px}.power-catalog[open]{color:#fff5d6;background:#102b2a;max-height:40dvh;padding:8px;overflow:auto}.power-catalog li{margin:8px 0;font-size:14px}.game-table{position:relative}.game-shell .app-header{margin-bottom:16px}.scoreboard{text-align:center;grid-template-columns:1fr 1.05fr 1fr;gap:18px;width:calc(100% - 300px);max-width:780px;margin:0 auto 18px 0;padding:0 40px;display:grid}.team-score,.stake-score{background:linear-gradient(#102c43,#081b30);border:3px double #c69a49;padding:9px 8px;position:relative;box-shadow:inset 0 0 0 4px #061b22,3px 4px #051713}.team-score:before,.stake-score:before{content:"✦";color:#dba749;position:absolute;top:35%;left:4px}.team-score:after,.stake-score:after{content:"✦";color:#dba749;position:absolute;top:35%;right:4px}.team-score span,.stake-score>span{letter-spacing:1px;font-size:16px;display:block}.team-score strong,.stake-score strong{color:#ffe0a0;font-size:53px;line-height:1;display:block}.team-score.enemy{background:linear-gradient(#471925,#2d101c)}.stake-score{background:#0a2527}.stake-score>span{color:var(--gold)}.stake-score small{color:var(--gold);letter-spacing:1px;font-size:12px;display:block}.table-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.arena{isolation:isolate;min-height:700px;image-rendering:pixelated;background:#073c2d;border:1px solid #765d32;position:relative;overflow:hidden;box-shadow:0 15px 30px #0006}.table-status{text-align:center;z-index:1;background:#05291fe8;border:1px solid #8b7841;width:max-content;max-width:90%;padding:7px 17px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.table-status p{color:#ffe2a0;font-size:20px}.table-status>span,.table-status small{color:#c0cfb0;font-size:12px}.table-status small:before{content:" · "}.player-seat{z-index:2;grid-template-columns:54px 1fr;align-items:center;gap:7px 10px;width:190px;max-width:190px;display:grid;position:absolute}.player-seat .seat-avatar{width:52px;height:52px}.seat-cards{grid-column:1/-1;justify-content:center;padding:0 15px;display:flex}.mini-card{width:33px;height:auto;aspect-ratio:var(--playing-card-ratio);margin-left:-8px;display:block;transform:rotate(-6deg)}.mini-card:nth-child(2){transform:translateY(-3px)}.mini-card:nth-child(3){transform:rotate(6deg)}.seat-name{color:#ffefcf;overflow-wrap:anywhere;font-size:17px;display:block}.seat-team{color:#c2c8ad;font-size:11px;display:block}.player-seat .seat-info{background:#08242bd9;border-bottom:1px solid #b68f48;padding:4px 6px}.seat-active .seat-avatar{box-shadow:0 0 0 3px #082a23,0 0 0 5px #ffde8e,0 0 20px #ffd77f55}.seat-relative-1{top:51%;right:22px}.seat-relative-3{top:51%;left:22px}.seat-relative-2,:where(.arena[data-player-count="2"]) .seat-relative-1{top:95px;left:50%;transform:translate(-50%)}.center-plays{width:270px;height:220px;position:absolute;top:220px;left:44%;transform:translate(-50%)}.table-emblem{color:#c9b05b35;text-align:center;letter-spacing:8px;font-size:65px;line-height:.95;position:absolute;top:30px;left:60px}.played-card{text-align:center;width:78px;position:absolute}.played-card>span{height:auto;aspect-ratio:var(--playing-card-ratio);display:block}.played-card small{text-overflow:ellipsis;white-space:nowrap;color:#e2d7b4;max-width:90px;margin-top:4px;font-size:11px;display:block;overflow:hidden}.played-card .card-suit{font-size:48px}.played-card .card-rank{font-size:21px}.played-card .card-corner{font-size:16px;top:5px;left:5px}.played-card .card-corner-bottom{inset:auto 5px 5px auto}.play-relative-0{z-index:2;bottom:0;left:95px}.play-relative-1{top:70px;right:0}.play-relative-3{top:70px;left:0}.play-relative-2,:where(.arena[data-player-count="2"]) .play-relative-1{top:0;left:95px}.vira-panel{text-align:center;background:#071e21ed;border:3px double #c39746;width:96px;padding:7px;position:absolute;top:100px;right:26px}.vira-panel h3{letter-spacing:2px;margin-bottom:6px;font-size:15px}.vira-panel>span[role=img]{height:auto;aspect-ratio:var(--playing-card-ratio);margin-bottom:9px;display:block}.vira-panel .card-suit{font-size:42px}.vira-panel .card-corner{font-size:14px;top:5px;left:4px}.vira-panel .card-rank{font-size:19px}.vira-panel .card-corner-bottom{inset:auto 4px 5px auto}.vira-panel strong{color:var(--gold);font-size:12px;display:block}.vira-panel>span:not([role]){color:#ffe1a0;font-size:22px;display:block}.vira-panel small{font-size:10px}.own-hand{position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.own-player{justify-content:center;align-items:center;gap:12px;margin-bottom:15px;display:flex}.own-player .seat-avatar{width:45px;height:45px}.own-player strong{color:#ffe7b2;overflow-wrap:anywhere;max-width:200px;font-size:18px}.own-player small{color:#c5b46e;letter-spacing:3px;font-size:11px;display:block}.hand-cards{justify-content:center;gap:11px;display:flex}.table-sidebar{flex-direction:column;gap:22px;margin-top:-125px;display:flex}.table-history{background:linear-gradient(140deg,#101f29,#08191d);border:3px double #c89d51;min-height:240px;padding:18px;box-shadow:inset 0 0 0 4px #06131a,3px 4px #03110e}.table-history h3{letter-spacing:2px;border-bottom:1px solid #74643c;padding-bottom:13px;font-size:16px}.history-list{max-height:240px;margin:0;padding:0;list-style:none;overflow:auto}.history-entry{color:#d4d5c5;border-bottom:1px solid #405044;padding:12px 0;font-size:14px;line-height:1.4}.history-entry ul{color:#b8c5b7;padding-left:15px;font-size:12px}.history-empty{color:#9fafa5;padding-top:18px;font-size:15px;line-height:1.6}.table-actions{flex-direction:column;gap:14px;display:flex}.action-truco,.action-fold,.action-accept{border:3px double #e7bc62;padding:16px 12px}.action-truco{background:linear-gradient(#8d1f34,#4d1528);width:100%;font-size:28px;box-shadow:inset 0 0 0 4px #3a1322,3px 4px #03110e}.action-truco>span{color:#ffb74f}.action-truco:disabled{color:#b49a89;background:#3b2528}.action-accept{background:#1f6345}.action-fold{background:#1c2d40}.decision-actions{gap:10px;display:grid}.decision-actions button{font-size:20px}.covered-choice{color:#bac3ad;align-items:center;gap:9px;min-height:44px;font-size:13px;line-height:1.5;display:flex}.surrender-action{color:#bcb8a6;box-shadow:none;background:#102429;border-color:#6c6847;font-size:14px}.match-result{text-align:center;color:#ffdc89;border:3px double var(--gold);background:#103d30;margin-top:20px;padding:20px;font-size:25px}@media (width<=1100px) and (width>=761px){.app-shell{padding:20px}.table-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.scoreboard{gap:10px;width:calc(100% - 244px);padding:0}.player-seat{grid-template-columns:40px 1fr;max-width:140px}.player-seat .seat-avatar{width:40px;height:40px}.seat-relative-1{right:10px}.seat-relative-3{left:10px}.seat-team{font-size:10px}.center-plays{transform:translate(-50%)scale(.85)}.vira-panel{width:82px;right:12px}}@media (width<=760px){.game-shell{padding:16px 10px 25px}.game-shell .brand-main{font-size:42px}.game-shell .brand-ribbon{padding:4px 20px;font-size:14px}.scoreboard{gap:8px;width:100%;margin-bottom:12px;padding:0}.team-score,.stake-score{padding:8px 4px}.team-score span,.stake-score>span{letter-spacing:0;font-size:11px}.team-score strong,.stake-score strong{font-size:39px}.stake-score small{font-size:10px}.team-score:before,.team-score:after,.stake-score:before,.stake-score:after{display:none}.table-layout{grid-template-columns:1fr;gap:18px}.arena{background-size:auto 100%;min-height:600px}.table-status{padding:5px 12px;top:16px}.table-status p{font-size:17px}.table-status>span,.table-status small{font-size:10px}.player-seat{grid-template-columns:34px 1fr;gap:4px 6px;max-width:100px}.player-seat .seat-avatar{border-width:2px;width:34px;height:34px}.seat-name{font-size:13px}.seat-team{font-size:9px;line-height:1.2}.player-seat .seat-info{padding:3px}.seat-relative-1{top:47%;right:8px}.seat-relative-3{top:47%;left:8px}.seat-relative-2,:where(.arena[data-player-count="2"]) .seat-relative-1{top:85px}.mini-card{width:24px}.seat-cards{padding:0 8px}.center-plays{width:140px;height:190px;top:205px;left:50%}.played-card{width:53px}.played-card .card-suit{font-size:32px}.played-card .card-corner{font-size:12px;top:3px;left:3px}.played-card .card-rank{font-size:15px}.played-card .card-corner-bottom{inset:auto 3px 3px auto}.played-card small{font-size:9px}.play-relative-0,.play-relative-2,:where(.arena[data-player-count="2"]) .play-relative-1{left:44px}.play-relative-1,.play-relative-3{top:58px}.table-emblem{width:max-content;font-size:43px;top:30px;left:50%;transform:translate(-50%)}.vira-panel{width:63px;padding:5px;top:90px;right:12px}.vira-panel h3{margin-bottom:5px;font-size:11px}.vira-panel>span[role=img]{margin-bottom:6px}.vira-panel .card-suit{font-size:29px}.vira-panel .card-corner{font-size:10px;top:2px;left:2px}.vira-panel .card-rank{font-size:14px}.vira-panel .card-corner-bottom{inset:auto 2px 2px auto}.vira-panel strong{font-size:9px}.vira-panel>span:not([role]){font-size:17px}.vira-panel small{font-size:8px}.own-hand{bottom:24px}.own-player{margin-bottom:13px}.own-player .seat-avatar{width:37px;height:37px}.own-player strong{font-size:16px}.hand-cards{gap:9px}.table-sidebar{gap:16px;margin-top:0}.table-actions{order:-1;gap:12px}.table-history{min-height:140px}.history-list{max-height:180px}}.game-table{--playing-card-ratio:2 / 3}.card-face,.card-back{width:100%;height:100%;aspect-ratio:var(--playing-card-ratio);border-radius:5px;display:block;position:relative;box-shadow:2px 5px 5px #00150e88}.card-face{color:#14212d;background:radial-gradient(at 30% 15%,#fff2d6,#ecd29d);border:3px solid #f7e3b7;outline:1px solid #815e30}.card-face:before{content:"";pointer-events:none;border:1px solid #c19a55;position:absolute;inset:4px;box-shadow:inset 0 0 0 2px #fff0cb}.card-face:after{content:"✦";color:#b78a3d;font-size:13px;position:absolute;top:6px;right:8px}.card-red{color:#b52732}.card-black{color:#101f2a}.card-corner{flex-direction:column;align-items:center;font-size:25px;font-weight:700;line-height:.87;display:flex;position:absolute;top:7px;left:8px}.card-rank{font-size:29px}.card-corner-bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.card-suit{filter:drop-shadow(1px 2px #ba984d);font-family:Georgia,serif;font-size:76px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-back{image-rendering:pixelated;background:#10283e url(/art/card-back.png) 50%/contain no-repeat;border:1px solid #d3aa60}.mini-card .card-corner{font-size:8px;top:3px;left:3px}.mini-card .card-rank{font-size:10px}.mini-card .card-corner-bottom{inset:auto 3px 3px auto}.mini-card .card-suit{font-size:19px}.mini-card .card-face{border-width:1px}.mini-card .card-face:after{display:none}.card{box-shadow:none;transform-origin:bottom;width:115px;height:auto;min-height:0;aspect-ratio:var(--playing-card-ratio);background:0 0;border:0;flex-shrink:0;padding:0}.card:disabled{opacity:1;color:inherit}.card:hover:enabled{filter:brightness(1.05);transform:translateY(-14px)}.card:focus-visible{outline-offset:5px;transform:translateY(-10px)}.card:enabled .card-face{box-shadow:0 0 0 2px #f6d47a,0 6px 12px #00150e}@media (width<=760px){.card{width:77px}.card-corner{font-size:18px;top:5px;left:5px}.card-rank{font-size:21px}.card-corner-bottom{inset:auto 5px 5px auto}.card-suit{font-size:46px}.card-face{border-width:2px}.card-face:before{inset:3px}.card-face:after{font-size:9px;top:4px;right:5px}}.card-back-masked{color:#ffe2a1;background:repeating-linear-gradient(45deg,#451a68 0 7px,#32134e 7px 14px);border:3px double #e8c173;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #170b2c,0 0 8px #bb71e077;container-type:inline-size}.hidden-card-mark{flex-direction:column;align-items:center;gap:4px;width:90%;font-family:"Jersey 25",sans-serif;font-size:clamp(8px,18cqw,20px);line-height:1;display:flex}.hidden-card-mark svg{fill:currentColor;shape-rendering:crispedges;width:80%}.hidden-card-mark>span:last-child{font-size:clamp(8px,15cqw,16px)}.played-card[data-power=mask] .card-face{outline:2px solid #b778e8}.power-card-pocket{margin:-10px;padding:10px}@media (hover:hover) and (pointer:fine) and (width>=601px){.power-card-pocket{max-height:130px;transition:max-height .18s ease-out;position:relative;overflow:hidden}.power-card-pocket:after{content:"";pointer-events:none;background:#091b25;border-top:2px solid #cfaa62;height:5px;position:absolute;bottom:0;left:6px;right:6px}.power-dock:is(:hover,:focus-within):has(.power-card) .power-card-pocket{max-height:380px}.power-dock:has(.power-card[aria-expanded=true],.power-card[data-selected=true]) .power-card-pocket{max-height:380px}.power-dock:is(:hover,:focus-within) .power-card-pocket:after{opacity:0}.power-dock:has(.power-card[aria-expanded=true],.power-card[data-selected=true]) .power-card-pocket:after{opacity:0}}.power-card{color:#f9e1a4;isolation:isolate;width:100%;height:auto;text-shadow:none;background:#091b25;border:2px solid #e4bb68;border-radius:0;grid-template-rows:auto auto 1fr auto auto;gap:0;padding:7px;transition:transform .12s,outline-color .12s;display:grid;position:relative;box-shadow:0 0 0 2px #382a1a,0 0 0 4px #ad7c38,0 5px 0 4px #071217,inset 0 0 0 2px #725026}.power-card:before,.power-card:after{content:"◆";color:#ffe0a0;text-shadow:1px 1px #573a1c;pointer-events:none;font-size:12px;line-height:1;position:absolute;top:-9px}.power-card:before{left:4px}.power-card:after{right:4px}.power-card:hover:enabled{filter:brightness(1.05);transform:translateY(-3px)}.power-card[data-selected=true]{outline-offset:6px;outline:3px solid #9be0ac}.power-card-title{color:#302519;text-align:center;text-transform:uppercase;text-wrap:balance;overflow-wrap:normal;word-break:normal;background:linear-gradient(#f9e7b8,#e9cc8e);border:1px solid #ac7a39;place-items:center;min-height:1.5em;padding:4px 2px;font-family:"Jersey 25",sans-serif;font-size:clamp(18px,1.35vw,22px);font-weight:400;line-height:.95;display:grid}.power-card-illustration{aspect-ratio:1;background:#071726;border:1px solid #ad8546;width:100%;display:block;position:relative}.power-card-art{width:100%;height:100%;image-rendering:pixelated;background-image:url(/art/layers/powers.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;display:block}.power-exchange .power-card-art{background-position:100% 0}.power-boost .power-card-art{background-position:0 100%}.power-mask .power-card-art{background-position:100% 100%}.power-card-cost{color:#fff1c4;background:#081923;border:2px solid #e6bd68;border-radius:40%;justify-content:center;align-items:center;gap:3px;min-width:34px;min-height:30px;padding:2px 5px;font-family:"Jersey 25",sans-serif;font-size:24px;font-weight:400;line-height:1;display:flex;position:absolute;inset:4px auto auto 4px;box-shadow:0 2px #050f18}.power-card-cost>span{color:#ffd36b}.power-card-hint{color:#2c281d;text-wrap:balance;overflow-wrap:normal;background:#f2dcaa;border:1px solid #ac7a39;place-items:center;min-height:3em;padding:6px 3px;font-size:12px;line-height:1.25;display:grid}.power-card-state{color:#e4c78e;text-wrap:balance;overflow-wrap:normal;place-items:center;min-height:2.1em;padding:5px 2px 1px;font-size:11px;line-height:1.15;display:grid}.power-card[data-can-activate=true] .power-card-state{color:#bfedc8}@media (width<=600px) and (orientation:portrait){.power-card{padding:4px}.power-card-title{min-height:2.15em;padding:4px 1px;font-size:17px}.power-card-state{min-height:2.8em;padding:4px 1px 1px;font-size:10px}.power-card-cost{border-width:1px;min-width:26px;min-height:24px;padding:1px 3px;font-size:19px;bottom:2px;right:2px}}@media (height<=500px) and (orientation:landscape){.power-card{padding:4px}.power-card-title{min-width:0;min-height:2.15em;padding:3px 1px;font-size:13px}.power-card-state{min-height:2.1em;padding:3px 0 0;font-size:10px}.power-card-cost{border-width:1px;min-width:24px;min-height:22px;padding:1px 3px;font-size:18px;bottom:2px;right:2px}}@media (prefers-reduced-motion:reduce){.power-card{transition:none}.power-card:hover:enabled{transform:none}.power-card-pocket{transition:none}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.power-card{box-shadow:0 0 0 1px #382a1a,0 0 0 2px #ad7c38,0 3px 0 2px #071217}.power-card:before,.power-card:after{display:none}.power-card-title{min-width:0;min-height:28px;padding:2px 0;font-size:13px}.power-card-illustration{justify-self:center;width:40px}.power-card-cost{min-width:18px;min-height:18px;padding:0 2px;font-size:14px;bottom:1px;right:1px}.power-card-state{visibility:hidden;height:24px;min-height:24px;overflow:hidden}}@media (hover:hover) and (pointer:fine) and (width>=601px) and (height<=500px){.power-card-pocket{max-height:78px}}.power-dock{z-index:4;pointer-events:auto;color:#fff5d6;width:clamp(104px,9vw,140px);font-size:14px;position:absolute;bottom:3.5dvh;left:20%}.power-energy{color:#ffe3a1;background:#0a2028;border:2px solid #b68b46;justify-content:center;align-items:center;gap:6px;margin-top:7px;padding:5px;font-size:14px;display:flex}.energy-gems{gap:4px;display:flex}.energy-gems i{background:#162b35;border:1px solid #897044;width:13px;height:13px;display:block;transform:rotate(45deg)}.energy-gems i[data-filled=true]{background:#ebc161;box-shadow:inset 0 0 0 2px #b17b34}.power-note{text-align:center;background:#102b2a;border:1px solid #b68b46;margin-top:5px;padding:5px;line-height:1.25}.power-panel{z-index:12;color:#fff5d6;text-align:left;background:#102b2a;border:2px solid #d4b46a;width:min(350px,90vw);max-height:60dvh;padding:16px;font-size:14px;position:absolute;bottom:calc(100% + 14px);left:0;overflow:auto;box-shadow:0 5px 22px #000a}.power-panel p{margin:8px 0}.power-panel strong{color:#ffe69b}.power-panel button{min-height:44px;font-size:14px}.power-panel .power-close{float:right;min-width:44px;margin:-6px -6px 4px 8px;padding:0;font-size:24px}.power-panel summary{cursor:pointer;min-height:32px}.game-shell .table-information{pointer-events:auto;background:#08171d;border:1px solid #d4b46a;width:23%;height:28dvh;position:absolute;top:2.5dvh;right:1.5vw;overflow:auto}.game-shell .table-information .table-history{border:0;width:100%;height:auto;position:static}@media (width<=600px) and (orientation:portrait){.game-shell .table-information{width:28%;height:12dvh;top:122px;right:12px}.power-dock{width:clamp(76px,23vw,96px);bottom:225px;left:12px;right:auto}.game-shell:has(.power-dock) .own-hand{left:59%}.game-shell:has(.power-dock) .hand-cards{gap:6px}.game-shell:has(.power-dock) .card{width:clamp(52px,16.5vw,68px)}.power-energy{gap:3px;padding:3px;font-size:12px}.power-energy>span:first-child{display:none}.energy-gems{gap:2px}.energy-gems i{width:6px;height:6px}.power-panel{width:90%;max-height:52dvh;position:fixed;inset:20% 5% auto auto}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.power-dock{bottom:175px}.game-shell:has(.power-dock) .hand-cards{gap:5px}.game-shell:has(.power-dock) .own-player{left:calc(100% + 6px)}.game-shell:has(.power-dock) .own-hand{left:59%}.game-shell:has(.power-dock) .card{width:clamp(52px,16.5vw,68px)}}@media (height<=500px) and (orientation:landscape){.game-shell .table-information{height:27dvh;top:10px}.power-dock{width:64px;bottom:12px;left:22%}.power-energy{padding:3px;font-size:11px}.energy-gems i{width:9px;height:9px}.game-shell:has(.power-dock) .own-player{width:110px;position:absolute;inset:20px auto auto calc(100% + 12px)}.power-panel{width:45%;max-height:70dvh;position:fixed;inset:14% 27% auto auto}}.preparation-actions-bar{color:#fff5d6;background:#102b2a;border:1px solid #b68b46;padding:8px}.preparation-actions-bar button{width:100%;margin-top:6px}@media (width<=600px) and (height<=720px) and (orientation:portrait){.power-dock{width:64px;bottom:164px}}@media (height<=500px) and (orientation:landscape){.preparation-actions-bar{align-items:center;gap:6px;padding:4px;display:flex}.preparation-actions-bar p{flex:1;margin:0;font-size:11px;line-height:1.2}.preparation-actions-bar p:first-child{flex:0 0 72px}.preparation-actions-bar button{flex:1;width:auto;min-height:44px;margin:0;padding:4px;font-size:12px}}.own-hand[data-targeting=true] .own-player{display:none}.hand-power-prompt{color:#fff0c3;z-index:6;background:#0a2429;border:2px solid #dbb865;align-items:center;gap:8px;width:max-content;max-width:min(360px,85vw);padding:6px 8px;font-size:14px;line-height:1.3;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 3px #071217}.hand-power-prompt button{flex:none;width:32px;height:32px;min-height:32px;padding:0;font-size:24px}.game-shell .hand-cards .card[data-power-target=true]:enabled{outline-offset:2px;outline:2px solid #ace9d0}@media (width<=600px) and (orientation:portrait){.hand-power-prompt{max-width:100%;padding:0 4px;font-size:12px;bottom:calc(100% + 6px);left:50%}.hand-power-prompt button{width:44px;height:44px}}.compact-power-prompt{white-space:normal;overflow-wrap:anywhere;min-width:0;display:none}@media (width<=600px) and (height<=720px) and (orientation:portrait){.hand-power-prompt,.game-shell .table-status[data-targeting=true]>:not(.compact-power-prompt){display:none}.game-shell .table-status[data-targeting=true] .compact-power-prompt{font-size:11px;line-height:1.15;display:block}}@media (height<=500px) and (orientation:landscape){.hand-power-prompt,.game-shell .table-status[data-targeting=true]>:not(.compact-power-prompt){display:none}.game-shell .table-status[data-targeting=true] .compact-power-prompt{font-size:11px;line-height:1.15;display:block}}@media (width<=600px) and (height<=720px) and (orientation:portrait),(height<=500px) and (orientation:landscape){.game-shell .own-hand[data-targeting=true] .own-player{display:flex}}.seat-cards{position:relative}.player-seat[data-spy-target=true]{z-index:6}.spy-targets{z-index:6;gap:2px;display:flex;position:absolute;top:calc(50% - 6px);left:50%;transform:translate(-50%,-50%)}.spy-target-card{background:#0a2429;border:2px solid #a6e7d3;border-radius:0;flex:none;width:44px;height:44px;min-height:44px;padding:2px;display:block;box-shadow:0 3px #071217}.mini-card[data-spy-placeholder=true]{visibility:hidden}.spy-observation{z-index:2;outline-offset:1px;outline:2px solid #a6e7d3;position:relative}.mini-card>.spy-observation{width:100%;height:100%;margin:0;transform:none}.spy-observation i{color:#b8f2de;background:#0a2429;padding:1px 2px;font-size:8px;font-style:normal;line-height:1;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.spy-observation .card-suit{filter:none;font-size:clamp(15px,1.5vw,24px);top:60%}.spy-observation .card-corner{font-size:8px;top:2px;left:2px}.spy-observation .card-rank{font-size:12px;line-height:1;display:block}.spy-observation .card-corner-bottom{display:none}.spy-memory{color:#b8f2de;text-align:center;pointer-events:none;background:#0a2429;border:1px solid #638f81;width:max-content;max-width:190px;padding:3px 5px;font-size:10px;line-height:1.25;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}@media (width<=600px) and (orientation:portrait){.seat-relative-1 .spy-targets{left:auto;right:0;transform:translateY(-50%)}.seat-relative-3 .spy-targets{left:0;transform:translateY(-50%)}.spy-observation .card-suit{font-size:14px}.spy-observation .card-corner{display:none}.spy-observation .card-corner:first-child{display:block;top:0;left:1px}.spy-observation .card-corner:first-child>span:last-child{display:none}}.seat-cards>.mini-card:has(.spy-observation){z-index:3;position:relative}@media (width<=600px) and (orientation:portrait){.spy-observation{outline:none}.spy-observation .card-face{outline:1px solid #a6e7d3;width:28px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spy-observation i{bottom:-13px}}.spy-observation .card-face:before{display:none}.spy-target-card>.card-back{width:24px;height:auto;margin:auto}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell:has(.spy-targets) .vira-panel{top:84px}}button.spy-observation{box-shadow:none;cursor:zoom-in;background:0 0;border:0;border-radius:4px;min-height:0;padding:0;display:block}.spy-observation-face{width:100%;height:100%;display:block}.spy-card-preview{color:#fff0ce;text-align:center;background:#09262a;border:3px ridge #e2b55e;border-radius:20px 6px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;position:fixed;inset:0;overflow:auto;box-shadow:0 12px 45px #000a}.spy-card-preview::backdrop{background:#001712cc}.spy-card-preview h2{margin:0 0 16px;font-size:22px}.spy-card-preview .spy-preview-face{aspect-ratio:2/3;width:min(42vw,180px,32dvh);margin:0 auto 16px;display:block}.spy-card-preview>strong{font-size:20px;display:block}.spy-card-preview p{margin:10px 0 16px;font-size:16px;line-height:1.25}.spy-card-preview button{cursor:pointer;width:100%;min-height:44px}@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{color:#f5e7c5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--gold:#e5b35c;--muted:#b7b6a2;--panel:#0b1e23;background:#10231e;font-family:Pixelify Sans,monospace}*{box-sizing:border-box}body{background:radial-gradient(at 40% 15%,#17453466,#0000 65%),repeating-linear-gradient(97deg,#191c17 0 3px,#211e17 4px 6px,#171b17 8px 52px);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,input:not([type=checkbox]),select{border-radius:2px;min-height:46px}button{border:1px solid var(--gold);color:#ffedbd;cursor:pointer;background:linear-gradient(#183a3c,#102629);padding:12px 20px;font-size:18px;font-weight:600;transition:filter .14s,transform .14s;box-shadow:inset 0 0 0 3px #061a20,inset 0 0 0 4px #806436,0 3px #071311}button:hover:enabled{filter:brightness(1.18);transform:translateY(-2px)}button:disabled{color:#a19c86;cursor:not-allowed;border-color:#6c674c}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #ffe4a1}input:not([type=checkbox]),select{color:#fff0ce;background:#061c20;border:1px solid #8c794a;width:100%;margin-top:8px;padding:11px 13px;font-size:18px;display:block;box-shadow:inset 0 2px 5px #0005}input[type=checkbox]{accent-color:#e5b35c;flex-shrink:0;width:20px;height:20px}label{color:#d6caa9;font-size:16px;display:block}h1,h2,h3,p{margin:0}h2{color:#ffda88;font-size:32px;font-weight:600}h3{color:var(--gold);font-size:18px}.app-shell{max-width:1440px;margin:auto;padding:26px 38px 40px}.app-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.brand{padding-left:12px;position:relative}.brand h1{flex-direction:column;align-items:center;line-height:.85;display:flex;transform:rotate(-3deg)}.brand-main{letter-spacing:-3px;color:#ffc65d;-webkit-text-stroke:1px #a15c21;text-shadow:3px 3px #7c371c,5px 6px #080f14;font-size:70px;font-weight:700}.brand-ribbon{color:#ffe8b2;letter-spacing:3px;background:#b82d30;border:2px solid #e56f41;margin-top:4px;padding:6px 28px;font-size:23px;box-shadow:4px 4px #080f14}.brand-suits{color:#e2a64b;writing-mode:vertical-lr;letter-spacing:4px;font-size:16px;position:absolute;top:3px;left:-10px}.header-meta{text-align:right}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:14px;font-weight:600}.status-chip,.connection-chip{color:#eadbb7;background:#102c28;border:1px solid #7d7045;align-items:center;gap:8px;padding:7px 12px;font-size:14px;display:inline-flex}.header-meta .status-chip,.connection-chip{margin-top:12px}.connection-dot{background:#74c99b;width:7px;height:7px;box-shadow:0 0 8px #74c99b66}.is-reconnecting .connection-dot{background:#edb14c}.error-banner{background:#571f28;border:1px solid #e97f67;margin-bottom:20px;padding:16px}.button-primary{color:#251d17;text-shadow:0 1px #ffe4a8;background:linear-gradient(#e7b75a,#b97c32);box-shadow:inset 0 0 0 3px #5b3b24,inset 0 0 0 4px #fbd584,0 4px #090f12}.button-primary:disabled{color:#b2a786;text-shadow:none;background:#514b35}.button-quiet{box-shadow:none;color:#bfbaa8;background:0 0;border-color:#605e48;font-size:15px}.disconnected button{pointer-events:none}@media (width<=760px){.app-shell{padding:18px 14px 30px}.app-header{gap:12px;margin-bottom:22px}.brand-main{font-size:49px}.brand-ribbon{padding:5px 19px;font-size:16px}.header-meta .eyebrow{letter-spacing:1px;font-size:10px}.header-meta .status-chip,.connection-chip{max-width:180px;padding:6px;font-size:12px}}@media (prefers-reduced-motion:reduce){button{transition:none}*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}body:has(.game-shell){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}.game-shell{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;position:relative;overflow:hidden}.game-shell .room-stage,.game-shell .game-table,.game-shell .table-layout{display:block;position:absolute;inset:0}.game-shell .arena{min-height:0;box-shadow:none;background-size:100% 100%;border:0;position:absolute;inset:0}.game-shell .app-header{z-index:3;pointer-events:none;margin:0;display:block;position:absolute;top:3dvh;left:2.5vw}.game-shell .brand-main{font-size:clamp(40px,5.5vw,90px)}.game-shell .brand-ribbon{padding:6px 24px;font-size:clamp(14px,1.8vw,30px)}.game-shell .header-meta{text-align:left;position:fixed;bottom:86px;left:2.5vw}.game-shell .header-meta .eyebrow{display:none}.game-shell .connection-chip{background:#072a23df;font-size:12px}.game-shell .scoreboard{z-index:2;gap:1.5vw;width:44%;max-width:none;margin:0;padding:0;position:absolute;top:2.5dvh;left:28%}.game-shell .team-score,.game-shell .stake-score{padding:.8dvh 8px}.game-shell .team-score strong,.game-shell .stake-score strong{font-size:clamp(28px,6dvh,65px)}.game-shell .team-score span,.game-shell .stake-score>span{font-size:clamp(11px,1.2vw,20px)}.game-shell .table-status{z-index:2;text-align:center;background:#082a24;border:1px solid #8b7841;max-width:44%;margin-top:0;padding:4px 14px;font-size:11px;line-height:1.2;top:15dvh;left:46%;transform:translate(-50%)translate(0,0)}.game-shell .table-status p:not(.compact-power-prompt){margin-right:8px;font-size:clamp(14px,1.1vw,18px);display:inline}.game-shell .table-status>span,.game-shell .table-status small{font-size:11px}.game-shell .table-sidebar{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.game-shell .table-history{pointer-events:auto;background:#08171deb;width:23%;height:28dvh;min-height:0;padding:clamp(10px,1.4vw,22px);position:absolute;top:2.5dvh;right:1.5vw;overflow:auto}.game-shell .table-history h3{padding-bottom:10px;font-size:clamp(12px,1.15vw,18px)}.game-shell .history-list{max-height:none}.game-shell .history-entry{padding:9px 0;font-size:clamp(12px,1vw,16px)}.game-shell .table-actions{pointer-events:auto;gap:6px;width:clamp(190px,19vw,290px);position:absolute;bottom:2.5dvh;right:1.5vw}.game-shell .action-truco,.game-shell .action-fold,.game-shell .action-accept{min-height:44px;padding:8px 10px}.game-shell .action-truco{font-size:clamp(20px,1.7vw,26px)}.game-shell .covered-choice{background:#06251fdb;margin:0;padding:4px 8px;font-size:12px}.game-shell .decision-actions{gap:6px}.game-shell .decision-actions button{font-size:clamp(14px,1.5vw,22px)}.game-shell .surrender-action{padding:8px}.game-shell .table-actions:has(.decision-actions) .covered-choice{display:none}.room-menu{z-index:5;max-width:calc(100% - 32px);position:absolute;bottom:2.5dvh;left:2.5vw}.room-menu>summary{cursor:pointer;color:#eed59e;background:#071e24ed;border:1px solid #b38a46;align-items:center;width:max-content;min-height:44px;padding:10px 16px;list-style:none;display:flex}.room-menu>summary:before{content:"☰";color:var(--gold);margin-right:10px}.room-menu>summary:focus-visible{outline-offset:3px;outline:3px solid #ffe4a1}.room-menu[open]{width:min(850px,100% - 32px);max-height:calc(100dvh - 32px);inset:50% auto auto 50%;overflow:auto;translate:-50% -50%;box-shadow:0 0 0 100vmax #02130ed9,0 15px 50px #000a}.room-menu .compact-lobby{margin:0}.room-menu .room-result{border:1px solid var(--gold);color:#ffe0a0;background:#0c3b2d;padding:14px;font-size:20px}.game-shell .match-result{z-index:4;width:50%;margin:0;font-size:22px;position:absolute;top:15%;left:25%}.game-shell .error-banner{z-index:6;width:50%;max-height:20dvh;position:absolute;top:3dvh;left:25%;overflow:auto}.game-shell .player-seat{grid-template-columns:clamp(34px,6dvh,72px) 1fr;gap:6px 10px;width:clamp(100px,14vw,220px);max-width:none}.game-shell .player-seat .seat-avatar{width:clamp(34px,6dvh,72px);height:clamp(34px,6dvh,72px)}.game-shell .seat-info{background:#052622d9}.game-shell .seat-name{font-size:clamp(13px,1.4vw,23px)}.game-shell .seat-team{font-size:clamp(10px,.85vw,14px)}.game-shell .mini-card{width:clamp(20px,min(3vw,3.53dvh),44px)}.game-shell .seat-relative-1{top:37%;left:auto;right:6%;transform:none}.game-shell .seat-relative-3{top:37%;left:6%}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:19%;left:46%;right:auto;transform:translate(-50%)}.game-shell .center-plays{width:clamp(195px,24vw,390px);height:29dvh;top:36%;left:46%;transform:translate(-50%)}.game-shell .played-card{width:clamp(50px,min(6.3vw,8.66dvh),100px)}.game-shell .play-relative-0{top:auto;bottom:0;left:50%;transform:translate(-50%)}.game-shell .play-relative-1{top:30%;left:auto;right:0}.game-shell .play-relative-3{top:30%;left:0}.game-shell .play-relative-2,.game-shell .arena[data-player-count="2"] .play-relative-1{top:0;left:50%;right:auto;transform:translate(-50%)}.game-shell .table-emblem{width:max-content;font-size:clamp(40px,6vw,85px);top:50%;left:50%;transform:translate(-50%,-50%)}.game-shell .vira-panel{width:clamp(62px,min(7vw,8.66dvh + 20px),112px);padding:7px;top:28%;right:28%}.game-shell .vira-panel small{white-space:nowrap;letter-spacing:-.4px;display:block}.game-shell .own-hand{bottom:3.5dvh;left:46%}.game-shell .own-player{gap:12px;margin-bottom:1.5dvh;position:relative}.game-shell .own-player .seat-avatar{width:clamp(34px,6dvh,66px);height:clamp(34px,6dvh,66px)}.game-shell .own-player strong{font-size:clamp(15px,1.5vw,25px)}.game-shell .hand-cards{gap:clamp(8px,1vw,16px)}.game-shell .card{width:clamp(72px,min(8.3vw,14dvh),140px)}.game-shell .card-suit{font-size:clamp(38px,5.6vw,88px)}.game-shell .played-card .card-suit,.game-shell .vira-panel .card-suit{font-size:clamp(30px,4vw,65px)}.game-shell .mini-card .card-suit{font-size:19px}.turn-badge{white-space:nowrap;color:#fff0bd;background:#123d30;border:2px solid #edc973;padding:3px 9px;font-size:14px;line-height:1.1;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%;box-shadow:2px 2px #071b18}.own-player[data-active=true] .seat-avatar{outline-offset:3px;outline:2px solid #edc973}@media (width<=600px),(height<=500px){.turn-badge{padding:3px 5px;font-size:11px;bottom:calc(100% + 5px)}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.turn-badge{left:auto;right:0;translate:none}}@media (width<=600px) and (orientation:portrait){.game-shell .app-header{top:14px;left:12px}.game-shell .brand{padding-left:0}.game-shell .brand-main{letter-spacing:-1px;font-size:29px}.game-shell .brand-ribbon{letter-spacing:1px;padding:4px 10px;font-size:10px}.game-shell .brand-suits{display:none}.game-shell .header-meta{top:110px;bottom:auto;left:12px}.game-shell .is-connected{display:none}.game-shell .connection-chip{width:100px;padding:5px;font-size:10px}.game-shell .scoreboard{gap:5px;width:71%;top:12px;left:26%}.game-shell .team-score,.game-shell .stake-score{padding:5px 2px}.game-shell .team-score span,.game-shell .stake-score>span{font-size:9px}.game-shell .team-score strong,.game-shell .stake-score strong{font-size:30px}.game-shell .stake-score small{font-size:9px}.game-shell .table-status{text-align:center;width:max-content;max-width:72%;margin:0;padding:3px 8px;font-size:9px;top:80px;left:50%;transform:translate(-50%)}.game-shell .table-status p{font-size:14px}.game-shell .table-status>span,.game-shell .table-status small{font-size:9px}.game-shell .player-seat{grid-template-columns:30px 1fr;gap:4px;width:90px}.game-shell .player-seat .seat-avatar{border-width:2px;width:30px;height:30px}.game-shell .seat-name{font-size:12px}.game-shell .seat-team{font-size:8px}.game-shell .mini-card{width:20px}.game-shell .seat-relative-1{top:40%;right:3%}.game-shell .seat-relative-3{top:40%;left:3%}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:15%;left:50%}.game-shell .center-plays{width:134px;height:22dvh;top:27%;left:50%}.game-shell .played-card{width:49px}.game-shell .played-card .card-suit{font-size:30px}.game-shell .played-card .card-corner{font-size:11px}.game-shell .played-card .card-rank{font-size:14px}.game-shell .played-card small{font-size:8px}.game-shell .vira-panel{width:55px;padding:4px;top:21%;left:4%;right:auto}.game-shell .vira-panel h3,.game-shell .vira-panel strong{font-size:9px}.game-shell .vira-panel .card-suit{font-size:26px}.game-shell .vira-panel>span:not([role]){font-size:16px}.game-shell .vira-panel small{font-size:8px}.game-shell .own-hand{bottom:225px;left:50%}.game-shell .own-player{gap:8px;margin-bottom:9px}.game-shell .own-player .seat-avatar{width:34px;height:34px}.game-shell .own-player strong{font-size:14px}.game-shell .card{width:clamp(65px,19vw,90px)}.game-shell .hand-cards .card-suit{font-size:43px}.game-shell .table-history{width:32%;height:10dvh;padding:8px;top:122px;right:12px}.game-shell .table-history h3{letter-spacing:0;padding-bottom:5px;font-size:10px}.game-shell .history-empty,.game-shell .history-entry{padding-top:5px;font-size:10px}.game-shell .table-actions{right:12px;bottom:max(12px, env(safe-area-inset-bottom));gap:6px;width:calc(100% - 24px)}.game-shell .action-truco{padding:8px;font-size:22px}.game-shell .decision-actions{grid-template-columns:1fr 1fr}.game-shell .decision-actions button{padding:6px;font-size:16px}.game-shell .covered-choice{font-size:11px}.game-shell .surrender-action{font-size:12px}.game-shell .room-menu{top:74px;bottom:auto;left:12px}.game-shell .room-menu>summary{justify-content:center;width:44px;padding:6px;font-size:0}.game-shell .room-menu>summary:before{margin-right:0;font-size:16px}.game-shell .room-menu[open]{top:50%;left:50%}.game-shell .room-menu[open]>summary{justify-content:flex-start;gap:8px;width:100%;font-size:12px}.game-shell .match-result{width:90%;font-size:18px;top:25%;left:5%}.game-shell .error-banner{width:90%;font-size:13px;top:78px;left:5%}}@media (height<=500px) and (orientation:landscape){.game-shell .app-header{top:14px;left:16px}.game-shell .brand-main{font-size:36px}.game-shell .brand-ribbon{padding:4px 16px;font-size:12px}.game-shell .header-meta{bottom:65px;left:16px}.game-shell .connection-chip{padding:4px;font-size:10px}.game-shell .scoreboard{gap:10px;width:48%;top:10px;left:24%}.game-shell .team-score strong,.game-shell .stake-score strong{font-size:28px}.game-shell .team-score span,.game-shell .stake-score>span{font-size:10px}.game-shell .stake-score small{font-size:9px}.game-shell .table-status{text-align:center;align-items:center;gap:8px;max-width:48%;margin:0;padding:2px 8px;font-size:9px;display:flex;top:73px;left:46%;transform:translate(-50%)}.game-shell .table-status>span{display:none}.game-shell .table-status p{font-size:12px}.game-shell .table-status>span,.game-shell .table-status small{font-size:9px}.game-shell .player-seat{grid-template-columns:30px 1fr;gap:3px 6px;width:110px}.game-shell .player-seat .seat-avatar{border-width:2px;width:30px;height:30px}.game-shell .seat-name{font-size:12px}.game-shell .seat-team{font-size:8px}.game-shell .mini-card{width:18px}.game-shell .seat-relative-1{top:34%;right:5%}.game-shell .seat-relative-3{top:34%;left:5%}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:24%;left:45%}.game-shell .center-plays{width:180px;height:30dvh;top:43%;left:45%}.game-shell .played-card{width:40px}.game-shell .played-card small{font-size:8px}.game-shell .played-card .card-suit{font-size:28px}.game-shell .played-card .card-corner{font-size:10px}.game-shell .played-card .card-rank{font-size:13px}.game-shell .vira-panel{width:54px;padding:4px;top:25%;right:28%}.game-shell .vira-panel h3,.game-shell .vira-panel strong{font-size:9px}.game-shell .vira-panel>span:not([role]){font-size:15px}.game-shell .vira-panel small{font-size:8px}.game-shell .vira-panel .card-suit{font-size:26px}.game-shell .own-hand{bottom:12px;left:45%}.game-shell .own-player{gap:8px;width:110px;margin:0;position:absolute;top:20px;right:calc(100% + 12px)}.game-shell .own-player .seat-avatar{width:30px;height:30px}.game-shell .own-player strong{font-size:13px}.game-shell .card{width:60px}.game-shell .hand-cards .card-suit{font-size:30px}.game-shell .hand-cards .card-corner{font-size:11px;top:4px;left:4px}.game-shell .hand-cards .card-rank{font-size:14px}.game-shell .hand-cards .card-corner-bottom{inset:auto 4px 4px auto}.game-shell .table-history{height:27dvh;padding:8px;top:10px}.game-shell .table-history h3{letter-spacing:1px;padding-bottom:5px;font-size:11px}.game-shell .history-empty,.game-shell .history-entry{padding-top:5px;font-size:11px}.game-shell .table-actions{gap:4px;bottom:10px}.game-shell .action-truco{padding:6px;font-size:21px}.game-shell .decision-actions{grid-template-columns:1fr 1fr;gap:4px}.game-shell .decision-actions button{padding:4px;font-size:13px}.game-shell .covered-choice{font-size:10px;line-height:1.2}.game-shell .surrender-action{padding:4px;font-size:11px}.game-shell .room-menu{bottom:12px;left:16px}.game-shell .room-menu>summary{padding:7px;font-size:11px}.game-shell .room-menu[open]{bottom:auto;left:50%}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .brand-main{font-size:23px}.game-shell .brand-ribbon{padding:3px 8px;font-size:9px}.game-shell .table-history{width:28%;top:132px}.game-shell .table-status{max-width:65%}.game-shell .table-status p{font-size:12px}.game-shell .table-status>span,.game-shell .table-status small{font-size:8px}.game-shell .room-menu{top:82px;left:auto;right:12px}.game-shell .room-menu>summary{justify-content:center;width:44px;font-size:0}.game-shell .room-menu>summary:before{margin:0;font-size:16px}.game-shell .room-menu[open]{top:50%;left:50%;right:auto}.game-shell .room-menu[open]>summary{justify-content:flex-start;gap:8px;width:100%;font-size:12px}.game-shell .seat-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.game-shell .mini-card{width:16px}.game-shell .player-seat .seat-avatar{width:24px;height:24px}.game-shell .player-seat{grid-template-columns:24px 1fr}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:112px}.game-shell .center-plays{width:122px;height:19dvh;top:32%}.game-shell .played-card{width:35px}.game-shell .played-card .card-suit{font-size:24px}.game-shell .played-card .card-rank{font-size:11px}.game-shell .played-card .card-corner{font-size:9px}.game-shell .vira-panel{width:44px;top:104px;left:2%}.game-shell .vira-panel .card-suit{font-size:21px}.game-shell .vira-panel .card-rank{font-size:11px}.game-shell .vira-panel .card-corner{font-size:8px}.game-shell .vira-panel small{font-size:7px}.game-shell .own-hand{bottom:175px}.game-shell .own-player{flex-direction:column;gap:4px;width:40px;margin:0;position:absolute;top:15px;left:-46px}.game-shell .own-player .seat-avatar{width:24px;height:24px}.game-shell .own-player strong{white-space:nowrap;text-overflow:ellipsis;width:40px;font-size:12px;overflow:hidden}.game-shell .hand-cards .card-corner{font-size:13px}.game-shell .hand-cards .card-rank{font-size:17px}.game-shell .hand-cards .card-suit{font-size:32px}}.guest-profile{width:31.8%;height:23%;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:5.7%;right:1.5%}.guest-profile .avatar{display:none}.profile-info{width:58%;height:80%;position:absolute;top:10%;left:37%}.profile-info label{height:26%;font-size:0;display:block;position:relative}.profile-info label:before{content:"♛";color:#f7bd52;font-family:Georgia,serif;font-size:clamp(14px,1.8vw,30px);position:absolute;top:0;left:0}.profile-info input{color:#ffe3a3;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #ae813d;margin:0;padding:0 18px 0 12%;font-family:"Jersey 25",sans-serif;font-size:clamp(18px,2vw,34px)}.profile-info input::placeholder{color:#e8cc99;opacity:1}.profile-level{color:#f2d59c;justify-content:space-between;gap:8px;margin-top:4%;font-size:clamp(13px,1.5vw,25px);display:flex}.profile-level small{color:#9aa7aa;align-self:center;font-size:11px}.profile-progress{background:#0c2634;border:1px solid #27718b;height:9px;margin-top:3px;box-shadow:inset 0 0 0 2px #03131e}.guest-caption{color:#8aa2b0;text-align:right;margin-top:4px;font-size:clamp(8px,.8vw,13px)}.profile-economy{border-top:1px solid #55482e;align-items:center;gap:12px;width:100%;padding-top:5%;padding-left:13%;display:flex;position:absolute;bottom:0;left:0}.profile-economy:before{content:"";aspect-ratio:1;background:#b67925;border:4px double #f6c05b;border-radius:50%;width:10%;position:absolute;bottom:0;left:0;box-shadow:inset 0 0 0 2px #724211}.profile-economy strong{color:#f2c36b;font-size:clamp(19px,2vw,34px);font-weight:400}.profile-economy small{color:#99a6aa;font-size:11px}.profile-economy button{aspect-ratio:1;width:11%;min-height:0;box-shadow:none;color:#e7b359;background:#051824;border:2px solid #c8953b;padding:0;font-size:clamp(17px,2vw,32px);line-height:1;position:absolute;bottom:0;right:0}.menu-button .menu-icon{aspect-ratio:1;width:auto;height:75%;image-rendering:pixelated;background-image:url(/art/menu-icons.png);background-repeat:no-repeat;background-size:200% 300%;flex:none;display:block}.icon-cards{background-position:0 0}.icon-house{background-position:100% 0}.icon-players{background-position:0}.icon-book{background-position:100%}.icon-hat{background-position:0 100%;transform:rotate(180deg)}.icon-gear{background-position:100% 100%}@media (width<=600px) and (orientation:portrait){main.entry-shell{height:auto}.main-menu{height:auto;padding:180px 18px 75px}.entry-shell .app-header{width:34%;height:90px;top:24px;left:18px}.entry-shell .brand{opacity:1}.entry-shell .brand-main{font-size:clamp(34px,11vw,60px)}.entry-shell .brand-ribbon{letter-spacing:0;padding:6px 10px;font-size:14px}.entry-shell .brand-suits{display:none}.guest-profile{background:#041922f2;border:3px double #d4a455;gap:9px;width:52%;height:135px;padding:12px;display:flex;top:18px;right:12px}.guest-profile .avatar{border-width:2px;align-self:flex-start;width:38px;height:38px;margin-top:6px;display:block}.profile-info{flex:1;width:auto;min-width:0;height:100%;position:relative;top:auto;left:auto}.profile-info label{height:35px}.profile-info label:before{display:none}.profile-info input{min-height:35px;padding:0;font-size:20px}.profile-level{margin-top:6px;font-size:13px}.profile-level small{font-size:8px}.profile-progress{height:6px}.guest-caption{display:none}.profile-economy{gap:5px;padding-top:4px}.profile-economy strong{font-size:18px}.profile-economy small{font-size:8px}.profile-economy button{width:18px;height:18px;font-size:16px}.menu-navigation{gap:10px;width:100%;height:auto;position:relative;top:auto;left:auto}.menu-navigation .menu-button{height:64px;min-height:64px;padding-left:10%;font-size:29px}.menu-navigation .menu-button:before,.menu-navigation .menu-button:after{font-size:20px}.menu-navigation .menu-button:before{left:-5%}.menu-navigation .menu-button:after{right:-5%}.menu-footer{background:#05151ee8;border-top:1px solid #b78b43;height:55px;font-size:14px}.menu-footer .menu-exit{margin-left:0;font-size:20px}.menu-progress{width:max-content;font-size:13px;top:auto;bottom:55px;translate:-50%}}@media (width<=360px) and (orientation:portrait){.main-menu{padding:160px 14px 70px}.guest-profile{height:123px;padding:10px}.guest-profile .avatar{display:none}.profile-info input{font-size:20px}.menu-navigation .menu-button{height:55px;min-height:55px;font-size:26px}}@media (height<=500px) and (orientation:landscape){.menu-navigation{height:73%;top:14%}.menu-navigation .menu-button{height:15.2%;min-height:44px;padding:3px 8%;font-size:clamp(19px,2.7vw,28px)}.menu-navigation .menu-button:before,.menu-navigation .menu-button:after{font-size:20px}.profile-level{margin-top:2%;font-size:12px}.profile-level small,.profile-economy small{font-size:8px}.profile-progress{height:5px}.guest-caption{display:none}.profile-economy{padding-top:2%}.profile-economy strong{font-size:16px}.profile-info input{font-size:18px}.menu-footer,.menu-footer .menu-exit{min-height:30px}}.join-panel{z-index:3;background:#061d24f5;border:4px double #e4b461;width:min(420px,31%);padding:28px;position:absolute;top:54%;left:50%;translate:-50% -50%;box-shadow:0 15px 50px #0008,inset 0 0 0 5px #06131a}.join-panel .eyebrow{letter-spacing:2px;font-family:Pixelify Sans,monospace;font-size:11px}.join-panel h2{margin:14px 0;font-family:"Jersey 25",sans-serif;font-size:38px;font-weight:400}.join-panel>p:not(.eyebrow){color:#b4c0af;margin-bottom:24px;font-size:18px;line-height:1.3}.join-panel input{letter-spacing:4px;font-size:28px}.join-panel .menu-button{gap:12px;width:100%;height:58px;min-height:58px;margin-top:20px;padding:12px;font-size:28px}.menu-back{box-shadow:none;color:#cdb985;background:0 0;border:0;margin-top:14px;padding-left:0;font-size:16px}@media (width<=600px) and (orientation:portrait){.join-panel{width:100%;padding:24px;position:relative;top:auto;left:auto;translate:none}.join-panel h2{font-size:34px}.join-panel .menu-button{font-size:26px}}@media (height<=500px) and (orientation:landscape){.join-panel{width:34%;padding:15px;top:52%}.join-panel .eyebrow{display:none}.join-panel h2{margin:0 0 8px;font-size:26px}.join-panel>p:not(.eyebrow){margin-bottom:10px;font-size:13px}.join-panel input{min-height:40px;font-size:22px}.join-panel .menu-button{height:44px;min-height:44px;margin-top:10px;font-size:23px}.menu-back{min-height:44px;margin-top:4px;padding:8px 0}}main.lobby-shell{max-width:none;min-height:100dvh;padding:28px clamp(18px,4vw,64px)}.lobby-shell .app-header{align-items:flex-start;margin:0;position:absolute;top:22px;left:4%;right:4%}.lobby-shell .brand-main{font-size:clamp(58px,6vw,90px)}.lobby-shell .brand-ribbon{padding:6px 22px;font-size:20px}.lobby-shell .header-meta .eyebrow{display:none}.lobby-shell .header-meta{margin-top:-18px}.lobby-shell .connection-chip{background:#081d23}.lobby-shell .room-stage{max-width:1320px;margin:auto}.room-lobby{--lobby-ink:#fff0cd;--lobby-muted:#c7d3d6;--lobby-surface:#071d24;--lobby-frame:url(/art/lobby-frame.svg);color:var(--lobby-ink);font-family:"Jersey 25",sans-serif}.lobby-shell .room-lobby{box-shadow:none;background:0 0;border:0;padding:0}.lobby-left-column,.lobby-right-column{flex-direction:column;gap:16px;min-width:0;display:flex}.lobby-right-column{padding-top:24px}.lobby-shell .lobby-heading{flex-direction:column;grid-column:1;justify-content:flex-end;align-items:stretch;gap:6px;min-height:95px;margin:42px 0 0 200px;display:flex}.lobby-shell .lobby-heading .eyebrow{color:var(--lobby-ink);letter-spacing:2px;text-align:center;background:#071d24;padding:4px;font-size:14px}.lobby-heading h2{border:12px solid #0000;border-image:var(--lobby-frame) 32 stretch;color:#ffe0a0;text-transform:uppercase;text-align:center;letter-spacing:2px;background:#071a2b;margin:0;padding:4px;font-size:clamp(30px,3.4vw,52px);line-height:1}.lobby-workbench{grid-template-columns:1fr;gap:24px;display:grid}.lobby-shell .lobby-workbench{grid-template-columns:1.15fr 1fr}.lobby-config-column,.lobby-players-column,.lobby-powers{border:14px solid #0000;border-image:var(--lobby-frame) 32 stretch;background:var(--lobby-surface);min-width:0;padding:4px 10px}.lobby-shell .lobby-players-column{flex:1}.lobby-players-column>h3{color:#ffe0a0;text-transform:uppercase;border-bottom:1px solid #a7803c;justify-content:center;align-items:center;gap:14px;margin:0 0 10px;padding:3px 0 9px;font-size:29px;display:flex}.lobby-icon{color:#efb750;shape-rendering:crispedges;flex-shrink:0;width:32px;height:32px}.room-lobby button{justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:22px;display:inline-flex}.room-lobby button:disabled{opacity:1;color:#d2dad6;text-shadow:none;background:#20323a;border:2px dashed #84958a;border-image:;box-shadow:inset 0 0 0 3px #10222b}.lobby-shell .lobby-actions{align-self:stretch;gap:16px;margin:0;display:flex}.lobby-actions>button{border:12px solid #0000;border-image:var(--lobby-frame) 32 stretch;min-height:68px;box-shadow:none;padding:8px 14px}.lobby-actions .button-primary{color:#fff0cd;text-shadow:2px 2px #09201b;background:#075039;flex:1.6}.lobby-actions .button-quiet{color:#ffe3a1;background:#302114;flex:1;font-size:25px}.lobby-shell .leave-room{margin:0}.lobby-powers{grid-column:1;grid-template-columns:180px 1fr;align-items:center;gap:14px;min-height:160px;display:grid}.lobby-powers h3{color:#ffe0a0;text-transform:uppercase;font-size:25px}.lobby-powers p{color:var(--lobby-muted);margin:5px 0 10px;font-size:18px;line-height:1.3}.room-lobby .power-preview{width:100%;min-height:44px;padding:5px;font-size:19px}.power-preview:before{content:none}.power-fan{height:130px;position:relative}.fan-card{color:#a52131;background:#fff0cd;border:5px double #d5a048;place-items:center;width:85px;height:122px;font-size:65px;display:grid;position:absolute;top:4px;left:2px;transform:rotate(-18deg);box-shadow:3px 4px #0008}.fan-card:last-child{color:#102433;left:90px;transform:rotate(17deg)}.fan-card.fan-spy{z-index:1;color:#ffdb8c;background:#0b243e;grid-template-rows:1fr 28px;font-size:20px;top:-5px;left:48px;transform:rotate(-3deg)}.fan-spy .lobby-icon{width:48px;height:48px}.room-menu .lobby-heading{display:none}.room-menu .lobby-powers,.room-menu .lobby-actions{margin-top:15px}.room-lobby .lobby-settings{border:0;min-width:0;margin:0;padding:0;display:block}.room-lobby .lobby-settings legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lobby-option-row{border-bottom:1px solid #77623b;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 0;display:grid}.option-caption{flex-direction:column;gap:3px;min-width:0;display:flex}.option-caption>strong{text-transform:uppercase;color:#ffe9b4;font-size:25px;font-weight:400;line-height:1}.option-caption small{color:var(--lobby-muted);font-size:16px;line-height:1.2}.pixel-options{grid-template-columns:1fr 1fr;gap:8px;width:clamp(200px,19vw,290px);display:grid}.pixel-options label{cursor:pointer;min-width:0;position:relative}.pixel-options input{opacity:0;z-index:1;cursor:pointer;border:0;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.pixel-options span{color:#d6dfec;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:#101c2b;border:4px double #9a7244;place-items:center;min-height:47px;font-size:23px;display:grid}.pixel-options input:checked+span{color:#171e24;background:#ffc762;border-color:#fff0ba;box-shadow:inset 0 0 0 3px #a96229}.pixel-options input:focus-visible+span{outline-offset:-6px;outline:3px solid #fff0cd}.pixel-options input:disabled+span,.pixel-options input:disabled{cursor:not-allowed}.lobby-clock-options{border-bottom:1px solid #77623b;padding:9px 0}.lobby-clock-options summary{cursor:pointer;min-height:32px;color:var(--lobby-muted);align-items:center;gap:12px;font-size:18px;display:flex}.lobby-clock-options summary:after{content:"+";color:#ffe0a0;margin-left:auto}.lobby-clock-options[open] summary:after{content:"−"}.lobby-clock-options .lobby-icon{width:22px;height:22px;margin-left:8px}.clock-fields{grid-template-columns:1fr 1fr;gap:12px;padding-top:10px;display:grid}.clock-fields label{color:var(--lobby-ink);font-size:18px}.room-lobby select,.room-lobby input:not([type=radio]):not([type=checkbox]){color:var(--lobby-ink);opacity:1;background:#071720;font-size:17px}.clock-summary{color:var(--lobby-muted);padding-top:8px;font-size:17px}.lobby-config-column .invite-field{border-bottom:1px solid #77623b;max-width:none;padding:10px 0}.invite-field>label{color:var(--lobby-muted);font-size:16px}.invite-control{gap:8px;margin-top:5px;display:flex}.invite-control input{min-width:0;min-height:44px;margin:0}.room-lobby .invite-control button{max-width:110px;padding:5px 10px;font-size:17px}.invite-feedback{color:#c3edb8;font-size:16px;line-height:1.3}.invite-feedback:not(:empty){margin-top:7px}.room-link-panel .invite-field{border:0;width:clamp(210px,24vw,355px);min-width:0;padding:0}.room-link-panel .invite-field>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.room-link-panel .invite-control{margin:0}.room-link-panel .invite-control button{width:44px;min-width:44px;height:46px;padding:5px}.room-link-panel .invite-control .lobby-icon{width:24px;height:24px}.settings-locked-note{color:#bdc8c5;border-bottom:1px solid #46504e;align-items:center;gap:7px;padding:8px 0;font-size:17px;display:flex}.lobby-settings .settings-locked-note .lobby-icon{width:18px;height:18px}.lobby-settings:disabled .option-caption>strong{color:#b5c0bc}.lobby-settings:disabled .option-caption small{color:#a5b4b8}.lobby-settings:disabled .lobby-icon{color:#83918c}.lobby-settings:disabled .pixel-options label{cursor:not-allowed}.lobby-settings:disabled .pixel-options span{color:#a8b6c0;box-shadow:none;background:#101a22;border-color:#556462}.lobby-settings:disabled .pixel-options input:checked+span{color:#e3e9e5;background:#34434a;border-color:#8c9d98;box-shadow:inset 0 0 0 2px #172a30}.lobby-teams{grid-template-rows:repeat(2,1fr);gap:12px;display:grid}.lobby-team{border:10px solid #0000;border-image:var(--lobby-frame) 32 stretch;background:#0b2540;flex-direction:column;min-width:0;padding:0 8px 8px;display:flex}.lobby-team.team-enemy{background:#351322}.team-heading{background:#0d325b;border-bottom:1px solid #ac8240;justify-content:center;align-items:center;gap:12px;margin:0 -8px;padding:5px 0 7px;display:flex}.team-enemy .team-heading{background:#64162e}.team-heading h4{color:#ffe4a4;text-transform:uppercase;margin:0;font-size:27px;line-height:1}.team-heading>span{color:#d3dde1;font-size:16px}.lobby-team .seat-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0}.lobby-team .seat-grid:has(>:only-child){grid-template-columns:1fr}.lobby-team .lobby-seat{text-align:center;background:#0a1e30;border:1px solid #725b34;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-width:0;padding:8px 6px;display:flex}.lobby-team .lobby-seat.is-ready{background:#092c2a}.lobby-team.team-enemy .lobby-seat{background:#251824}.lobby-team .lobby-seat.is-empty{border-style:dashed}.lobby-team .avatar{width:clamp(58px,4.3vw,72px);height:clamp(58px,4.3vw,72px)}.lobby-team .avatar-empty:after{content:"?";color:#a1b2bc;font-size:44px}.lobby-team .seat-info{width:100%}.lobby-team .seat-info>strong{clip-path:inset(50%);color:#c7d3d6;width:1px;height:1px;font-size:14px;font-weight:400;display:block;position:absolute;overflow:hidden}.lobby-team .seat-status{color:#fff0cd;overflow-wrap:anywhere;margin:5px 0 0;font-size:18px;line-height:1.1}.lobby-team .seat-badges{justify-content:center;gap:5px;margin-top:5px}.lobby-team .seat-badge{padding:2px 5px;font-size:14px}.lobby-team .seat-actions{width:100%;min-height:3.3em;margin-top:auto;font-size:17px;display:flex}.lobby-team .seat-actions>button{width:100%;min-height:3.3em;font-size:inherit;margin:0;padding:5px;line-height:1.15}.lobby-team .seat-actions>button:hover:enabled{transform:none}.lobby-team .seat-ready-toggle[aria-pressed=true]{color:#d0f6c0;background:#133b28;border-color:#80c76c}@media (width<=1150px){.lobby-shell .lobby-heading{margin-left:180px}.lobby-shell .lobby-workbench{grid-template-columns:1.1fr 1fr;gap:16px}.lobby-option-row{grid-template-columns:30px minmax(0,1fr) auto;gap:9px}.lobby-option-row>.lobby-icon{width:27px;height:27px}.option-caption>strong{font-size:22px}.option-caption small{font-size:14px}.pixel-options{gap:5px;width:180px}.pixel-options span{font-size:20px}.lobby-powers{grid-template-columns:130px 1fr}.power-fan{transform-origin:0;transform:scale(.65)}.lobby-actions>button{gap:6px;padding:6px;font-size:23px}.lobby-actions .lobby-icon{width:24px;height:24px}}@media (width<=900px){main.lobby-shell{padding:20px}.lobby-shell .app-header{margin-bottom:20px;position:relative;inset:auto}.lobby-shell .header-meta{margin-top:0}.lobby-shell .brand-main{font-size:58px}.lobby-shell .brand-ribbon{font-size:18px}.lobby-shell .room-lobby{max-width:680px;margin:auto}.lobby-shell .lobby-workbench{grid-template-columns:1fr}.lobby-right-column{padding-top:0}.lobby-shell .lobby-heading{grid-area:auto/1;min-height:0;margin:0}.lobby-shell .lobby-config-column,.lobby-shell .lobby-players-column,.lobby-shell .lobby-actions,.lobby-powers{grid-area:auto/1}.lobby-shell .lobby-players-column{order:3;margin-top:0}.lobby-powers{order:2}.lobby-shell .lobby-actions{order:4}.pixel-options{width:240px}}@media (width<=560px){main.lobby-shell{padding:18px 12px}.lobby-config-column,.lobby-players-column,.lobby-powers{border-width:10px;padding:5px 7px}.lobby-option-row{grid-template-columns:30px minmax(0,1fr);gap:7px 9px;padding:12px 0}.lobby-option-row>:last-child:not(.option-caption){grid-column:2;justify-self:stretch}.pixel-options{width:100%}.pixel-options span{min-height:44px;font-size:23px}.option-caption>strong{font-size:24px}.option-caption small{font-size:16px}.room-link-panel .invite-field{width:100%}.lobby-powers{grid-template-columns:106px 1fr;gap:3px}.power-fan{height:125px;transform:scale(.48)}.lobby-powers h3{font-size:23px}.lobby-powers p{font-size:16px}.room-lobby .power-preview{font-size:17px}.lobby-players-column>h3{font-size:27px}.team-heading h4{font-size:24px}.lobby-team{padding:0 5px 7px}.team-heading{margin:0 -5px}.lobby-team .seat-grid{gap:6px}.lobby-team .lobby-seat{padding:9px 3px}.lobby-team .seat-status{font-size:17px}.lobby-actions>button{border-width:9px;min-height:62px}.lobby-actions .button-quiet{font-size:22px}.lobby-actions .button-primary{font-size:23px}}.lobby-start-status{background:var(--lobby-surface);color:var(--lobby-muted);margin:0;padding:6px 10px;font-size:16px;line-height:1.2}@media (width<=900px){.lobby-start-status{order:3}}@media (width>=901px){main.lobby-shell{padding-top:16px;padding-bottom:12px}.lobby-left-column,.lobby-right-column{gap:10px}.lobby-shell .lobby-heading{min-height:90px;margin-top:12px}.lobby-right-column{padding-top:16px}.lobby-shell .lobby-players-column{flex:none}.lobby-option-row{min-height:60px;padding:6px 0}.lobby-powers{grid-template-columns:130px 1fr;gap:8px;min-height:130px}.power-fan{transform-origin:0;height:100px;transform:scale(.65)}.lobby-powers p{margin-bottom:4px;font-size:16px}.clock-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clock-fields label{font-size:16px}.lobby-team .avatar{width:44px;height:44px}.lobby-team .seat-grid{margin-top:6px}.lobby-team .seat-actions,.lobby-team .seat-actions>button{min-height:44px}.lobby-team .seat-status{font-size:16px}.team-heading{padding:3px 0}.team-heading h4{font-size:23px}.lobby-team .lobby-seat{gap:3px;padding:6px}.lobby-team .seat-badges,.lobby-team .seat-status{margin-top:3px}.lobby-team{padding-bottom:4px}.lobby-players-column>h3{margin-bottom:6px;padding-bottom:5px;font-size:25px}.pixel-options{min-width:200px}.lobby-powers{position:relative}.power-catalog[open]{z-index:5;border:1px solid var(--gold);max-height:min(480px,75dvh);position:absolute;bottom:4px;left:140px;right:10px;box-shadow:0 8px 20px #0008}}@media (width>=901px) and (height<=700px){.lobby-shell .lobby-heading{min-height:74px;margin-top:0}.lobby-heading h2{font-size:32px}.lobby-team .lobby-seat{gap:2px;padding:4px}.lobby-powers{min-height:116px}.power-fan{height:86px;transform:scale(.6)}.lobby-actions>button{min-height:56px;padding-top:2px;padding-bottom:2px}main.lobby-shell{padding-bottom:6px}.lobby-right-column{padding-top:0}.lobby-team .avatar{width:32px;height:32px}.lobby-team .lobby-seat{gap:0}.team-heading h4{font-size:20px}}.audio-controls{z-index:50;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));color:#fff0ce;position:fixed}.audio-controls summary{cursor:pointer;background:#102629;border:1px solid #cfa359;justify-content:center;align-items:center;gap:8px;min-width:78px;min-height:44px;padding:8px 12px;list-style:none;display:flex;box-shadow:0 3px #071311}.audio-controls summary::-webkit-details-marker{display:none}.audio-controls summary:focus-visible{outline-offset:4px;outline:3px solid #ffe4a1}.audio-settings{background:#0b1e23;border:1px solid #cfa359;gap:16px;width:min(280px,100vw - 32px);max-height:min(300px,100dvh - 80px);padding:16px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 6px 18px #0009}.audio-settings label{color:#fff0ce}.audio-toggle{align-items:center;gap:10px;min-height:44px;display:flex}.audio-volume output{float:right}.audio-settings input[type=range]{accent-color:#e5b35c;min-height:44px;box-shadow:none;margin-top:6px;padding:0}.audio-settings p{color:#d6caa9;font-size:14px;line-height:1.4}.room-menu .audio-controls{margin:12px 0;position:relative;inset:auto}.room-menu .audio-controls summary{width:max-content}.room-menu .audio-settings{width:100%;margin-top:8px;position:static}@media (width<=600px),(height<=500px){.audio-controls{bottom:8px;right:8px}.audio-controls summary{min-width:64px;padding:6px 8px;font-size:14px}}.candlelight,.candlelight *{pointer-events:none}.candlelight{position:absolute;inset:0;overflow:hidden}.candlelight-plane{--flame-x:4.55%;--flame-y:7.4%;--flame-width:1.5%;--flame-height:6.1%;position:absolute;inset:0}.candlelight-menu .candlelight-plane{--flame-x:2.95%;--flame-y:16.2%;--flame-width:2.3%;--flame-height:10.5%}.candlelight-lobby{position:fixed}.candlelight-lobby .candlelight-plane{--flame-x:5.7%;--flame-y:7.4%;--flame-width:1.35%;--flame-height:6%;width:max(100vw,150dvh);height:max(100dvh,66.6667vw);inset:50% auto auto 50%;translate:-50% -50%}.candlelight-flame{left:var(--flame-x);top:var(--flame-y);width:var(--flame-width);height:var(--flame-height);transform-origin:bottom;clip-path:polygon(44% 0,56% 0,56% 18%,64% 18%,64% 35%,72% 35%,72% 50%,80% 50%,80% 66%,88% 66%,88% 83%,72% 83%,72% 94%,60% 94%,60% 100%,32% 100%,32% 94%,20% 94%,20% 85%,12% 85%,12% 65%,20% 65%,20% 50%,28% 50%,28% 35%,36% 35%,36% 18%,44% 18%);background:#ffab32;animation:1.7s steps(5,end) infinite candle-flame;position:absolute;translate:-50% -100%}.candlelight-flame:after{content:"";clip-path:polygon(44% 0,56% 0,56% 36%,68% 36%,68% 55%,80% 55%,80% 83%,64% 83%,64% 100%,32% 100%,32% 88%,20% 88%,20% 62%,32% 62%,32% 36%,44% 36%);background:#fff4b5;position:absolute;inset:18% 16% 1%}.candlelight-glow{left:var(--flame-x);top:var(--flame-y);width:calc(var(--flame-width) * 8);height:calc(var(--flame-height) * 3.5);mix-blend-mode:screen;background:radial-gradient(#ffc35830,#ffb52e0d 40%,#0000 70%);animation:2.3s steps(6,end) infinite candle-glow;position:absolute;translate:-50% -60%}@keyframes candle-flame{0%,to{transform:scaleX(1)scaleY(.98)}30%{transform:scaleX(.91)scaleY(1.06)}65%{transform:scaleX(1.05)scaleY(.93)}}@keyframes candle-glow{0%,to{opacity:.65}50%{opacity:.95}}@media (width<=600px) and (orientation:portrait){.candlelight-menu{display:none}}@media (prefers-reduced-motion:reduce){.candlelight{display:none}.candlelight-flame,.candlelight-glow{animation:none}}.table-atmosphere,.table-atmosphere *{pointer-events:none}.table-atmosphere{z-index:4;position:absolute;inset:0;overflow:hidden}.deal-deck,.deal-card{aspect-ratio:2/3;width:clamp(28px,4vw,54px);position:absolute;top:45%;left:46%;translate:-50% -50%}.deal-deck{animation:.84s ease-out both deal-deck-away;rotate:-8deg;box-shadow:3px 3px #dec48c,5px 6px #10283e,7px 8px #dec48c}.deal-card{opacity:0;animation:.46s cubic-bezier(.2,.65,.35,1) both deal-card-flight;animation-delay:var(--deal-delay)}.deal-relative-0{--deal-left:46%;--deal-top:84%}.deal-relative-1{--deal-left:86%;--deal-top:40%}.deal-relative-2,.table-atmosphere[data-player-count="2"] .deal-relative-1{--deal-left:46%;--deal-top:22%}.deal-relative-3{--deal-left:13%;--deal-top:40%}.table-atmosphere[data-paused=true] .deal-deck,.table-atmosphere[data-paused=true] .deal-card{animation-play-state:paused}@keyframes deal-card-flight{0%{opacity:0;transform:rotate(-8deg)scale(.8)}10%{opacity:1}82%{opacity:1}to{left:var(--deal-left);top:var(--deal-top);opacity:0;transform:rotate(var(--deal-rotation)) scale(1)}}@keyframes deal-deck-away{0%,72%{opacity:1}to{opacity:0}}@media (width<=600px) and (orientation:portrait){.deal-deck,.deal-card{width:30px;top:38%;left:50%}.deal-relative-0{--deal-left:50%;--deal-top:68%}.deal-relative-2,.table-atmosphere[data-player-count="2"] .deal-relative-1{--deal-left:50%;--deal-top:18%}}@media (prefers-reduced-motion:reduce){.table-atmosphere{display:none}.deal-deck,.deal-card{animation:none}}@media (width>=601px){.table-atmosphere[data-player-count="2"] .deal-deck,.table-atmosphere[data-player-count="2"] .deal-card{left:50%}.table-atmosphere[data-player-count="2"] .deal-relative-0,.table-atmosphere[data-player-count="2"] .deal-relative-1{--deal-left:50%}}.resolution-feedback{color:#fff0c5;gap:5px;display:grid}.resolution-feedback strong{color:#ffe19a;font-size:clamp(16px,1.6vw,24px)}.resolution-feedback>span{font-size:clamp(13px,1.1vw,17px);line-height:1.25}.game-shell .table-status .turn-explanation{color:#fff0c5;font-size:12px;display:inline}.game-shell .game-table[data-transition] .scoreboard,.game-table[data-transition=deal] .hand-cards,.game-table[data-transition=deal] .seat-cards{visibility:hidden}.game-shell .table-status[data-resolving=true]{border:3px double #e7bd6b;width:44%;max-width:44%;padding:12px 16px;top:2.5dvh;left:50%;box-shadow:0 4px #031812,0 0 24px #edc97322}.played-card>span{animation:none}.played-card[data-power=boost]>span{animation:.65s ease-out boost-flare}.played-card[data-power=mask]>span{animation:.65s ease-out mask-flare}.played-card[data-winner=true]{z-index:3}.played-card[data-winner=true]>span{transform-origin:50%;outline-offset:4px;outline:3px solid #ffe09b;animation:.9s ease-out both winning-card;box-shadow:0 0 24px #ffdc755c}.played-card[data-resolved=true][data-winner=false]>span{filter:brightness(.78)}.spy-observation,.power-reveal{animation:.8s ease-out power-reveal}.trick-explanation{color:#fff0c5;margin:4px 0;line-height:1.3}.turn-badge,.table-status>p[role=status]{animation:.75s ease-out turn-arrival}@keyframes winning-card{0%{transform:scale(1)rotate(0)}22%{transform:scale(1.2)rotate(-5deg)}34%{transform:scale(1.2)rotate(5deg)}46%{transform:scale(1.2)rotate(-4deg)}58%{transform:scale(1.2)rotate(3deg)}72%{transform:scale(1.18)rotate(0)}to{transform:scale(1.12)rotate(0)}}@keyframes boost-flare{0%,to{filter:none}35%{filter:brightness(1.25);box-shadow:0 0 24px #f5c86f}}@keyframes mask-flare{0%,to{filter:none}35%{filter:brightness(1.1);box-shadow:0 0 24px #af9bef}}@keyframes turn-arrival{0%{box-shadow:0 0 0 4px #ffe09b}to{box-shadow:0 0 #ffe09b00}}@keyframes power-reveal{0%{box-shadow:inset 0 0 0 2px #bfa1ef}to{box-shadow:inset 0 0 #bfa1ef00}}@media (width<=600px) and (orientation:portrait){.game-shell .table-status:not([data-resolving=true]){max-width:calc(100% - 128px)}.game-shell .table-status[data-resolving=true]{width:71%;max-width:71%;padding:6px 8px;top:12px;left:26%;transform:none}.resolution-feedback{gap:3px}.resolution-feedback strong{font-size:14px;line-height:1.1}.resolution-feedback>span{font-size:12px;line-height:1.15}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .turn-badge{bottom:calc(100% + 20px)}}@media (height<=500px) and (orientation:landscape){.game-shell .table-status[data-resolving=true]{width:48%;max-width:48%;padding:5px 10px;top:10px;left:24%;transform:none}.resolution-feedback strong{font-size:14px}.resolution-feedback>span{font-size:12px}}@media (prefers-reduced-motion:reduce){.played-card>span,.played-card[data-power]>span,.played-card[data-winner=true]>span,.spy-observation,.power-reveal,.turn-badge,.table-status>p[role=status]{animation:none}}.table-status .round-announcement{width:100%;position:static;translate:none}.table-status .round-announcement-ribbon{box-shadow:none;background:0 0;border:0;gap:3px;padding:0 0 6px}.table-status .round-announcement-title{font-size:clamp(16px,2vw,26px)}.table-status .round-announcement-caption{font-size:12px}.table-status:has(.round-announcement) .resolution-feedback>strong{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.game-shell .played-card[data-flying=true]{z-index:5}.game-shell .played-card[data-flying=true]>span{filter:none;animation:none}.game-shell .played-card[data-flying=true]>small{visibility:hidden}.turn-announcement{z-index:4;pointer-events:none;text-align:center;width:min(507px,66.67% - 16px);position:absolute;top:46%;left:50%;translate:-50% -50%}.turn-announcement-ribbon{background:linear-gradient(105deg,#144d3c,#082a26 50%,#144d3c);border:3px double #ffe39a;justify-items:center;gap:4px;padding:clamp(8px,1.33vw,16px) 8px;animation:2.4s both turn-announcement-pop;display:grid;transform:rotate(-4deg);box-shadow:0 8px #071b16,0 0 0 4px #5d391f,0 14px 35px #0009}.turn-announcement-title{color:#ffe6a3;letter-spacing:2px;white-space:nowrap;text-shadow:3px 4px #9d4829,5px 7px #061c19;font-size:clamp(28px,6vw,75px);font-weight:700;line-height:.95}.turn-announcement-caption{color:#fff3d1;font-size:clamp(12px,1.8vw,19px);line-height:1.2}@keyframes turn-announcement-pop{0%{opacity:0;transform:rotate(-9deg)scale(.65)}10%{opacity:1;transform:rotate(-3deg)scale(1.05)}18%,85%{opacity:1;transform:rotate(-4deg)scale(1)}to{opacity:0;transform:translateY(-14px)rotate(-4deg)scale(.96)}}@media (height<=500px) and (orientation:landscape){.turn-announcement{width:min(353px,44%)}.turn-announcement-title{font-size:clamp(28px,8dvh,47px)}.turn-announcement-ribbon{padding:7px 8px}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.turn-announcement{top:44%}}@media (prefers-reduced-motion:reduce){.turn-announcement-ribbon{animation:none;transform:none}}.round-announcement{z-index:4;text-align:center;pointer-events:none;width:min(640px,100% - 28px);position:absolute;top:46%;left:50%;translate:-50% -50%}.round-announcement-ribbon{background:#103c30;border:5px double #ffe29a;gap:6px;padding:clamp(12px,2vw,24px) 12px;animation:.3s ease-out both round-result-arrival;display:grid;box-shadow:0 6px #071b16,0 0 0 3px #714a2b}.round-announcement[data-result=lose] .round-announcement-ribbon{background:#481e2c;border-color:#efa794}.round-announcement[data-result=tie] .round-announcement-ribbon{background:#18303e}.round-announcement-title{color:#fff0c5;text-shadow:3px 3px #061d1a;font-size:clamp(26px,6vw,66px);line-height:1.05}.round-announcement-caption{color:#ffe29a;font-size:clamp(12px,1.8vw,19px)}.match-result-panel{text-align:center;background:#103c30;border:5px double #e9bb6a;width:min(600px,100%);max-height:calc(100dvh - 32px);padding:18px 14px;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 4px #07261e,6px 6px #020c09}.table-surface{display:contents}.match-end-layer{z-index:20;background:#03130ee0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.match-end-layer[data-stage=celebration]{background:#03130e99}.match-end-actions{gap:10px;margin-top:20px;display:grid}.match-end-actions button{width:100%;min-height:44px}.match-end-hint{color:#dfd3b0;margin:14px 0 0;font-size:14px;line-height:1.35}.match-result-panel[data-result=lose]{background:#421c2a;border-color:#e3a38e}.match-result-panel[data-result=tie]{background:#152c38}.match-result-suits{color:#e9bb6a;letter-spacing:12px;font-size:23px}.match-result-title{overflow-wrap:anywhere;color:#ffe8a6;text-shadow:3px 3px #8d482c,5px 5px #071b18;margin:6px 0 12px;font-size:clamp(28px,5vw,64px);line-height:1.1}.match-final-score{color:#fff0c5;font-size:clamp(16px,2.5vw,25px)}.match-result-panel .room-result{color:#fff0c5;background:0 0;border:0;padding:8px 0;font-size:16px}.match-result-reason{color:#dfd3b0;font-size:14px}.match-end-layer[data-stage=celebration] .match-result-panel{width:min(900px,100%);padding:clamp(20px,4vw,48px) 14px;animation:.55s steps(7,end) both match-winner-arrival}.match-end-layer[data-stage=celebration] .match-result-title{font-size:clamp(36px,8vw,100px)}.match-end-layer[data-stage=celebration] .match-result-suits{animation:1.8s steps(4,end) infinite match-winner-suits;display:inline-block}.pixel-confetti-layer,.pixel-confetti-layer *{pointer-events:none}.pixel-confetti-layer{z-index:1;position:fixed;inset:0;overflow:hidden}.pixel-confetti{width:var(--confetti-size);height:var(--confetti-size);background:var(--confetti-color);animation:pixel-confetti-fall var(--confetti-duration) steps(24, end) var(--confetti-delay) both;position:absolute;top:-10dvh;box-shadow:2px 2px #06251e77}@keyframes round-result-arrival{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes match-winner-arrival{0%{opacity:0;transform:scale(.65)rotate(-4deg)}75%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes match-winner-suits{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pixel-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--confetti-drift), 120dvh) rotate(var(--confetti-spin))}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.round-announcement{top:44%}}@media (height<=500px) and (orientation:landscape){.match-result-panel,.match-end-layer[data-stage=celebration] .match-result-panel{padding:12px}.match-result-title,.match-end-layer[data-stage=celebration] .match-result-title{font-size:32px}.match-result-suits{font-size:16px}.match-result-panel .room-result{padding:2px 0}.match-end-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.round-announcement{width:min(530px,66%)}.round-announcement-ribbon{padding:10px}.round-announcement-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.pixel-confetti-layer{display:none}.pixel-confetti,.match-end-layer[data-stage=celebration] .match-result-panel,.match-end-layer[data-stage=celebration] .match-result-suits,.round-announcement-ribbon{animation:none}}.welcome-scene{z-index:3;background:#031d18e8;place-items:center;padding:24px 16px;display:grid;position:absolute;inset:0;overflow-y:auto}.welcome-panel{background:#0b3028;border:6px double #e5b35c;gap:18px;width:min(520px,100%);padding:clamp(20px,4vw,36px);display:grid;box-shadow:inset 0 0 0 4px #061c1b,6px 6px #020c09}.welcome-suits{color:#e5b35c;letter-spacing:14px;text-align:center;font-size:30px}.welcome-panel h2{font-size:clamp(28px,4vw,42px);line-height:1.05}.welcome-panel>p{line-height:1.4}.welcome-panel .eyebrow{letter-spacing:2px;font-size:13px}.welcome-panel label{color:#fff0ce}.welcome-help,.welcome-note{color:#dfd3b0;font-size:14px}.welcome-note{text-align:center}@media (height<=600px){.welcome-scene{place-items:safe center;padding:12px}.welcome-panel{gap:12px;padding:18px}.welcome-suits{font-size:20px}}@media (height<=500px) and (width>=600px){.welcome-panel{gap:10px;width:min(720px,100%);padding:14px 24px}.welcome-suits{display:none}.welcome-panel h2{font-size:30px}}.app-shell button:disabled:not(.card):not(.spy-target-card),.match-end-layer button:disabled,.disconnected button:not(.card):not(.spy-target-card){opacity:.25;cursor:not-allowed;filter:none;transition:none;transform:none}.app-shell button:disabled:hover,.match-end-layer button:disabled:hover,.app-shell .power-card[data-can-activate=false]:hover{filter:none;transform:none}.menu-navigation .menu-button:disabled:before,.menu-navigation .menu-button:disabled:after{opacity:0}.app-shell .power-card[data-can-activate=false]{opacity:.25;filter:none;transition:none}.app-shell .card:disabled,.app-shell .spy-target-card:disabled{opacity:1;filter:none;cursor:not-allowed}.app-shell .card:disabled .card-face{box-shadow:none}.disabled-tooltip{z-index:1000;overflow-wrap:anywhere;pointer-events:auto;color:#fff0ce;max-width:min(320px,100vw - 16px);max-height:calc(100dvh - 16px);text-shadow:none;background:#0b1e23;border:2px solid #e5b35c;padding:10px 14px;font-family:Pixelify Sans,monospace;font-size:16px;line-height:1.4;position:fixed;overflow-y:auto;box-shadow:3px 4px #000}.power-card{aspect-ratio:2/3;box-shadow:none;image-rendering:pixelated;background:url(/art/layers/power-card-spy.png) 50%/100% 100% no-repeat;border:0;border-image:;padding:0;display:block;container-type:inline-size}.power-exchange{background-image:url(/art/layers/power-card-exchange.png)}.power-boost{background-image:url(/art/layers/power-card-boost.png)}.power-mask{background-image:url(/art/layers/power-card-mask.png)}.power-card:before,.power-card:after{display:none}.power-card-title{z-index:1;clip-path:none;width:80%;height:10%;min-height:0;box-shadow:none;color:#171912;background:0 0;border:0;margin:0;padding:0;font-size:clamp(9px,8cqw,27px);line-height:1;position:absolute;top:5%;left:10%}.power-card-illustration{aspect-ratio:auto;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.power-card-art{aspect-ratio:1;background:0 0;width:84%;height:auto;position:absolute;top:17%;left:8%}.power-card-cost{width:28%;min-width:0;height:13%;min-height:0;box-shadow:none;background:0 0;border:0;gap:1px;padding:0;font-size:clamp(12px,12cqw,40px);inset:17% auto auto 5%}.power-card-hint{color:#171912;background:0 0;border:0;width:82%;height:14%;min-height:0;padding:2px;font-size:clamp(9px,6.3cqw,22px);line-height:1.05;position:absolute;top:70%;left:9%}.power-card-state{visibility:visible;height:auto;min-height:0;padding:6px 0 0;font-size:11px}@media (width<=600px),(height<=500px){.power-card-state{font-size:10px}}@media (width<=600px) and (height<=720px),(height<=500px){.power-card-state{display:none}}@media (hover:hover) and (pointer:fine) and (width>=601px){.power-card-pocket{max-height:100px}}@media (hover:hover) and (pointer:fine) and (width>=601px) and (height<=500px){.power-card-pocket{max-height:64px}}.power-exchange .power-card-title{font-size:clamp(7.5px,7.8cqw,26px)}.power-spy{background-image:url(/art/layers/power-card-spy-character.png)}.power-spy .power-card-cost{width:21%;height:12%;top:54%;left:77%}.power-spy .power-card-hint{height:14%;top:74%}.power-spy .power-card-title{height:9%;top:8%}@media (width<=600px),(height<=500px){.power-card-hint{height:22%;padding:0 1px;font-family:"Jersey 25",sans-serif;font-size:clamp(6px,8cqw,11px);font-weight:400;line-height:1;top:69%}.power-exchange .power-card-title{font-size:clamp(5px,7.8cqw,11px)}.power-spy .power-card-hint{height:20%;top:72.5%}}main.entry-shell,main.lobby-shell{isolation:isolate;background:#063c2d url(/art/layers/felt.png) 0 0/320px 320px}.menu-scenery{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.menu-scenery img{object-fit:contain;image-rendering:pixelated;position:absolute}.corner-nw{top:0;left:0}.corner-ne{top:0;right:0}.corner-sw{bottom:0;left:0}.corner-se{bottom:0;right:0}.crest-top{width:340px;height:120px;top:1%;left:50%;translate:-50%}.crest-bottom{width:340px;height:120px;bottom:1%;left:50%;translate:-50%}.crest-left{width:160px;height:360px;top:50%;right:calc(50% + 205px);translate:0 -50%}.crest-right{width:160px;height:360px;top:50%;left:calc(50% + 205px);translate:0 -50%}.scene-prop{aspect-ratio:1;width:clamp(80px,13vw,200px);position:absolute}.prop-candle{filter:drop-shadow(0 0 24px #eeb24745);top:2%;left:-1%}.prop-mate{top:46%;right:-2%;rotate:12deg}.prop-coins{bottom:1%;left:2%}.prop-deck{bottom:-2%;right:2%;rotate:-14deg}.scene-playing-card{filter:drop-shadow(5px 7px 2px #001c1970);width:clamp(90px,12vw,180px);height:auto;position:absolute}.scene-card-one{animation:7s ease-in-out infinite menu-float;top:48%;left:8%;rotate:-19deg}.scene-card-two{color:#102332;animation:8s ease-in-out -3s infinite menu-float;top:52%;left:17%;rotate:12deg}.scene-power-card{width:clamp(120px,15vw,215px);animation:9s ease-in-out -2s infinite menu-float;position:absolute;top:42%;right:12%;rotate:13deg}@keyframes menu-float{0%,to{translate:0}50%{translate:0 -9px}}@media (prefers-reduced-motion:reduce){.scene-playing-card,.scene-power-card{animation:none}}.menu-scenery[data-lobby=true] .prop-candle{display:none}.entry-shell .app-header{width:24%;height:auto;top:3%;left:9%}.entry-shell .brand{opacity:1;position:relative}.brand-logo{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.brand h1{transform:none}.lobby-shell .brand{width:190px;padding:0}.entry-shell .guest-profile{background:#061c26f5;border:5px double #d6a953;align-items:center;gap:14px;width:clamp(230px,27vw,360px);height:145px;padding:14px;display:flex;top:4%;right:3%;box-shadow:4px 5px #00181480}.entry-shell .guest-profile .avatar{flex-shrink:0;width:60px;height:60px;display:block}.entry-shell .profile-info{flex:1;width:auto;min-width:0;height:100%;position:relative;inset:auto}.entry-shell .profile-info input{padding-left:0;font-size:23px}.entry-shell .profile-info label:before{display:none}.entry-shell .profile-economy{gap:8px;padding-top:4px}.entry-shell .profile-economy strong{font-size:20px}.entry-shell .guest-caption{display:none}.entry-shell .menu-navigation{width:clamp(280px,29vw,440px);height:68%;top:20%;left:50%;translate:-50%}.entry-shell .menu-footer{background:#041b21e6;border-top:2px solid #99703c;padding-right:115px}.menu-scenery[data-lobby=true]{position:fixed}.game-shell .brand{width:clamp(110px,18vw,230px);padding:0}@media (width<=600px) and (orientation:portrait){.game-shell .brand{width:84px}}@media (height<=500px) and (orientation:landscape){.game-shell .brand{width:100px}}@media (width<=360px) and (orientation:portrait){.game-shell .brand{width:60px}}.scene-corner{aspect-ratio:1;width:clamp(220px,38vw,740px)}.corner-nw,.corner-ne{top:-5%}.corner-sw,.corner-se{bottom:1%}.scene-crest{opacity:.9}.crest-left,.crest-right{width:clamp(145px,15vw,290px);height:89%;top:52%}.crest-left{right:calc(50% + 13vw)}.crest-right{left:calc(50% + 13vw)}.crest-top,.crest-bottom{width:40%;height:23%}.crest-top{top:8%}.crest-bottom{bottom:3%}.prop-candle{width:clamp(100px,16vw,270px);top:6%;left:-3%}.prop-mate{width:clamp(120px,19vw,330px);top:29%;right:-5%;rotate:0deg}.prop-coins{width:clamp(100px,15vw,260px);bottom:25%;left:0;rotate:-16deg}.prop-deck{width:clamp(150px,24vw,420px);bottom:-9%;right:-4%;rotate:22deg}.scene-edge-props img{width:clamp(110px,20vw,350px)}.edge-deck-left{top:30%;left:-7%;rotate:-25deg}.edge-deck-bottom{bottom:-7%;left:-8%;rotate:-22deg}.edge-deck-top{top:-19%;left:34%;rotate:-16deg}.scene-edge-props .edge-coins-right{width:clamp(100px,17vw,290px);bottom:10%;right:3%;rotate:18deg}.scene-playing-card{width:clamp(90px,14vw,250px)}.scene-card-one{top:48%;left:13%;rotate:-14deg}.scene-card-two{top:55%;left:20%;rotate:13deg}.scene-power-card{width:clamp(120px,15vw,260px);top:47%;right:12%}.entry-shell .guest-profile{border:10px solid #0000;border-image:url(/art/lobby-frame.svg) 30/12px/2px;width:clamp(270px,32vw,600px);height:clamp(150px,23dvh,230px);padding:12px;top:5%;right:1.8%}.entry-shell .guest-profile .avatar{width:clamp(65px,8vw,130px);height:clamp(65px,8vw,130px)}.entry-shell .menu-navigation{width:clamp(280px,29vw,600px)}.entry-shell .menu-footer{border:8px solid #0000;border-image:url(/art/lobby-frame.svg) 30/10px}@media (width<=700px) and (orientation:portrait){.scene-corner{width:53vw}.corner-nw,.corner-ne{top:-2%}.corner-sw,.corner-se{bottom:4%}.scene-edge-props img{width:100px}.edge-deck-left{top:39%;left:-70px}.edge-deck-bottom{bottom:5%;left:-50px}.edge-deck-top{display:none}.scene-edge-props .edge-coins-right{width:80px;bottom:14%;right:-35px}.entry-shell .guest-profile .avatar{width:48px;height:48px}.crest-left,.crest-right{opacity:.55;height:76%}.prop-coins{bottom:5%;left:-25px}.prop-deck{width:130px;bottom:-1%;right:-45px}}@media (height<=500px) and (orientation:landscape){.scene-corner{width:32vw}.edge-deck-left{width:130px;left:-5%}.edge-deck-bottom,.edge-deck-top{display:none}.prop-deck{width:150px}.prop-mate{width:110px}.prop-coins{width:90px;bottom:14%}.entry-shell .guest-profile .avatar{width:32px;height:32px}}.corner-nw,.corner-sw{left:-.8%}.corner-ne,.corner-se{right:-.8%}@media (width>=701px) and (height>=501px){.entry-shell .profile-info input{font-size:clamp(23px,2vw,34px)}.entry-shell .profile-level{font-size:clamp(15px,1.4vw,22px)}.entry-shell .guest-caption{font-size:12px;display:block}}@media (height<=500px) and (orientation:landscape){.edge-deck-left{top:46%}}.scene-power-card .power-card-title{font-size:8cqw}.scene-power-card .power-card-hint{font-size:6.3cqw}@media (width<=1000px) and (height>=501px){.entry-shell .app-header{width:26%;left:3%}.entry-shell .guest-profile{width:235px}.scene-power-card{right:5%}.scene-card-one{left:2%}.scene-card-two{left:10%}}@media (width<=700px) and (orientation:portrait){main.entry-shell{height:auto;min-height:100dvh}.entry-shell .app-header{width:210px;height:125px;top:8px;left:50%;translate:-50%}.entry-shell .brand,.entry-shell .brand h1{height:100%}.main-menu{height:auto;min-height:100dvh;padding:262px 24px 80px}.entry-shell .guest-profile{width:auto;height:100px;padding:10px 14px;top:140px;left:24px;right:24px}.entry-shell .guest-profile .avatar{align-self:center;width:48px;height:48px;margin:0}.entry-shell .profile-info{height:auto}.entry-shell .profile-economy,.entry-shell .profile-progress{display:none}.entry-shell .menu-navigation{gap:10px;width:100%;height:auto;position:relative;inset:auto;translate:none}.entry-shell .menu-navigation .menu-button{height:60px;min-height:60px;font-size:29px}.scene-cards{display:none}.scene-prop{width:85px}.prop-mate{top:auto;bottom:60px;right:-30px}.crest-left{left:-40px;right:auto}.crest-right{left:auto;right:-40px}.crest-top,.crest-bottom{width:240px}.join-panel{width:100%;position:relative;inset:auto;translate:none}}@media (height<=500px) and (orientation:landscape){.entry-shell .app-header{width:24%;left:3%}.entry-shell .guest-profile{gap:8px;width:26%;min-width:0;height:118px;padding:8px;top:3%;right:2%}.entry-shell .guest-profile .avatar{width:32px;height:32px}.entry-shell .profile-info input{font-size:18px}.entry-shell .profile-level{font-size:12px}.entry-shell .profile-economy{display:none}.entry-shell .menu-navigation{width:34%;height:79%;top:8%}.scene-power-card{width:100px;top:41%;right:10%}.scene-power-card .power-card-hint{display:none}.scene-playing-card{width:75px}.entry-shell .menu-navigation .menu-button{font-size:22px}}@media (width<=360px) and (orientation:portrait){.entry-shell .menu-navigation .menu-button{gap:8px;padding-inline:18px;font-size:24px}.entry-shell .menu-navigation .menu-icon{height:34px}.prop-candle{width:60px}}@media (height<=500px) and (orientation:landscape){.prop-candle{width:55px;top:30%;left:1%}}.prop-candle-art{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0;overflow:visible}.prop-candle{aspect-ratio:477/512}.prop-candle-body{filter:var(--candle-filter)}.prop-candle-glow{background:radial-gradient(#ffbb422e,#ff9c1910 40%,#0000 70%);width:76%;height:75%;animation:3.1s ease-in-out infinite prop-candle-breathe;position:absolute;top:-15%;left:24%}@keyframes prop-candle-breathe{0%,to{opacity:.65}42%{opacity:1}73%{opacity:.78}}@media (prefers-reduced-motion:reduce){.prop-candle-glow{animation:none}.prop-candle-body{filter:none}}.game-shell .room-menu{pointer-events:auto}.game-shell .room-menu[open]{z-index:50;background:#071d24;border:12px solid #0000;border-image:url(/art/lobby-frame.svg) 32;width:min(520px,100vw - 32px);max-height:calc(100dvh - 24px);padding:0;position:fixed;inset:50% auto auto 50%;overflow:auto;translate:-50% -50%}.game-shell .room-menu[open]>summary{border:0;border-bottom:1px solid #ad8243;width:100%;min-height:32px;padding:4px 12px;font-size:14px}.room-menu-panel{color:#fff0cd;background:linear-gradient(#071d24ee,#071d24f5),url(/art/layers/felt.png) 50%/256px;padding:clamp(12px,3vw,24px);font-family:"Jersey 25",sans-serif}.room-menu-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-menu-panel h2{color:#ffe0a0;margin:4px 0;font-size:30px}.room-menu-panel .eyebrow{color:#d7bb79;font-size:14px}.room-menu-panel header button{min-height:44px;padding:2px 12px;font-size:28px}.room-menu-rules{margin:16px 0;font-size:18px;line-height:1.4}.room-menu-panel button{min-height:44px;font-family:inherit;font-size:20px}.room-menu-sound{border-block:1px solid #74603e;padding:12px 0}.room-menu-sound .audio-controls{width:100%;position:static}.room-menu-sound .audio-controls>div{width:100%;max-width:none;position:static}.room-menu-actions,.room-menu-exit{gap:10px;margin-top:18px;display:grid}.room-menu-exit p{font-size:18px;line-height:1.4}.room-menu-exit h3{color:#ffe0a0;font-size:24px}.room-menu-panel>[role=status]{margin-top:12px;font-size:16px}.energy-icon{vertical-align:-.12em;shape-rendering:crispedges;flex:none;width:.7em;height:1em;display:inline-block}.power-card-cost .energy-icon{width:.72em;height:1.1em;margin-right:.08em}.power-energy .energy-icon{width:12px;height:18px}@media (width<=600px){.power-energy .energy-icon{display:none}}.entry-shell .guest-profile{background:#04151e;border:14px solid #0000;border-image:url(/art/profile-frame.svg) 40/32px/3px;box-shadow:4px 6px #010b0dcc}.entry-shell .profile-info label:before{font-size:clamp(16px,1.6vw,26px);display:block;top:3px}.entry-shell .profile-info input{padding-left:28px;padding-right:28px;font-size:clamp(22px,2.2vw,36px)}.profile-edit{width:28px;height:32px;min-height:0;box-shadow:none;color:#f2bf63;background:0 0;border:0;padding:3px;position:absolute;top:0;right:0}.profile-edit svg{shape-rendering:crispedges;width:100%;height:100%}.entry-shell .guest-profile .avatar{border:4px solid #f1be57;outline:2px solid #6c4a20;box-shadow:inset 0 0 0 2px #07121b,0 0 0 4px #06121a}@media (width<=700px) and (orientation:portrait){.entry-shell .guest-profile{border-width:12px;padding:6px 10px}.entry-shell .profile-info input{padding-left:22px;font-size:23px}.entry-shell .profile-info label:before{font-size:16px}}@media (height<=500px) and (orientation:landscape){.entry-shell .profile-info input{padding-left:20px;font-size:20px}.entry-shell .profile-info label:before{font-size:14px}.profile-edit{width:24px}}.entry-shell .profile-info{height:auto}.entry-shell .profile-info label{height:34px}.entry-shell .profile-info input{font-size:clamp(22px,1.8vw,30px)}.entry-shell .profile-level{margin-top:5px;font-size:clamp(14px,1.2vw,20px)}.entry-shell .profile-level small,.entry-shell .profile-economy small{flex-shrink:0}.entry-shell .guest-caption{margin:4px 0 0}.entry-shell .profile-economy{gap:6px;min-height:38px;margin-top:8px;padding:8px 0 0;position:relative;inset:auto}.entry-shell .profile-economy:before{flex-shrink:0;width:26px;height:26px;position:static}.entry-shell .profile-economy button{flex-shrink:0;width:28px;height:28px;margin-left:auto;font-size:24px;position:static}@media (width>=701px) and (height>=501px){.entry-shell .guest-profile{border-width:12px;gap:12px;width:clamp(270px,28vw,510px);height:auto;padding:10px}.entry-shell .guest-profile .avatar{width:clamp(54px,6.5vw,104px);height:clamp(54px,6.5vw,104px)}}@media (width<=700px) and (orientation:portrait){.entry-shell .guest-profile{gap:10px;height:92px}.entry-shell .profile-info input{font-size:22px}}@media (height<=500px) and (orientation:landscape){.entry-shell .guest-profile{gap:6px;height:auto}.entry-shell .profile-info input{font-size:20px}.entry-shell .profile-level{flex-wrap:wrap;gap:2px 6px;font-size:12px}}.match-end-layer[data-stage=reading]{pointer-events:none;background:0 0;place-items:start center}.match-reading-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.match-result-title:focus{outline:none}.pixel-burst-layer{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.pixel-burst{background:var(--burst-color);width:10px;height:10px;animation:1.1s steps(12,end) both pixel-defeat-burst;position:absolute;top:50%;left:50%;box-shadow:4px 4px #873c31}@keyframes pixel-defeat-burst{0%{opacity:0;transform:rotate(var(--burst-angle)) translateX(16px) scale(.5)}15%{opacity:1}to{opacity:0;transform:rotate(var(--burst-angle)) translateX(var(--burst-distance)) scale(.3)}}.match-end-layer[data-stage=celebration] .match-result-panel{box-shadow:none;background:0 0;border-color:#0000}.match-end-layer[data-stage=celebration] .room-result,.match-end-layer[data-stage=celebration] .match-end-hint{display:none}@media (prefers-reduced-motion:reduce){.pixel-burst-layer{display:none}.pixel-burst{animation:none}}.match-rewards{color:#f7dfaa;border-top:1px solid #aa834c66;margin:16px 0 0;padding:12px 0 0}.match-rewards>strong{letter-spacing:.08em;text-transform:uppercase;color:#d3bb91;font-size:14px;font-weight:500;display:block}.match-rewards p{margin:10px 0 0;font-size:13px;line-height:1.5}.match-reward-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.match-reward-values span{overflow-wrap:anywhere;background:linear-gradient(135deg,#bd8d3320,#bd8d3305);border:1px solid #b7914f55;border-radius:3px;flex-direction:column;justify-content:center;gap:8px;padding:10px;display:flex}.match-reward-values span+span{background:linear-gradient(135deg,#7ba99a15,#7ba99a03);border-color:#8fb6ab44}.match-reward-values b{font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-shadow:none;color:#ffe3a0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,5vw,34px);font-weight:700;line-height:1.1}.match-reward-values span+span b{color:#b7e1d4}.match-reward-values small{color:#d9cfb8;font-size:13px;line-height:1.3}.match-rewards button{min-height:44px;margin-top:10px;font-size:14px}.tutorial-shell{z-index:40;color:#f7e5b9;background:#06251e url(/art/layers/felt.png);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:clamp(14px,2vw,30px);font-family:"Jersey 25",sans-serif;display:grid;position:fixed;inset:0}.tutorial-header{border-bottom:2px solid #b98b43;justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;display:flex}.tutorial-brand,.tutorial-kicker,.tutorial-counter{color:#e4b75f;letter-spacing:.12em;font-size:15px}.tutorial-header h1{margin:3px 0;font-size:clamp(28px,3vw,42px)}.tutorial-header p{color:#d9d1bc;margin:0;font-size:19px}.tutorial-tools{align-items:end;gap:18px;display:flex}.tutorial-tools label{gap:5px;font-size:16px;display:grid}.tutorial-shell button,.tutorial-shell select{min-height:44px;font:inherit;color:#ffe3a0;background:#081e29;border:2px solid #a77c3b;border-radius:0;padding:9px 15px;font-size:19px;line-height:1.1;box-shadow:2px 3px #02110f}.tutorial-shell button:hover:enabled{background:#163e40}.tutorial-shell button:focus-visible,.tutorial-shell select:focus-visible{outline-offset:3px;outline:3px solid #ffdf8a}.tutorial-layout{grid-template-columns:245px minmax(0,1fr);gap:24px;min-height:0;display:grid}.tutorial-contents{flex-direction:column;gap:8px;padding:4px;display:flex;overflow-y:auto}.tutorial-contents button{text-align:left;align-items:center;gap:12px;min-height:62px;display:flex}.tutorial-contents button span{color:#bba66c;font-size:17px}.tutorial-contents button[aria-current=step]{background:#6b202e;border-color:#ffda85}.tutorial-page{overscroll-behavior:contain;scrollbar-color:#c99c52 #071b23;background:#071b23;border:12px solid #0000;border-image:url(/art/profile-frame.svg) 40/22px;padding:clamp(18px,3vw,40px);overflow-y:auto}.tutorial-counter{margin:0 0 8px}.tutorial-page h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.1}.tutorial-page h2:focus{outline:none}.tutorial-page h3{color:#ffe3a0;margin:0 0 8px;font-size:23px}.tutorial-page p{font-size:20px;line-height:1.4}.tutorial-lead{color:#d9d3bd;max-width:75ch;margin:0 0 26px}.tutorial-blocks{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px;margin:26px 0;display:grid}.tutorial-blocks section{border-top:2px solid #675432;padding-top:16px}.tutorial-blocks p{color:#e1dccb;margin:0}.tutorial-score{color:#ffda85;text-align:center;background:#113a32;padding:16px;font-size:72px}.tutorial-score span{margin:0 20px;font-size:30px}.tutorial-demo{background:#103b32;border:1px solid #8d713e;padding:18px}.tutorial-scale{justify-content:space-between;margin-bottom:12px;font-size:18px;display:flex}.tutorial-ranks{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{aspect-ratio:2/3;color:#102638;background:#f9e4b4;border:3px double #b9853e;border-radius:4px;flex-direction:column;justify-content:space-between;padding:6px;font-size:clamp(20px,2.6vw,36px);display:flex;box-shadow:2px 3px #031817}.lesson-card>span{align-self:center;font-size:1.4em}.lesson-red{color:#a51f32}.tutorial-vira{justify-content:center;align-items:center;gap:20px;margin:24px 0;font-size:22px;display:flex}.tutorial-trumps{text-align:center}.tutorial-suits{grid-template-columns:repeat(4,minmax(0,100px));justify-content:center;gap:20px;display:grid}.tutorial-suits>div{gap:8px;font-size:18px;display:grid}.tutorial-powers{gap:24px;display:grid}.tutorial-powers>section{background:#102e32;border:1px solid #a88148;grid-template-columns:120px minmax(0,1fr);gap:22px;padding:18px;display:grid}.tutorial-power-art{aspect-ratio:2/3;image-rendering:pixelated}.tutorial-power-cost{color:#ffda85;align-items:center;gap:6px;margin:0;display:flex}.tutorial-power-cost svg{flex-shrink:0;width:18px;height:26px}.tutorial-page .tutorial-power-tip{color:#c3d1c7;font-size:18px}.tutorial-practice{background:#162d30;border:2px solid #b58e4f;margin-top:30px;padding:24px}.tutorial-choices{flex-wrap:wrap;gap:12px;margin:20px 0 0;display:flex}.tutorial-choices [aria-pressed=true]{background:#654028;border-color:#ffe19a}.tutorial-explanation{background:#09222a;border-left:4px solid #e1af62;margin-bottom:0;padding:14px}.tutorial-explanation[data-correct=true]{border-color:#91d4a9}.tutorial-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-footer>span{color:#e8c786;font-size:20px}@media (width<=760px){.tutorial-shell{gap:10px;padding:12px}.tutorial-header{align-items:start;gap:8px}.tutorial-header p,.tutorial-brand{display:none}.tutorial-header h1{font-size:27px}.tutorial-tools{flex-direction:column;align-items:stretch;gap:6px}.tutorial-tools label{font-size:14px}.tutorial-shell button,.tutorial-shell select{padding:8px;font-size:17px}.tutorial-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.tutorial-contents{flex-direction:row;overflow:auto}.tutorial-contents button{flex:0 0 170px;min-height:52px}.tutorial-page{border-width:8px;padding:14px}.tutorial-page p{font-size:18px}.tutorial-page h3{font-size:21px}.tutorial-ranks{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.lesson-card{font-size:24px}.tutorial-scale{font-size:15px}.tutorial-demo{padding:12px}.tutorial-suits{gap:8px}.tutorial-suits>div{font-size:15px}.tutorial-powers>section{grid-template-columns:minmax(0,1fr);padding:14px}.tutorial-power-art{justify-self:center;width:110px}.tutorial-practice{padding:14px}.tutorial-footer>span{white-space:nowrap;font-size:16px}}@media (height<=500px) and (orientation:landscape){.tutorial-header{padding-bottom:4px}.tutorial-header p,.tutorial-brand{display:none}.tutorial-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:190px minmax(0,1fr)}.tutorial-contents{flex-direction:column}.tutorial-contents button{flex:none}.tutorial-tools{flex-direction:row}.tutorial-shell{gap:6px;padding:10px}}.tutorial-power-art .power-card-hint{font-size:6cqw;display:grid}.tutorial-shell select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath fill='%23ffe3a0' d='M0 0h2v2h2v2h2v2h2V4h2V2h2V0h2v4h-2v2h-2v2H8v2H6V8H4V6H2V4H0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 10px;padding-inline-end:40px}.raise-announcement{z-index:8;pointer-events:none;text-align:center;color:#ffe8a3;isolation:isolate;width:min(94%,950px);animation:1.8s steps(12,end) both raise-arrival;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.raise-impact{z-index:-1;clip-path:polygon(0 35%,14% 30%,8% 0,30% 19%,38% 2%,50% 17%,64% 0,72% 22%,94% 8%,86% 35%,100% 45%,88% 65%,96% 94%,71% 80%,60% 100%,48% 83%,30% 100%,24% 78%,3% 91%,12% 60%);background:#621e2df0;position:absolute;inset:-35% -2%}.raise-shout{white-space:nowrap;letter-spacing:.015em;text-shadow:3px 3px #ab542b,6px 6px #07131b;justify-content:center;font-family:"Jersey 25",sans-serif;font-size:clamp(27px,7vw,100px);line-height:1.1;display:flex}.raise-shout span{animation:raise-letter .18s steps(2, end) calc(var(--letter) * -35ms) 6;display:inline-block}.raise-caption{color:#ffe9ad;background:#071b23;border:2px solid #e1b45b;margin-top:12px;padding:5px 18px;font-family:"Jersey 25",sans-serif;font-size:clamp(16px,2vw,25px);display:inline-block}.raise-announcement[data-stake="12"] .raise-impact{background:#86252af5}@keyframes raise-letter{0%,to{transform:translateY(-4px)rotate(-5deg)}50%{transform:translateY(4px)rotate(5deg)}}@keyframes raise-arrival{0%{opacity:0;scale:.55}12%{opacity:1;scale:1.08}22%,78%{opacity:1;scale:1}to{opacity:0;scale:1.06}}@media (width<=600px){.raise-shout{text-shadow:2px 2px #ab542b,3px 3px #07131b;font-size:clamp(25px,8vw,45px)}.raise-caption{margin-top:8px}}@media (height<=500px){.raise-announcement{top:35%}}@media (prefers-reduced-motion:reduce){.raise-announcement,.raise-shout span{animation:none}}.table-scenery{--table-corner:clamp(90px, 28vmin, 340px);--table-prop:clamp(100px, 22vmin, 250px);z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.table-scenery *{pointer-events:none}.table-floor,.table-felt,.table-rail{position:absolute;inset:0}.table-floor{background:#1c110e url(/art/table-layers/wood.png) 0 0/512px}.table-felt{clip-path:polygon(calc(var(--table-corner) * .9) calc(var(--table-corner) * .1), calc(100% - var(--table-corner) * .9) calc(var(--table-corner) * .1), calc(100% - var(--table-corner) * .27) calc(var(--table-corner) * .82), calc(100% - var(--table-corner) * .27) calc(100% - var(--table-corner) * .82), calc(100% - var(--table-corner) * .9) calc(100% - var(--table-corner) * .1), calc(var(--table-corner) * .9) calc(100% - var(--table-corner) * .1), calc(var(--table-corner) * .27) calc(100% - var(--table-corner) * .82), calc(var(--table-corner) * .27) calc(var(--table-corner) * .82));background:#063c2d url(/art/layers/felt.png) 0 0/320px}.table-rail{border:var(--table-corner) solid transparent;border-image:url(/art/table-layers/rail.png) 350 400 400 400 / var(--table-corner) / 0 stretch;image-rendering:pixelated;z-index:2}.table-scenery img{object-fit:contain;image-rendering:pixelated;position:absolute}.table-ornament{z-index:3;opacity:.68;width:clamp(120px,20vmin,220px);height:min(48%,470px)}.ornament-left,.ornament-right{top:50%;translate:0 -50%}.ornament-left{left:calc(var(--table-corner) * .22)}.ornament-right{right:calc(var(--table-corner) * .22);scale:-1 1}.ornament-top,.ornament-bottom{left:50%;translate:-50% -50%;rotate:90deg}.ornament-top{top:calc(var(--table-corner) * .29)}.ornament-bottom{top:calc(100% - var(--table-corner) * .36)}.table-corner-props{width:var(--table-prop);aspect-ratio:1;z-index:1;position:absolute}.props-nw{top:0;left:0}.props-ne{top:0;right:0}.props-sw{bottom:0;left:0}.props-se{bottom:0;right:0}.table-cloth{width:130%;height:130%;inset:0}.props-ne .table-cloth{left:-30%;rotate:90deg}.props-sw .table-cloth{top:-30%;rotate:-90deg}.props-se .table-cloth{inset:-30% 0 0 -30%;rotate:180deg}.table-candle{z-index:1;width:66%;position:absolute;top:1%;left:-8%}.table-coins{width:38%;top:10%;right:4%}.table-mate{width:65%;top:-15%;right:-8%}.table-deck{width:108%;bottom:-16%;left:-18%;rotate:-20deg}.props-se .table-deck{left:auto;right:-40%;rotate:24deg}.props-se .table-coins{top:auto;bottom:6%;right:28%}@media (width<=600px) and (orientation:portrait){.table-scenery{--table-corner:clamp(88px, 26vw, 145px);--table-prop:clamp(95px, 27vw, 155px)}.table-ornament{opacity:.48;width:95px;height:32%}.ornament-left{left:calc(var(--table-corner) * .05)}.ornament-right{right:calc(var(--table-corner) * .05)}}@media (height<=500px) and (orientation:landscape){.table-scenery{--table-corner:25dvh;--table-prop:29dvh}.table-ornament{opacity:.45}}.game-shell{--ui-ribbon:url(/art/table-ui/ribbon.png);--ui-wood:url(/art/table-ui/wood.png);--ui-paper:url(/art/table-ui/parchment.png);--ui-crest:url(/art/table-ui/crest.png)}.game-shell .scoreboard{filter:drop-shadow(0 4px 2px #00130c99);grid-template-columns:1fr .8fr 1fr;align-items:start;gap:0;width:42%;top:1.5dvh;left:29%}.game-shell .team-score{box-shadow:none;isolation:isolate;background:0 0;border:0;min-height:126px;padding:18px 22px 30px}.game-shell .team-score:before{content:"";z-index:-1;background:var(--ui-crest) center / 100% 100% no-repeat;display:block;inset:0}.game-shell .team-score.enemy:before{background-image:url(/art/table-ui/crest-enemy.png)}.game-shell .team-score:after,.game-shell .stake-score:before,.game-shell .stake-score:after{content:none}.game-shell .team-score span{font-size:clamp(11px,1.1vw,17px)}.game-shell .team-score strong{animation:.35s ease-out score-arrival}.game-shell .stake-score{aspect-ratio:1;color:#332315;background:radial-gradient(circle at 35% 25%,#ffe6a3,#d69b33 60%,#9a591c);border:5px ridge #f3c363;border-radius:50%;place-self:start center;width:100%;max-width:140px;padding:14px 4px;box-shadow:inset 0 0 0 3px #815018,0 4px #482915}.game-shell .stake-score>span,.game-shell .stake-score strong{color:#372214;text-shadow:1px 1px #ffe6a3}.game-shell .stake-score small{background:var(--ui-wood) center / 100% 100% no-repeat;color:#ffe5a5;width:110%;min-height:26px;padding:7px 8px;line-height:1.1;position:absolute;top:calc(100% - 3px);left:-5%}.game-shell .table-information{z-index:6;background:0 0;border:0;height:auto;max-height:31dvh;overflow:visible}.game-shell .table-information .table-history{background:var(--ui-paper) center / 100% 100% no-repeat;box-shadow:none;color:#372414;border:0;padding:24px 14% 32px}.history-heading{align-items:center;gap:8px;display:flex}.game-shell .table-history h3{color:#382515;letter-spacing:1px;border:0;flex:1;padding:0}.game-shell .history-toggle{background:var(--ui-wood) center / 100% 100% no-repeat;min-width:44px;min-height:44px;box-shadow:none;color:#ffe6b3;border:0;flex:none;padding:0;font-size:24px}.game-shell .table-history .history-list{overflow-anchor:none;max-height:18dvh;overflow-y:auto}.game-shell .table-history[data-expanded=true] .history-list{max-height:55dvh}.table-history[data-expanded=false] .history-entry:nth-last-child(n+4),.table-history[data-expanded=false] .history-entry ul{display:none}.game-shell .table-history .history-entry,.game-shell .table-history .history-entry ul,.game-shell .table-history .trick-explanation,.game-shell .table-history .history-empty{color:#3b291b;border-color:#89603755;line-height:1.3}.game-shell .table-history .history-entry{padding:7px 0}.game-shell .table-history .history-empty{padding:8px 0 0;font-size:13px}.game-shell .seat-info,.game-shell .own-player>strong{isolation:isolate;text-shadow:1px 2px #031d21;background:0 0;border:0;padding:9px 18px;position:relative}.game-shell .seat-info:before,.game-shell .own-player>strong:before{content:"";background:var(--ui-ribbon) center / 100% 160% no-repeat;z-index:-1;position:absolute;inset:-5px -8px}.game-shell .player-seat[data-team=own] .seat-info:before,.game-shell .own-player>strong:before{background-image:url(/art/table-ui/ribbon-green.png)}.game-shell .seat-team{color:#f2d9b0}.game-shell .seat-active .seat-avatar,.game-shell .own-player[data-active=true] .seat-avatar{box-shadow:0 0 0 2px #3e2615,0 0 0 4px #f8cf70,0 0 20px #efba4766}.game-shell .played-card small{color:#ffe4b2;background:#261c13e8;border-inline:2px solid #b88842;border-radius:0 0 8px 8px;padding:3px 5px}.game-shell .vira-panel{background:#25190fe8;border:0;border-radius:12px 12px 20px 20px;padding:10px;box-shadow:0 0 0 2px #ac792f,0 0 0 5px #4a2b13,0 5px 0 5px #0b1716}.game-shell .vira-panel h3{background:var(--ui-wood) center / 100% 100% no-repeat;color:#ffe6a9;margin:-20px -15px 6px;padding:10px 5px}.game-shell .vira-panel>span:not([role]){color:#281a10;text-align:center;background:radial-gradient(circle at 30% 20%,#f5d481,#a86a27);border:3px ridge #e6b658;border-radius:50%;width:1.5em;margin:3px auto}@keyframes score-arrival{0%{scale:1.15}to{scale:1}}@media (prefers-reduced-motion:reduce){.game-shell .team-score strong{animation:none}}.game-shell .seat-info{min-width:0;padding:8px 8px 0}.game-shell .seat-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,1.3vw,20px);overflow:hidden}.game-shell .seat-team{margin-top:9px;font-size:10px;line-height:1.2}.game-shell .own-player>strong{padding:9px 16px}.game-shell .table-history .history-empty{overflow-wrap:anywhere}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{isolation:isolate;box-shadow:none;color:#ffe9b6;text-shadow:2px 2px #431519;background:0 0;border:0;min-height:58px;padding:15px 26px;position:relative}.game-shell .action-truco:before,.game-shell .action-accept:before,.game-shell .action-fold:before{content:"";background:var(--ui-ribbon) center / 100% 160% no-repeat;z-index:-1;position:absolute;inset:0 -6px}.game-shell .action-accept:before{background-image:url(/art/table-ui/ribbon-green.png)}.game-shell .action-fold:before{filter:hue-rotate(210deg)saturate(.65)}.game-shell .table-actions button:enabled:hover{filter:brightness(1.13)}.game-shell .table-actions button:enabled:active{translate:0 2px}.game-shell .table-actions button:disabled{filter:saturate(.4);opacity:.65}.game-shell .surrender-action,.game-shell .room-menu:not([open])>summary,.game-shell .power-energy{background:var(--ui-wood) center / 100% 100% no-repeat;box-shadow:none;color:#ffe3a1;border:0;padding:12px 18px}.game-shell .power-energy{gap:5px;min-height:40px;margin-top:4px;padding:10px 12px}.game-shell .energy-gems i{background:#181f26;border:2px ridge #b3863b}.game-shell .energy-gems i[data-filled=true]{background:#ffd46b;box-shadow:inset 0 0 0 1px #fff1bd,0 0 8px #ffc34e88}.game-shell .covered-choice{background:var(--ui-wood) center / 100% 100% no-repeat;color:#eadbb5;cursor:pointer;border:0;gap:10px;padding:6px 14px;position:relative}.game-shell .covered-choice input{opacity:0;width:1px;height:1px;position:absolute}.covered-card-toggle{flex:none;width:24px;height:36px;display:block;rotate:-10deg}.covered-choice:has(input:checked) .covered-card-toggle{outline:2px solid #ffe099;translate:0 -3px;rotate:0deg;box-shadow:0 0 10px #ffd462}.covered-choice:has(input:focus-visible){outline-offset:3px;outline:3px solid #ffe099}.covered-choice:has(input:disabled){opacity:.6;cursor:default}.game-shell .preparation-actions-bar{background:#102b24d9;border-color:#c19445;border-radius:14px 4px}.game-shell .turn-badge{background:#143e31;border:2px ridge #e3b969;border-radius:2px 12px;padding:5px 14px;box-shadow:3px 3px #10271c}.game-shell .room-menu[open],.match-result-panel{background:#20190f;border:7px ridge #bf914a;border-image:;border-radius:18px 5px 22px}.game-shell .room-menu-panel{background:linear-gradient(#20190ff0,#091e1af7),url(/art/layers/felt.png) 50%/256px}.game-shell .room-menu-panel h2{color:#ffe1a0}.game-shell .room-menu-panel button,.match-end-actions button{border:3px ridge #bc8c43;border-radius:8px 2px}.game-shell .table-status{background:#143629ed;border:2px ridge #c69a49;border-radius:3px 14px;box-shadow:2px 3px #051c16}.game-shell .table-status[data-resolving=true]{background:#143629f5;border:4px ridge #ddb366;border-radius:8px 30px;box-shadow:0 5px #0c1c17}.game-shell .table-status:has(.round-announcement[data-result=lose]){background:#491d29f5}.game-shell .table-status:has(.round-announcement[data-result=tie]){background:#183344f5}.turn-announcement-ribbon{isolation:isolate;box-shadow:none;background:0 0;border:0;padding:28px 38px;position:relative}.turn-announcement-ribbon:before{content:"";z-index:-1;background:url(/art/table-ui/ribbon.png) 50%/100% 160% no-repeat;position:absolute;inset:-12px -5px}.game-shell .raise-impact,.game-shell .raise-announcement[data-stake="12"] .raise-impact{clip-path:none;background:var(--ui-ribbon) center / 100% 160% no-repeat;filter:drop-shadow(0 6px #23151099);inset:-28% -2%}.game-shell .raise-caption{background:var(--ui-wood) center / 100% 100% no-repeat;border:0;padding:10px 26px}.match-result-panel{padding:28px;box-shadow:0 0 0 3px #342317,0 12px 30px #0008}.match-result-panel .match-result-title{border-block:1px solid #e2b56566;padding-block:16px}.match-end-actions .button-primary{background:#6b2030}.match-end-actions .button-primary:enabled{color:#fff0ce;text-shadow:0 2px #32101a}@media (width<=600px){.turn-announcement-ribbon{padding:18px 24px}.turn-announcement-title{font-size:clamp(25px,7vw,40px)}.turn-announcement-caption{font-size:11px}.game-shell .raise-shout{font-size:clamp(24px,7.2vw,40px)}}@media (hover:none){body:has(.game-shell) .disabled-tooltip{pointer-events:none}}.game-shell .table-status{top:16dvh}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:20%}.game-shell .stake-score{max-width:110px}.game-shell .team-score{min-height:120px;padding:22px 26px 30px}.game-shell .team-score strong{font-size:clamp(28px,4.8dvh,48px)}.game-shell .table-actions{width:clamp(210px,22vw,330px)}.game-shell .table-actions .action-truco{font-size:clamp(22px,2vw,32px)}@media (width<=600px) and (orientation:portrait){.game-shell .scoreboard{width:72%;top:6px;left:26%}.game-shell .team-score{min-height:76px;padding:16px 5px 19px}.game-shell .team-score span,.game-shell .stake-score>span{letter-spacing:0;font-size:9px}.game-shell .team-score strong{font-size:25px}.game-shell .stake-score{border-width:3px;max-width:64px;padding:10px 2px}.game-shell .stake-score strong{font-size:25px}.game-shell .stake-score small{min-height:20px;padding:7px 3px;font-size:8px}.game-shell .table-status{padding:4px 8px;top:91px}.game-shell .table-information{width:84%;max-height:none;top:129px;left:8%;right:auto}.game-shell .table-information .table-history{padding:8px 14%}.game-shell .history-heading{gap:5px}.game-shell .table-history h3{font-size:10px}.game-shell .table-history .history-list{max-height:34px}.game-shell .table-history[data-expanded=false] .history-entry:not(:last-child),.game-shell .table-history[data-expanded=false] .history-entry p{display:none}.game-shell .history-heading{float:right;margin-left:6px}.game-shell .table-history[data-expanded=false] h3{display:none}.game-shell .table-history .history-entry{border:0;padding:5px 0;font-size:11px}.game-shell .table-history .history-empty{margin:0;padding:4px 0;font-size:11px}.game-shell .table-history[data-expanded=true] .history-heading{float:none}.game-shell .table-history[data-expanded=true] .history-list{max-height:48dvh}.game-shell .history-toggle{min-height:44px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:24%;left:50%}.game-shell .player-seat{gap:4px;width:96px}.game-shell .seat-info{padding:6px 7px}.game-shell .seat-name{font-size:12px}.game-shell .seat-team{font-size:8px}.game-shell .seat-relative-1{top:43%;right:2%}.game-shell .seat-relative-3{top:43%;left:2%}.game-shell .center-plays{height:22dvh;top:36%}.game-shell .vira-panel{width:49px;padding:5px;top:24%;left:5%}.game-shell .vira-panel h3{margin:-12px -10px 3px;padding:6px 4px}.game-shell .vira-panel small{font-size:7px}.game-shell .own-hand,.game-shell .power-dock{bottom:175px}.game-shell .own-player>strong{padding:5px 10px}.game-shell .power-energy{gap:3px;min-height:32px;padding:8px 5px}.game-shell .table-actions{gap:2px;width:calc(100% - 28px);right:14px}.game-shell .table-actions .action-truco{font-size:25px}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{min-height:48px;padding:10px 20px}.game-shell .covered-choice{min-height:44px;padding:4px 20px;font-size:11px}.game-shell .surrender-action{min-height:36px;padding:9px;font-size:12px}.game-shell .turn-badge{padding:4px 10px;font-size:11px}.game-shell .table-status[data-resolving=true]{width:73%;max-width:73%;top:8px;left:25%}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .table-status{top:80px}.game-shell .table-information{width:73%;top:116px;left:23%}.game-shell .table-history .history-empty{font-size:10px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:158px}.game-shell .vira-panel{width:42px;top:125px;left:4%}.game-shell .center-plays{height:16dvh;top:42%}.game-shell .seat-relative-1,.game-shell .seat-relative-3{width:84px;top:calc(39% + 8px)}.game-shell .own-hand,.game-shell .power-dock{bottom:150px}.game-shell .own-player>strong{padding:5px 2px;font-size:10px}.game-shell .own-player>strong:before{inset:-2px}.game-shell .turn-badge{bottom:calc(100% + 5px);right:-6px}}@media (height<=500px) and (orientation:landscape){.game-shell .scoreboard{width:44%;top:4px;left:25%}.game-shell .team-score{min-height:74px;padding:14px 16px 20px}.game-shell .team-score span,.game-shell .stake-score>span{font-size:9px}.game-shell .team-score strong{font-size:26px}.game-shell .stake-score{border-width:3px;max-width:64px;padding:6px 2px}.game-shell .stake-score strong{font-size:26px}.game-shell .stake-score small{min-height:20px;padding:5px;font-size:8px}.game-shell .table-status{top:88px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:24%}.game-shell .table-information{max-height:none}.game-shell .table-information .table-history{padding:12px 14%}.game-shell .table-history .history-list{max-height:14dvh}.game-shell .table-history h3{letter-spacing:0;font-size:10px}.game-shell .table-history .history-empty{font-size:10px}.game-shell .table-actions{width:23%}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{min-height:44px;padding:8px 12px}.game-shell .surrender-action{padding:8px}.game-shell .table-actions .action-truco{font-size:20px}.game-shell .seat-info{padding:5px 9px}.game-shell .own-player>strong{padding:5px 8px}.game-shell .power-energy{min-height:30px;padding:6px}}@media (width<=600px) and (orientation:portrait){.game-shell .center-plays{width:min(160px,42vw)}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .table-information{top:112px}.game-shell .table-information .table-history{min-height:44px;padding:0 14%}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:164px}.game-shell .seat-team{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:7px;overflow:hidden}.game-shell .seat-info{padding:5px 6px 0}.game-shell .seat-info:before{height:30px}.game-shell .vira-panel{top:90px}.game-shell .turn-badge{padding:3px 5px;font-size:10px;right:0}}@media (height<=500px) and (orientation:landscape){.game-shell .table-status{top:70px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:24%}.game-shell .seat-team{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.game-shell .table-information .table-history{padding:12px 14%}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell:has(.spy-targets) .vira-panel{top:70px}}@media (width<=600px) and (orientation:portrait){.game-shell .table-information .table-history[data-expanded=true]{padding-block:16px 28px}}.game-shell .seat-info{padding:0}.game-shell .seat-info:before{height:30px;inset:0 -6px auto}.game-shell .seat-name{text-align:center;height:30px;padding:0 10px;line-height:28px}.game-shell .seat-team{text-align:center;margin-top:4px}.game-shell .own-player>strong{text-align:center;line-height:1.1}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{justify-content:center;align-items:center;gap:.25em;padding:12px 15% 18px;line-height:1;display:flex}.game-shell .stake-score{width:clamp(64px,10dvh,110px);max-width:none;padding:8px 2px}.game-shell .stake-score>span{font-size:clamp(9px,1.3dvh,14px)}.game-shell .stake-score strong{font-size:clamp(25px,4.4dvh,48px)}.game-shell .stake-score small{height:20px;min-height:20px;padding:4px;font-size:10px;line-height:12px}.game-shell .table-status:not([data-resolving=true]){top:calc(1.5dvh + clamp(64px,10dvh,110px) + 26px)}@media (width<=600px) and (orientation:portrait){.game-shell .seat-info:before{height:22px}.game-shell .seat-name{height:20px;padding-inline:5px;line-height:18px}.game-shell .stake-score{width:64px;padding:8px 2px}.game-shell .stake-score>span{font-size:9px}.game-shell .stake-score strong{font-size:25px}.game-shell .stake-score small{height:16px;min-height:16px;padding:3px;font-size:8px;line-height:10px}.game-shell .table-status:not([data-resolving=true]){top:91px}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{padding:8px 15% 14px}}@media (height<=500px) and (orientation:landscape){.game-shell .stake-score{width:48px;padding:4px 1px}.game-shell .stake-score>span{letter-spacing:0;font-size:7px}.game-shell .stake-score strong{font-size:20px}.game-shell .stake-score small{height:14px;min-height:14px;padding:3px;font-size:7px;line-height:8px}.game-shell .table-status:not([data-resolving=true]){top:70px}.game-shell .action-truco,.game-shell .action-accept,.game-shell .action-fold{padding:6px 15% 12px}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .stake-score{width:54px}.game-shell .stake-score>span{font-size:8px}.game-shell .stake-score strong{font-size:20px}.game-shell .table-status:not([data-resolving=true]){top:80px}}.game-shell .preparation-actions-bar .action-accept{place-items:center;padding-block:12px;line-height:1.15;display:grid}.game-shell .preparation-actions-bar .preparation-label{transform:translateY(-.22em)}.game-shell .scoreboard .stake-score{container-type:inline-size}.game-shell .scoreboard .stake-score>span{letter-spacing:.04em;text-align:center;width:76%;font-size:14cqw;line-height:1;position:absolute;top:17%;left:12%}.game-shell .scoreboard .stake-score>strong{text-align:center;width:100%;font-size:50cqw;line-height:1;position:absolute;top:35%;left:0}.game-shell .arena[data-player-count="2"] .center-plays{--played-width:clamp(50px, min(6.3vw, 8.66dvh), 100px);--caption-height:23px;grid-template-columns:1fr;grid-template-rows:repeat(2, calc(var(--played-width) * 1.5 + var(--caption-height)));justify-items:center;gap:16px;height:auto;display:grid;top:29%}.game-shell .arena[data-player-count="2"] .played-card{align-self:start;position:relative;inset:auto;transform:none}.game-shell .arena[data-player-count="2"] .play-relative-1{grid-area:1/1}.game-shell .arena[data-player-count="2"] .play-relative-0{grid-area:2/1}@media (width>=601px) and (height>=501px){.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-template-columns:minmax(70px,1fr) clamp(34px,6dvh,72px) minmax(110px,1.6fr);gap:12px;width:clamp(250px,28vw,420px)}.game-shell .seat-relative-2 .seat-cards,.game-shell .arena[data-player-count="2"] .seat-relative-1 .seat-cards{grid-column:1;padding-inline:8px}}.game-shell .seat-info:before,.game-shell .own-player>strong:before{content:none}.game-shell .seat-name,.game-shell .own-player>strong{box-sizing:border-box;color:#fff0ce;text-shadow:1px 2px #071719;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;text-align:center;background:linear-gradient(150deg,#263c38,#071e22 70%);border:2px solid #d6a64c;border-radius:16px 5px;min-width:0;max-width:100%;height:auto;padding:7px 14px;line-height:1.25;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #102326,inset 0 0 0 3px #86662f,0 3px #061416}.game-shell .player-seat[data-team=enemy] .seat-name{background:linear-gradient(150deg,#543039,#281821 70%)}.game-shell .own-player>strong{max-width:220px}.game-shell .own-player small{color:#e4c480;letter-spacing:2px;margin-top:4px;font-size:9px;line-height:1.2}@media (width<=600px),(height<=500px){.game-shell .seat-name,.game-shell .own-player>strong{border-radius:11px 3px;padding:5px 8px}.game-shell .own-player>strong{max-width:140px}.game-shell .own-player small{letter-spacing:1px;margin-top:3px;font-size:7px}}@media (width>=601px) and (height>=501px){.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{top:18%}.game-shell .seat-name{font-size:clamp(11px,1vw,16px)}}@media (width<=600px) and (orientation:portrait){.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-template-columns:26px minmax(0,1fr);gap:4px;width:min(46vw,180px)}.game-shell .seat-relative-2 .seat-cards,.game-shell .arena[data-player-count="2"] .seat-relative-1 .seat-cards{grid-area:1/2}.game-shell .seat-relative-2 .seat-avatar,.game-shell .arena[data-player-count="2"] .seat-relative-1 .seat-avatar{grid-area:1/1}.game-shell .seat-relative-2 .seat-info,.game-shell .arena[data-player-count="2"] .seat-relative-1 .seat-info{grid-column:1/-1}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .center-plays,.game-shell .arena[data-player-count="2"] .center-plays{top:44%}.game-shell:has(.power-dock) .own-hand{left:53%}.game-shell .own-player,.game-shell .own-player>strong{width:60px}.game-shell .own-player>strong{padding:5px 4px;font-size:8px}}@media (width<=600px) and (orientation:portrait){.game-shell .arena[data-player-count="4"] .seat-relative-1,.game-shell .arena[data-player-count="4"] .seat-relative-3{grid-template-columns:26px minmax(0,1fr);gap:3px}.game-shell .arena[data-player-count="4"] :is(.seat-relative-1,.seat-relative-3) .seat-cards{grid-area:1/2;padding:0}.game-shell .arena[data-player-count="4"] :is(.seat-relative-1,.seat-relative-3) .seat-avatar{grid-area:1/1}.game-shell .arena[data-player-count="4"] :is(.seat-relative-1,.seat-relative-3) .seat-info{grid-column:1/-1}.game-shell .arena[data-player-count="4"] :is(.seat-relative-1,.seat-relative-3) .seat-name{padding:4px 5px;font-size:7px}}@media (height<=500px) and (orientation:landscape){.game-shell .own-player>strong{width:100%;font-size:9px}.game-shell .seat-name{font-size:8px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-template-columns:50px 26px minmax(0,1fr);width:320px}.game-shell .seat-relative-2 .seat-cards,.game-shell .arena[data-player-count="2"] .seat-relative-1 .seat-cards{grid-column:1}}@media (width<=600px) and (orientation:portrait){.game-shell .player-seat[data-spy-target=true] .seat-cards{min-height:44px}}@media (width<=360px) and (height<=600px) and (orientation:portrait){.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3){grid-template-columns:24px minmax(0,1fr);gap:1px}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .seat-avatar{grid-area:1/1;width:24px;height:24px}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .seat-cards{grid-area:1/2}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .seat-info{grid-area:2/1/auto/-1}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .mini-card{width:16px}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .seat-name{padding:1px 5px}.game-shell .arena[data-player-count="4"] .player-seat:is(.seat-relative-1,.seat-relative-3) .seat-team{margin-top:0}}.game-shell .seat-name{width:fit-content;margin-inline:auto}@media (width>=601px){.game-shell .arena{grid-template-rows:max-content max-content 1fr;grid-template-columns:92% 8%;padding-top:calc(1.5dvh + clamp(64px,10dvh,110px) + 26px);display:grid}.game-shell .opponents{display:contents}.game-shell .table-status:not([data-resolving=true]),.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-column:1;place-self:start center;position:relative;inset:auto;transform:none}.game-shell .table-status:not([data-resolving=true]){grid-row:1;margin:0}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-row:2;margin-top:12px}.game-shell .arena:has(.table-status[data-resolving=true]){grid-template-rows:32px max-content 1fr}.game-shell .arena[data-player-count="2"] .center-plays{grid-area:3/1;top:16px;left:50%}}@media (width>=601px) and (height<=500px){.game-shell .arena{padding-top:70px}}.game-shell .player-seat[data-spy-target=true] .seat-cards{align-items:center}@media (width>=601px){.game-shell .player-seat,.game-shell .own-player{column-gap:12px}.game-shell .seat-name{margin-inline:0}.game-shell .seat-team{text-align:left}}@media (width>=601px) and (height<=500px){.game-shell .player-seat,.game-shell .own-player{column-gap:8px}.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1{grid-template-columns:50px 30px minmax(0,1fr)}}@media (width<=600px) and (orientation:portrait){.game-shell .player-seat,.game-shell .seat-relative-2,.game-shell .arena[data-player-count="2"] .seat-relative-1,.game-shell .arena[data-player-count="4"] :is(.seat-relative-1,.seat-relative-3){grid-template-columns:max-content minmax(0,1fr);column-gap:8px}.game-shell .own-player{gap:8px}.game-shell .arena[data-player-count] .player-seat .seat-cards{grid-area:1/1/auto/-1}.game-shell .arena[data-player-count] .player-seat .seat-avatar{grid-area:2/1}.game-shell .arena[data-player-count] .player-seat .seat-info{grid-area:2/2}.game-shell .seat-name{margin-inline:0}}@media (width>=601px){.game-shell .arena .own-hand{left:46%}.game-shell .arena[data-player-count="2"] .own-hand{left:50%}.game-shell .arena[data-player-count="4"] .center-plays{left:46%}}.game-shell .table-information{aspect-ratio:614/768;width:min(23vw,36.776dvh);height:auto;max-height:none}.game-shell .table-information .table-history,.game-shell .table-information .table-history[data-expanded=true]{width:100%;height:100%;min-height:0;max-height:none;image-rendering:pixelated;background:url(/art/table-ui/parchment.png) 50%/contain no-repeat;border:0;border-image:;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:18% 14% 22%;display:grid;position:absolute;inset:0;overflow:visible}.game-shell .table-history .history-heading{min-width:0;margin:0}.game-shell .table-history h3{min-width:0}.game-shell .table-information .table-history .history-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;max-height:none;overflow-y:auto}.game-shell .table-history .history-empty{margin:0}@media (width>=601px) and (height>=501px){.game-shell:has(.arena[data-player-count="4"]) .table-information{width:min(23vw,23.9844dvh)}}.game-shell .table-actions .action-truco{aspect-ratio:4;align-self:center;place-items:center;width:100%;min-width:0;max-width:320px;min-height:64px;margin-inline:auto;padding:12px 14%;font-size:clamp(20px,1.7vw,26px);line-height:1.15;display:grid}.game-shell .action-truco:before{pointer-events:none;background-size:100%;inset:-30% -6px}@media (width<=600px){.game-shell .table-actions .action-truco{max-width:240px;min-height:58px;padding:10px 12%;font-size:22px}}@media (height<=500px) and (orientation:landscape){.game-shell .table-actions .action-truco{max-width:220px;min-height:48px;padding:8px 12%;font-size:18px}.game-shell .decision-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.game-shell .decision-actions .action-truco{grid-area:1/1/auto/-1}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .table-actions .action-truco{max-width:192px;min-height:48px;padding:8px 24px;font-size:20px}}.game-shell .action-truco .truco-label{display:block;transform:translateY(-.22em)}.game-shell .arena[data-player-count="2"] .played-card{width:var(--played-width)}@media (width>=601px) and (height>=501px) and (height<=800px){.game-shell .arena[data-player-count="2"] .center-plays{--played-width:clamp(40px, 7dvh, 56px)}}@media (width<=600px) and (orientation:portrait){.game-shell .arena[data-player-count="2"] .center-plays{--played-width:49px;--caption-height:20px;gap:12px;top:36%}}@media (width<=600px) and (height<=720px) and (orientation:portrait),(height<=500px) and (orientation:landscape){.game-shell .arena[data-player-count="2"] .center-plays{--played-width:35px;--caption-height:0px;gap:8px}.game-shell .arena[data-player-count="2"] .played-card small{width:max-content;max-width:64px;margin:0;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .arena[data-player-count="2"] .center-plays{--played-width:30px;top:42%}}@media (height<=500px) and (orientation:landscape){.game-shell .arena[data-player-count="2"] .center-plays{--played-width:38px}}@media (width<=600px) and (orientation:portrait){.game-shell .arena[data-player-count="4"] .center-plays{height:calc(22dvh + 16px)}}@media (width<=600px) and (height<=720px) and (orientation:portrait){.game-shell .arena[data-player-count="4"] .center-plays{height:calc(16dvh + 52px);top:calc(42% - 40px)}}@media (width<=600px) and (height<=600px) and (orientation:portrait){.game-shell .arena[data-player-count="4"] .center-plays{height:128px;top:208px}.game-shell .arena[data-player-count="4"] .played-card{width:26px}.game-shell .arena[data-player-count="4"] .seat-relative-2{top:156px}.game-shell .arena[data-player-count="4"] .seat-relative-2 .seat-cards{position:absolute;top:0;left:calc(100% + 8px)}.game-shell .arena[data-player-count="4"] .seat-relative-2 :is(.seat-avatar,.seat-info){grid-row:1}}@media (width>=601px) and (height>=501px){.game-shell .arena[data-player-count="4"] .center-plays{height:calc(29dvh + 48px);top:calc(36% - 48px)}}.history-toggle-arrow{display:none}@media (width<=600px),(height<=500px) and (orientation:landscape){.game-shell .table-information{--history-top:clamp(80px, 12dvh, 112px);--history-tab-top:clamp(112px, 24dvh, 180px);top:var(--history-top);right:env(safe-area-inset-right,0px);pointer-events:none;z-index:12;width:min(360px,100% - 48px,33.5781dvh);max-height:none;position:absolute;left:auto}.game-shell .table-information .table-history{visibility:hidden;pointer-events:none}.game-shell .table-information .table-history[data-expanded=true]{visibility:visible;pointer-events:auto}.game-shell .table-history .history-heading{float:none;margin:0}.game-shell .table-history h3{font-size:14px;line-height:1.2}.game-shell .table-history .history-toggle{top:calc(var(--history-tab-top) - var(--history-top));visibility:visible;pointer-events:auto;background:linear-gradient(135deg,#183b32,#071c21);border:2px solid #d5a64c;border-right:0;border-radius:18px 0 0 18px;place-items:center;width:44px;height:52px;display:grid;position:absolute;right:0;box-shadow:-3px 4px #07130ec9,inset 2px 0 #ffe1a3}.game-shell .table-history[data-expanded=true] .history-toggle{right:100%}.game-shell .table-history .history-toggle-desktop{display:none}.game-shell .table-history .history-toggle-arrow{border-bottom:3px solid;border-left:3px solid;width:12px;height:12px;display:block;transform:rotate(45deg)}.game-shell .table-history[data-expanded=true] .history-toggle-arrow{transform:rotate(225deg)}.game-shell .table-history[data-expanded=true] .history-list{overscroll-behavior:contain;min-height:0;max-height:none;overflow-y:auto}.game-shell .table-history .history-entry,.game-shell .table-history .history-empty{overflow-wrap:anywhere;font-size:13px}.game-shell .table-history .history-empty{flex:none}}@media (height<=500px) and (orientation:landscape){.game-shell .table-information{--history-top:72px;width:min(360px, calc(100% - 48px), calc((100dvh - var(--history-top) - 16px) * 614 / 768))}}:is(.game-shell .game-table,.guided-rank-order) .card-face{background:0 0;border:0;border-radius:4.35%;outline:0;container-type:inline-size}:is(.game-shell .game-table,.guided-rank-order) .card-face:before,:is(.game-shell .game-table,.guided-rank-order) .card-face:after{content:none}.card-artwork{background:radial-gradient(at 30% 15%,#fff2d6,#ecd29d);border:2.61cqw solid #f7e3b7;border-radius:4.35cqw;outline:.87cqw solid #815e30;display:block;position:absolute;inset:0}.card-artwork:before{content:"";border:.87cqw solid #c19a55;position:absolute;inset:3.48cqw;box-shadow:inset 0 0 0 1.74cqw #fff0cb}.card-artwork:after{content:"✦";color:#b78a3d;font-size:11.3cqw;position:absolute;top:5.22cqw;right:6.96cqw}:is(.game-shell .game-table,.guided-rank-order) .card-face .card-corner{font-size:21.74cqw;display:flex;top:6.09cqw;left:6.96cqw}:is(.game-shell .game-table,.guided-rank-order) .card-face .card-rank{font-size:25.22cqw;line-height:inherit}:is(.game-shell .game-table,.guided-rank-order) .card-face .card-corner-bottom{inset:auto 6.96cqw 6.09cqw auto}:is(.game-shell .game-table,.guided-rank-order) .card-face .card-suit{filter:drop-shadow(.87cqw 1.74cqw #ba984d);font-size:66.09cqw;top:50%;left:50%}:is(.game-shell .game-table,.guided-rank-order) .card-face .card-corner>span{display:block}@font-face{font-family:"Jersey 10";src:url(/fonts/Jersey10.ttf)format("truetype");font-weight:400;font-display:swap}.card-face .card-rank{text-shadow:none;font-family:"Jersey 10",monospace;font-weight:400}.player-avatar{image-rendering:pixelated;background-image:url(/art/avatars-pixel.png);background-size:200% 200%}.player-avatar.avatar-0{background-position:0 0}.player-avatar.avatar-1{background-position:100% 0}.player-avatar.avatar-2{background-position:0 100%}.player-avatar.avatar-3{background-position:100% 100%}.card-back[data-deck=ember]{background-image:url(/art/cosmetics/deck-ember.png)}.card-back[data-deck=arcane]{background-image:url(/art/cosmetics/deck-arcane.png)}.card-face[data-deck=ember]{--card-paper:#ffdfaa;background:#f8dfb8;border-color:#d3a05a;outline-color:#87412d}.card-face[data-deck=arcane]{--card-paper:#ece1ff;background:#ede4f5;border-color:#cec0e8;outline-color:#775395}.card-face[data-deck=arcane] .card-corner{row-gap:.18em}.card-face[data-deck=arcane]:after{color:#76528d}.themed-suit{width:1em;height:1em;display:block}.card-corner .themed-suit{width:.8em;height:.8em}.table-scenery[data-table=burgundy] .table-felt,.cosmetic-table[data-table=burgundy]{background-image:url(/art/cosmetics/felt-burgundy.png)}.table-scenery[data-table=midnight] .table-felt,.cosmetic-table[data-table=midnight]{background-image:url(/art/cosmetics/felt-midnight.png)}.table-scenery[data-table=midnight] .table-rail{filter:sepia(.35)saturate(1.15)}.card-face[data-deck=ember] .card-artwork{background:#f8dfb8;border-color:#d3a05a;outline-color:#87412d}.card-face[data-deck=arcane] .card-artwork{background:#ede4f5;border-color:#cec0e8;outline-color:#775395}.card-face[data-deck=arcane] .card-artwork:after{color:#76528d}.card-back-masked[data-deck] .hidden-card-mark{background:#170b2ce8;border-radius:4px;padding:4px 0}.player-avatar.avatar-4{background-image:url(/art/avatars/avatar-5.png);background-position:50%;background-size:cover}.player-avatar.avatar-5{background-image:url(/art/avatars/avatar-6.png);background-position:50%;background-size:cover}.player-avatar.avatar-6{background-image:url(/art/avatars/avatar-7.png);background-position:50%;background-size:cover}.player-avatar.avatar-7{background-image:url(/art/avatars/avatar-8.png);background-position:50%;background-size:cover}.player-backdrop{z-index:1500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010b12dd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.player-panel{--gold:#d7a451;color:#f5dfb3;background:#091d24;border:14px solid #0000;border-image:url(/art/profile-frame.svg) 40/28px/2px;flex-direction:column;width:min(1140px,100%);max-height:calc(100svh - 44px);font-family:Pixelify Sans,sans-serif;display:flex;position:relative;box-shadow:0 18px 75px #000b}.player-panel-header{background:linear-gradient(90deg,#17342f,#0b1c25);border-bottom:1px solid #80653a;justify-content:space-between;align-items:center;gap:15px;padding:14px 24px;display:flex}.player-panel h2{color:#ffe1a1;margin:3px 0 0;font-size:clamp(27px,3vw,38px)}.player-panel h3{color:#f9d994;margin:0 0 8px;font-size:25px}.player-panel p{line-height:1.45}.player-panel button{cursor:pointer;color:#fce1a8;background:#174d3b;border:2px solid #ac8546;border-radius:3px;min-height:44px;padding:8px 17px;font-family:inherit;font-size:18px;box-shadow:0 3px #030e14}.player-panel button:hover:not(:disabled){background-color:#26654a;border-color:#ffe0a3}.player-panel button:focus-visible{outline-offset:3px;outline:3px solid #fbe8b5}.player-panel button:disabled{cursor:default;opacity:.45}.player-panel .player-close{background:#33252b;min-width:44px;padding:0;font-size:30px}.player-panel-body{overscroll-behavior:contain;scrollbar-color:#a17f47 #0a1920;min-height:0;padding:18px 24px 24px;overflow-y:auto}.player-panel-footer{color:#c4c9ab;background:#071822;border-top:1px solid #4a4935;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;font-size:13px;display:flex}.player-panel-footer button{background:#1a3038;flex-shrink:0}.player-error{color:#ffdbc5;background:#3d2327;border:1px solid #bd725e;padding:12px 16px}.player-empty{text-align:center;color:#d5c79e;padding:50px 18px}.player-empty button{margin:20px auto;display:block}.player-summary{background:#07151e;border:1px solid #6e603f;border-radius:4px;align-items:center;gap:16px;margin-bottom:18px;padding:13px 18px;display:flex}.player-summary .avatar,.player-ranking .avatar{border:3px solid #c19750;border-radius:50%;flex-shrink:0;width:68px;height:68px;display:block}.player-summary>div{flex:1;min-width:0}.player-summary strong{overflow-wrap:anywhere;font-size:22px}.player-summary p{color:#d1c7a3;margin:2px 0 5px;font-size:15px}.player-summary small{color:#b5b9a5;font-size:12px;display:block}.player-summary progress{accent-color:#dfa844;width:min(280px,100%);height:8px;margin:5px 0;display:block}.player-points{color:#ecc878;white-space:nowrap;font-size:19px}.cosmetic-tabs{z-index:2;background:#091d24;border-bottom:2px solid #8f753f;gap:5px;margin-bottom:20px;padding:12px 0 0;display:flex;position:sticky;top:-18px}.cosmetic-tabs button{box-shadow:none;background:#132c32;border:0;border-radius:4px 4px 0 0;flex:1;padding:12px}.cosmetic-tabs [aria-selected=true]{color:#1a2525;background:#d9b678}.wardrobe-workspace{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:24px;display:grid}.cosmetic-showcase{text-align:center;background:radial-gradient(#224334,#0a1d24 74%);border:1px solid #827044;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:22px;display:flex}.cosmetic-showcase .eyebrow{color:#abbba3;letter-spacing:2px;font-size:11px}.cosmetic-showcase p{color:#c0c6ad;max-width:240px;margin:7px 0 12px;font-size:14px}.cosmetic-showcase button{min-width:170px;margin-top:15px}.unlock-label{color:#d6b271;font-size:14px}.cosmetic-art{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;height:220px;display:grid;position:relative}.cosmetic-art>.avatar{border:5px solid #b18c50;border-radius:12px;outline:3px solid #413323;width:180px;height:180px;display:block;box-shadow:0 7px #030f17}.deck-fan{width:240px;height:200px;position:relative}.deck-fan>span{width:110px;height:165px;display:block;position:absolute;top:12px;left:10px;transform:rotate(-14deg)}.deck-fan>span:nth-child(2){top:3px;left:72px;transform:rotate(0)}.deck-fan>span:nth-child(3){top:12px;left:130px;transform:rotate(14deg)}.cosmetic-art .card-corner{font-size:21px;top:7px;left:7px}.cosmetic-art .card-corner-bottom{inset:auto 7px 7px auto}.cosmetic-art .card-rank{font-size:26px}.cosmetic-art .card-suit{font-size:52px}.cosmetic-art .card-face{--playing-card-ratio:2 / 3;background:0 0;border:0;outline:0;container-type:inline-size}.cosmetic-table{aspect-ratio:3/2;background:#063c2d url(/art/layers/felt.png) 0 0/220px;border:12px solid #59402a;border-radius:35px;outline:2px solid #be9754;grid-template-rows:minmax(0,1fr);place-items:center;width:min(240px,100% - 8px);min-height:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #cea35b,0 6px #040e16}.cosmetic-table>span{color:#b5a776;opacity:.3;font-size:68px}.cosmetic-table i{aspect-ratio:23/35;background:#f1d8a6;border:1px solid #a47a42;width:10%;position:absolute;top:42%;left:32%;transform:rotate(-18deg)}.cosmetic-table i:nth-of-type(2){left:44%;transform:rotate(8deg)}.cosmetic-table i:nth-of-type(3){left:56%;transform:rotate(25deg)}.cosmetic-collection>p{color:#aebaa8;margin-top:0;font-size:14px}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.player-panel .cosmetic-item{color:#efe0bc;text-align:center;background:#10262d;border-color:#3f5148;flex-direction:column;align-items:center;min-width:0;padding:12px 8px;display:flex;position:relative}.player-panel .cosmetic-item[aria-pressed=true]{background:#1b3b34;border-color:#e6b65e;box-shadow:inset 0 0 0 1px #e6b65e,0 3px #030e14}.cosmetic-item strong{margin:8px 0 3px;font-size:20px;display:block}.cosmetic-item>span{color:#bdc6ad;font-size:12px}.cosmetic-item[data-locked=true]>span{color:#e3b981}.cosmetic-art.is-compact{height:120px}.is-compact>.avatar{border-width:3px;width:100px;height:100px}.is-compact .deck-fan{transform-origin:top;height:200px;position:absolute;top:5px;transform:scale(.57)}.is-compact .cosmetic-table{border-width:7px;border-radius:22px;width:min(150px,100% - 8px)}.is-compact .cosmetic-table>span{font-size:40px}.cosmetic-art .card-face:before,.cosmetic-art .card-face:after{content:none}@media (width>=701px){.cosmetic-collection:has(.cosmetic-table)>p:first-of-type{margin-bottom:20px}.cosmetic-item:has(.cosmetic-table) strong{margin-top:22px}}@media (width<=700px){.cosmetic-art .deck-fan{aspect-ratio:6/5;width:min(80%,190px);height:auto;transform:none}.cosmetic-art.is-compact .deck-fan{width:min(80%,137px);position:relative;top:0}.deck-fan>span{width:45.833%;height:82.5%;top:6%;left:4.167%}.deck-fan>span:nth-child(2){top:1.5%;left:30%}.deck-fan>span:nth-child(3){top:6%;left:54.167%}.cosmetic-art .card-corner{font-size:19cqw;top:6.36cqw;left:6.36cqw}.cosmetic-art .card-corner-bottom{inset:auto 6.36cqw 6.36cqw auto}.cosmetic-art .card-rank{font-size:23.64cqw}.cosmetic-art .card-suit{font-size:47.27cqw}}.account-entry,.account-management{grid-template-columns:1fr 1fr;gap:32px;padding:15px 8px;display:grid}.account-intro{text-align:center;background:radial-gradient(#2a463a,#0000);padding:30px 20px}.account-intro>span{color:#d4ac60;text-shadow:3px 5px #06131c;font-size:110px;line-height:1.4;display:block}.account-intro p,.account-intro small{color:#c5c8ae}.account-form{flex-direction:column;gap:17px;display:flex}.account-form label{flex-direction:column;gap:6px;font-size:16px;display:flex}.account-form input{color:#ffedce;background:#05151d;border:1px solid #8e7547;width:100%;min-width:0;min-height:44px;padding:10px 12px;font:18px Pixelify Sans,sans-serif}.account-form small{color:#acb8a5;font-size:12px}.account-form .delete-confirmation{flex-direction:row;align-items:center;font-size:14px}.delete-confirmation input{accent-color:#b26749;flex-shrink:0;width:22px;min-height:22px}.account-modes,.security-options{gap:7px;margin-bottom:16px;display:flex}.account-modes button{flex:1}.security-options{flex-direction:column}.account-modes [aria-pressed=true],.security-options [aria-pressed=true]{background:#385640;border-color:#edc57b}.player-panel .player-link{box-shadow:none;background:0 0;border-color:#40564e}.recovery-result{background:#22372e;border:2px solid #cba764;margin:0 0 22px;padding:20px}.recovery-result output{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#081922;margin:14px 0;padding:14px;font-family:monospace;font-size:16px;display:block}.account-context{color:#e8cc99;text-align:center}.password-control{flex-direction:column;gap:6px;font-size:16px;display:flex}.password-field{display:flex;position:relative}.password-field input{margin:0;padding-right:58px}.player-panel .password-toggle{color:#edc57b;width:44px;height:100%;min-height:44px;box-shadow:none;background:0 0;border:0;border-left:1px solid #8e7547;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.player-ranking{max-width:850px;min-height:360px;margin:0 auto}.ranking-heading{text-align:center;margin:6px 0 25px}.ranking-heading>span{color:#dbaf5a;font-size:60px}.ranking-heading p{color:#b9c5b3;margin:8px 0}.player-ranking table{border-collapse:collapse;background:#10262b;width:100%}.player-ranking th{text-align:left;color:#c3c6ab;background:#07171f;padding:14px 18px;font-size:14px;font-weight:400}.player-ranking td{border-bottom:1px solid #3d4c41;padding:12px 18px}.player-ranking td:nth-child(2){overflow-wrap:anywhere;align-items:center;gap:15px;display:flex}.player-ranking td:first-child,.player-ranking td:last-child{color:#ebc473;font-size:22px}.player-ranking .avatar{width:44px;height:44px}.ranking-pagination{justify-content:center;align-items:center;gap:20px;margin:20px 0 5px;display:flex}.welcome-account{z-index:5;background:#102b32;border-color:#c39c56;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.entry-shell .account-profile{height:auto}.entry-shell .account-profile .profile-info{gap:3px;height:auto;display:grid}.entry-shell .account-profile .profile-level{margin-top:0}.entry-shell .account-profile .profile-progress{display:none}.entry-shell .account-profile .profile-economy{border:0;align-items:center;gap:6px;height:auto;min-height:34px;margin:3px 0 0;padding:0;display:flex}.entry-shell .account-profile .profile-economy:before{content:none}.entry-shell .account-profile .profile-economy button{aspect-ratio:auto;text-overflow:ellipsis;white-space:nowrap;flex:1;width:auto;min-width:0;height:34px;min-height:34px;margin:0;padding:4px 8px;font-size:14px;position:static;overflow:hidden}@media (width<=700px) and (orientation:portrait){.entry-shell .main-menu:has(.account-profile){padding-top:286px}.entry-shell .account-profile{padding:8px 12px}.entry-shell .account-profile .profile-info label{height:28px}.entry-shell .account-profile .profile-info input{height:28px;min-height:28px}}@media (width<=700px){.player-backdrop{padding:8px}.player-panel{border-width:10px;max-height:calc(100svh - 16px)}.player-panel-header{padding:12px}.player-panel h2{font-size:27px}.player-panel-body{padding:12px}.player-summary{flex-wrap:wrap;gap:10px;margin-bottom:8px;padding:10px}.player-summary .avatar{width:50px;height:50px}.player-summary strong{font-size:19px}.player-summary p{font-size:12px}.player-points{margin-left:auto;font-size:14px}.cosmetic-tabs{margin-bottom:12px;top:-12px}.cosmetic-tabs button{padding:10px 4px;font-size:16px}.wardrobe-workspace{grid-template-columns:1fr;gap:18px}.cosmetic-showcase{min-height:0;padding:14px}.cosmetic-showcase>.cosmetic-art{height:170px}.cosmetic-showcase .cosmetic-art>.avatar{width:125px;height:125px}.cosmetic-showcase h3{margin-top:8px}.cosmetic-showcase p{max-width:none;margin:3px 0 5px;font-size:12px}.cosmetic-grid{gap:10px}.cosmetic-item strong{font-size:17px}.player-panel-footer{gap:8px;padding:9px 12px}.player-panel-footer span{max-width:50%;font-size:10px}.player-panel-footer button{padding:6px 10px;font-size:14px}.account-entry,.account-management{grid-template-columns:1fr;gap:24px;padding:6px 0}.account-intro{padding:8px 10px}.account-intro>span{font-size:44px}.account-intro h3{font-size:22px}.account-intro p{margin:6px 0}.player-ranking th,.player-ranking td{padding:10px 8px}.player-panel .player-ranking .avatar{width:34px;height:34px}.player-ranking td:nth-child(2){gap:8px}.player-ranking td:first-child,.player-ranking td:last-child{font-size:17px}.ranking-pagination{gap:10px}}@media (height<=650px) and (width<=700px){.player-panel-header{padding:8px 12px}.player-panel h2{margin:3px 0;font-size:22px}.player-panel-header .eyebrow{font-size:10px}.player-summary p{display:none}.player-summary .avatar{width:40px;height:40px}.player-summary strong{font-size:16px}}@media (width>=701px){.is-cosmetics{--collection-art-height:clamp(54px, calc((100svh - 540px) / 2), 120px);--showcase-art-height:clamp(100px, calc(100svh - 550px), 200px)}.is-cosmetics .player-panel-header{padding:8px 20px}.is-cosmetics .player-panel-header h2{font-size:28px}.is-cosmetics .player-panel-body{padding:10px 20px 14px}.is-cosmetics .cosmetic-tabs{margin-bottom:12px;padding-top:0;position:static}.is-cosmetics .cosmetic-tabs button{padding:8px 12px}.is-cosmetics .wardrobe-workspace{gap:20px}.is-cosmetics .cosmetic-showcase{min-height:0;padding:16px}.is-cosmetics .cosmetic-showcase>.cosmetic-art{height:var(--showcase-art-height)}.is-cosmetics .cosmetic-showcase .cosmetic-table{width:min(240px, calc(100% - 8px), calc((var(--showcase-art-height) - 12px) * 1.5))}.is-cosmetics .cosmetic-showcase .cosmetic-table>span{font-size:min(68px, calc(var(--showcase-art-height) * .4))}.is-cosmetics .is-compact .cosmetic-table>span{font-size:min(40px, calc(var(--collection-art-height) * .32))}.is-cosmetics .cosmetic-showcase .avatar{width:clamp(88px,100svh - 550px,180px);height:clamp(88px,100svh - 550px,180px)}.is-cosmetics .cosmetic-art.is-compact{height:var(--collection-art-height)}.is-cosmetics .is-compact>.avatar{width:min(100px, calc(var(--collection-art-height) - 10px));height:min(100px, calc(var(--collection-art-height) - 10px))}.is-cosmetics .is-compact .cosmetic-table{width:min(150px, calc(100% - 8px), calc((var(--collection-art-height) - 12px) * 1.5))}.is-cosmetics .cosmetic-grid{gap:10px}.is-cosmetics .cosmetic-item{padding:8px}.is-cosmetics .cosmetic-item strong{font-size:18px}.is-cosmetics .player-panel-footer{padding:8px 20px}}@media (width>=701px) and (height<=780px){.is-cosmetics .cosmetic-collection:has(.cosmetic-table){--collection-art-height:100px}.is-cosmetics .cosmetic-grid:has(.cosmetic-table){grid-template-columns:repeat(3,minmax(0,1fr))}.is-cosmetics .is-compact .deck-fan{transform:scale(.42)}.is-cosmetics .cosmetic-showcase .deck-fan{transform:scale(.75)}}@media (width>=701px) and (height<=700px){.is-cosmetics .cosmetic-showcase{padding:10px}.is-cosmetics .cosmetic-showcase button{margin-top:10px}.is-cosmetics .is-compact .deck-fan{transform:scale(.24)}.is-cosmetics .cosmetic-showcase .deck-fan{transform:scale(.5)}}@media (width>=701px){.is-cosmetics .cosmetic-grid[data-category=avatars]{grid-template-columns:repeat(4,minmax(0,1fr))}.is-cosmetics .cosmetic-grid[data-category=avatars] .cosmetic-item strong{font-size:16px}.is-cosmetics .cosmetic-grid[data-category=avatars] .is-compact>.avatar{aspect-ratio:1;max-width:100%;height:auto}}.guided-tutorial{z-index:1100;isolation:isolate;color:#ffe7b0;font-family:Pixelify Sans,sans-serif;position:fixed;inset:0}.guided-toolbar{z-index:5;border-bottom:1px solid #b68a3c66;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.guided-toolbar button,.guided-toolbar summary{color:#ffe7b0;font:inherit;cursor:pointer;background:#071f24;border:2px solid #b68a3c;border-radius:12px 4px;padding:8px 12px;font-size:14px}.guided-toolbar details>.game-language{background:#071f24;width:270px;padding:12px;position:absolute;top:100%;left:0}.guided-coach{z-index:4;background:linear-gradient(130deg,#15382e,#071d22 72%);border:2px solid #e6b65b;border-radius:24px 7px;flex-direction:column;width:min(350px,100vw - 24px);max-height:min(440px,100dvh - 32px);display:flex;position:fixed;box-shadow:inset 0 0 0 3px #14312b,inset 0 0 0 4px #846233,0 8px 24px #0008}.guided-coach:before{content:"";z-index:-1;background:#123127;border:2px solid #e6b65b;width:12px;height:12px;position:absolute;rotate:45deg}.guided-coach[data-placement=top]:before{bottom:-8px;left:calc(var(--guided-arrow-x,50%) - 6px)}.guided-coach[data-placement=bottom]:before{top:-8px;left:calc(var(--guided-arrow-x,50%) - 6px)}.guided-coach[data-placement=left]:before{right:-8px;top:calc(var(--guided-arrow-y,50%) - 6px)}.guided-coach[data-placement=right]:before{left:-8px;top:calc(var(--guided-arrow-y,50%) - 6px)}.guided-coach-reading{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:18px 20px 12px;overflow-y:auto}.guided-kicker{color:#e3b665;text-transform:uppercase;letter-spacing:1px;font-size:12px}.guided-progress{color:#bac7ba;margin:6px 0;font-size:12px}.guided-coach progress{accent-color:#dba94e;width:100%;height:3px;display:block}.guided-coach h2{margin:12px 0;font-size:22px;line-height:1.1}.guided-explanation{color:#ffedc2;margin:0;font-family:"Jersey 25",sans-serif;font-size:22px;line-height:1.15}.guided-explanation[data-complete=true]{border-left:3px solid #c8dc8b;padding-left:10px}.guided-instruction{color:#ebc36f;margin:10px 0 0;font-family:"Jersey 25",sans-serif;font-size:17px}.guided-navigation{border-top:1px solid #b68a3c66;grid-template-columns:auto 1fr;gap:6px;padding:10px 14px;display:grid}.guided-navigation button{min-height:38px;padding:6px 8px;font-family:"Jersey 25",sans-serif;font-size:19px}.guided-navigation .guided-restart{min-height:24px;box-shadow:none;background:0 0;border:none;grid-column:1/-1;font-size:15px}.guided-navigation button:disabled{opacity:.45}.guided-spotlight{z-index:2;pointer-events:none;border:2px solid #ffe7a1;border-radius:12px;position:fixed;box-shadow:0 0 0 9999px #020e0bb8,0 0 20px #ffcc6580}.guided-suit-order{text-align:center;background:#061d19;border:1px solid #b68a3c;border-radius:8px;padding:10px;font-size:16px;line-height:1.6}.guided-suit-order span:nth-of-type(odd){color:#ff9990}.guided-scene{isolation:isolate;z-index:0}.guided-scene .turn-announcement{display:none}.guided-rank-order{--playing-card-ratio:2 / 3;z-index:100;background:#073b2e url(/art/layers/felt.png);border-radius:8px;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px 12px;width:min(66vw,660px);margin:0;padding:3px;list-style:none;display:grid;position:absolute;top:32%;left:50%;transform:translate(-50%)}.guided-rank-order li{min-width:0}.guided-rank-card{aspect-ratio:2/3;width:100%;display:block}@media (width<=600px),(height<=500px){.guided-rank-order{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px;width:calc(100% - 48px);max-width:340px;top:28%}.guided-coach{border-radius:18px 5px;width:min(310px,100vw - 24px);max-height:min(300px,100dvh - 32px)}.guided-coach-reading{padding:12px 14px}.guided-kicker{display:none}.guided-coach h2{margin:8px 0;font-size:18px}.guided-explanation{font-size:19px}.guided-instruction{font-size:16px}.guided-toolbar{gap:4px;padding:6px 10px}.guided-toolbar button,.guided-toolbar summary{padding:6px 8px;font-size:11px}.guided-navigation{gap:4px;padding:8px 10px}.guided-navigation button{min-height:34px;font-size:17px}}@media (prefers-reduced-motion:reduce){.guided-tutorial *,.guided-tutorial :before,.guided-tutorial :after{scroll-behavior:auto}}@media (height<=500px) and (orientation:landscape){.guided-rank-order{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:40vw;max-width:400px;top:18%;left:24%}}