.tic-stage{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 28% 16%,rgba(129,140,248,.38),transparent 30%),radial-gradient(circle at 82% 82%,rgba(244,63,94,.28),transparent 27%),linear-gradient(145deg,#25214a,#17152d)}.tic-stage:after,.tic-stage:before{content:"";position:absolute;width:260px;height:260px;border:1px dashed rgba(255,255,255,.13);border-radius:50%;animation:orbit-spin 20s linear infinite}.tic-stage:after{width:410px;height:410px;animation-direction:reverse}.tic-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(255,255,255,.07);filter:blur(2px)}.tic-board{position:relative;z-index:2;width:min(450px,82%);aspect-ratio:1;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;border:1px solid rgba(255,255,255,.28);border-radius:42px;background:rgba(255,255,255,.11);box-shadow:0 32px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(14px);transform:perspective(900px) rotateX(4deg)}.tic-board button{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:rgba(255,255,255,.1);color:white;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:transform .17s var(--ease),background .17s,box-shadow .17s}.tic-board button:not(:disabled):hover{transform:scale(.95);background:rgba(255,255,255,.18)}.tic-board button svg{width:70%;height:70%;margin:auto;stroke-width:2.3;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}.tic-board button.mark-x{color:#fb7185}.tic-board button.mark-o{color:#93c5fd}.tic-board button.winner{background:rgba(255,255,255,.23);box-shadow:0 0 0 4px rgba(250,204,21,.62),0 0 38px rgba(250,204,21,.35);animation:winner-pop .7s var(--ease)}.tic-status-card{display:grid;gap:18px}.tic-player-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#dbeafe;color:#2563eb}.tic-player-mark.x{background:#ffe4e9;color:var(--primary)}.tic-player-mark svg{width:27px;height:27px}.tic-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tic-scoreboard>div{padding:12px 6px;display:grid;justify-items:center;gap:2px;border-radius:16px;background:var(--surface-muted)}.tic-scoreboard svg{width:17px;height:17px;color:var(--primary)}.tic-scoreboard>div:last-child svg{color:var(--accent)}.tic-scoreboard b{font-size:20px}.tic-scoreboard small{color:var(--muted-ink);font-size:9px}.hokm-layout{grid-template-columns:minmax(0,1fr)}@media (min-width:981px){.hokm-layout{grid-template-columns:minmax(0,1fr) 320px}}.hokm-table-shell{min-width:0;padding:16px;background:linear-gradient(145deg,#e8d9bd,#c8a879)}.hokm-table,.hokm-table-shell{position:relative;overflow:hidden}.hokm-table{min-height:570px;border:10px solid #50352d;border-radius:48%/34%;background:radial-gradient(ellipse at center,#2c7770,#175049 67%,#103a36);box-shadow:inset 0 0 0 3px #8b654c,inset 0 0 55px rgba(0,0,0,.3),0 22px 40px rgba(78,48,31,.25)}.hokm-table:after{content:"دوربازی";position:absolute;top:50%;left:50%;color:rgba(255,255,255,.06);font-size:72px;font-weight:950;transform:translate(-50%,-50%) rotate(-8deg)}.hokm-player{position:absolute;z-index:4;padding:7px 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(12,41,38,.66);color:white;backdrop-filter:blur(8px);transition:box-shadow .18s,transform .18s}.hokm-player.active{box-shadow:0 0 0 3px #facc15,0 8px 18px rgba(0,0,0,.25);transform:scale(1.04)}.hokm-player .avatar{width:37px;height:37px;flex-basis:37px;border-width:2px;border-radius:12px}.hokm-player p{display:grid;min-width:54px;margin:0;line-height:1.35}.hokm-player p b{font-size:11px}.hokm-player p small{color:rgba(255,255,255,.65);font-size:8px}.hokm-player.player-0.active{transform:translateX(-50%) scale(1.04)}.hokm-player.player-1.active{transform:translateY(-50%) scale(1.04)}.hokm-player.player-2.active{transform:translateX(-50%) scale(1.04)}.hokm-player.player-3.active{transform:translateY(-50%) scale(1.04)}.hokm-score-panel{position:absolute;z-index:2;top:50%;left:50%;width:210px;padding:9px 12px;display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(7,35,32,.45);color:white;text-align:center;transform:translate(-50%,-50%);backdrop-filter:blur(7px)}.hokm-score-panel div{display:grid}.hokm-score-panel b{font-size:25px}.hokm-score-panel small{color:rgba(255,255,255,.65);font-size:8px}.hokm-score-panel>span{width:48px;height:48px;display:grid;place-items:center;align-content:center;border-radius:16px;background:#f8d06c;color:#173f3a}.hokm-score-panel span i{font-size:23px;line-height:1;font-style:normal}.hokm-score-panel span small{color:#173f3a}.hokm-trick{position:absolute;z-index:3;inset:28% 26%}.playing-card-face{position:relative;width:72px;height:100px;padding:6px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #e5ded4;border-radius:12px;background:linear-gradient(150deg,#fff 0 48%,#f5efe6 100%);box-shadow:0 10px 20px rgba(32,22,17,.22),inset 0 1px rgba(255,255,255,.95);font-style:normal;line-height:1;transition:border-color .17s ease,box-shadow .17s ease,filter .17s ease}.playing-card-face.red{color:#dc263d}.playing-card-face.black{color:#151821}.playing-card-corner{position:relative;z-index:2;width:21px;display:grid;justify-items:center;gap:1px;text-align:center}.playing-card-corner b{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:900;letter-spacing:-.06em}.playing-card-corner i{font-size:13px;font-style:normal}.playing-card-corner.bottom{align-self:end;transform:rotate(180deg)}.playing-card-pip{align-self:center;justify-self:center;font-size:39px;line-height:.9}.playing-card-illustration{position:absolute;z-index:0;top:0;left:50%;height:100%;aspect-ratio:2/3;display:block;background-image:url(/game-assets/playing-card-courts.webp);background-repeat:no-repeat;background-size:400% 300%;background-position:0 0;mix-blend-mode:multiply;transform:translateX(-50%)}.playing-card-face:has(.playing-card-illustration) .playing-card-corner{padding:1px 0 2px;border-radius:5px;background:rgba(255,251,244,.85);box-shadow:0 1px 3px rgba(40,26,18,.22)}.playing-card-illustration.suit-diamonds{background-position-x:33.333%}.playing-card-illustration.suit-clubs{background-position-x:66.667%}.playing-card-illustration.suit-spades{background-position-x:100%}.playing-card-illustration.rank-11{background-position-y:0}.playing-card-illustration.rank-12{background-position-y:50%}.playing-card-illustration.rank-13{background-position-y:100%}.playing-card-face.small{width:55px;height:76px;padding:4px;border-radius:8px}.playing-card-face.small .playing-card-corner{width:16px;gap:0}.playing-card-face.small .playing-card-corner b{font-size:12px}.playing-card-face.small .playing-card-corner i{font-size:10px}.playing-card-face.small .playing-card-corner.bottom{display:none}.playing-card-face.small .playing-card-pip{font-size:29px}.hokm-hand{position:relative;z-index:7;margin:12px auto 0;padding:12px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7px;direction:rtl;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(20,64,59,.94),rgba(9,34,32,.97));box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 30px rgba(10,28,26,.3)}.hokm-suit-row{min-width:0;padding:7px 9px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045);transition:opacity .18s ease,border-color .18s ease,background .18s ease}.hokm-suit-row.trump{border-color:rgba(250,204,21,.42);background:rgba(250,204,21,.09)}.hokm-hand.playable .hokm-suit-row.blocked{opacity:.4}.hokm-suit-tag{display:grid;justify-items:center;gap:3px;color:rgba(255,255,255,.7);line-height:1}.hokm-suit-row.suit-diamonds .hokm-suit-tag,.hokm-suit-row.suit-hearts .hokm-suit-tag{color:#fb7185}.hokm-suit-row.trump .hokm-suit-tag{color:#facc15}.hokm-suit-tag i{font-size:21px;font-style:normal}.hokm-suit-tag small{font-size:8px;font-weight:800}.hokm-suit-cards{min-width:0;direction:ltr;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.hokm-card-button{position:relative;flex:0 0 auto;padding:0;border:0;background:transparent;transition:transform .18s var(--ease),filter .18s ease}.hokm-hand .playing-card-face{width:58px;height:81px;padding:5px;border-radius:10px;box-shadow:0 6px 12px rgba(6,20,18,.4)}.hokm-hand .playing-card-corner{width:17px}.hokm-hand .playing-card-corner.bottom{display:none}.hokm-hand .playing-card-corner b{font-size:14px}.hokm-hand .playing-card-corner i{font-size:11px}.hokm-hand .playing-card-pip{font-size:31px}.hokm-card-button.legal .playing-card-face{border-color:rgba(250,204,21,.85);box-shadow:0 0 0 2px rgba(250,204,21,.28),0 8px 16px rgba(6,20,18,.45)}.hokm-card-button:not(:disabled):focus-visible,.hokm-card-button:not(:disabled):hover{z-index:3;outline:0;transform:translateY(-7px)}.hokm-card-button:not(:disabled):focus-visible .playing-card-face,.hokm-card-button:not(:disabled):hover .playing-card-face{border-color:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.4),0 14px 24px rgba(6,20,18,.5)}.hokm-card-button.selected{z-index:4;transform:translateY(-7px)}.hokm-card-button.selected .playing-card-face{outline:3px solid #facc15;outline-offset:1px}.hokm-card-button:disabled{cursor:not-allowed;filter:saturate(.55) brightness(.86)}.hokm-card-button .playing-card-face{pointer-events:none}.trump-picker{position:absolute;z-index:8;top:50%;left:50%;width:min(430px,calc(100% - 46px));padding:24px;border:1px solid rgba(255,255,255,.86);border-radius:27px;background:rgba(255,255,255,.92);box-shadow:0 30px 70px rgba(25,17,13,.28);text-align:center;transform:translate(-50%,-58%);backdrop-filter:blur(18px)}.trump-picker>svg{color:#d19b16}.trump-picker h2{margin:6px 0 0;font-size:23px}.trump-picker p{margin:0 0 17px;color:var(--muted-ink);font-size:11px}.trump-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.trump-picker button{min-height:74px;display:grid;place-items:center;border:1px solid var(--border);border-radius:17px;background:white;color:#191c22}.trump-picker button.red{color:#dc2626}.trump-picker button:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.trump-picker button i{font-size:30px;font-style:normal;line-height:1}.trump-picker button span{font-size:10px;font-weight:800}.hokm-team-score{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:5px}.hokm-team-score>div{padding:13px 8px;display:grid;justify-items:center;border-radius:16px;background:var(--surface-muted)}.hokm-team-score b{font-size:24px}.hokm-team-score span{color:var(--muted-ink);font-size:9px}.hokm-team-score>i{color:var(--muted-ink);font-style:normal;text-align:center}@media (max-width:700px){.mobile-game-card.tic-tac-toe{background:linear-gradient(155deg,#38bdf8,#075985)}}.connect-game{position:relative;z-index:2;width:min(650px,94%);display:grid;direction:ltr}.connect-board{padding:clamp(9px,1.5vw,17px);display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(5px,1vw,10px);border:1px solid rgba(255,255,255,.36);border-radius:clamp(24px,4vw,40px);background:linear-gradient(145deg,rgba(72,64,175,.82),rgba(35,29,98,.95));box-shadow:0 34px 70px rgba(4,4,20,.35),inset 0 2px rgba(255,255,255,.2);backdrop-filter:blur(18px)}.connect-board button{min-width:0;aspect-ratio:1;padding:7%;border:0;border-radius:50%;background:rgba(10,8,38,.58);box-shadow:inset 0 7px 13px rgba(0,0,0,.46),0 1px rgba(255,255,255,.15)}.connect-board button span{width:100%;height:100%;display:block;border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.18),transparent 23%),linear-gradient(145deg,#302b54,#17142e);box-shadow:inset 0 3px 7px rgba(255,255,255,.07);transform:scale(.84);transition:transform .18s var(--ease),filter .18s ease}.connect-board button.mark-x span{background:url(/game-assets/connect-token-coral.webp) 50%/contain no-repeat;box-shadow:none;filter:drop-shadow(0 7px 6px rgba(190,18,60,.34));transform:scale(1.08)}.connect-board button.mark-o span{background:url(/game-assets/connect-token-blue.webp) 50%/contain no-repeat;box-shadow:none;filter:drop-shadow(0 7px 6px rgba(29,78,216,.34));transform:scale(1.08)}.connect-board button.last span{animation:token-drop .42s cubic-bezier(.2,.9,.3,1.2)}.connect-board button.winner span{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #facc15);animation:connect-win .8s ease-in-out infinite alternate}.connect-board button:focus-visible{outline:3px solid #facc15;outline-offset:2px}.hokm-room-size{margin:-7px 0 14px;display:grid;gap:7px}.hokm-room-size>span{color:rgba(255,255,255,.62);font-size:9px;font-weight:800}.hokm-room-size>div{padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07)}.hokm-room-size button{min-height:52px;padding:7px 10px;display:grid;place-items:center;gap:1px;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.7);font:inherit;cursor:pointer}.hokm-room-size button b{font-size:12px}.hokm-room-size button small{font-size:8px}.hokm-room-size button.active{background:white;color:#25172f;box-shadow:0 9px 22px rgba(0,0,0,.24)}.hokm-room-size button:focus-visible{outline:3px solid #fda4af}.connect-mini{width:17px;height:17px;display:inline-block;border-radius:50%;box-shadow:inset 0 2px rgba(255,255,255,.55),0 3px 7px rgba(0,0,0,.2)}.connect-mini.coral{background:#e11d48}.connect-mini.blue{background:#2563eb}.online-hokm-opponents .hokm-player{position:static}.hokm-phase-panel{position:absolute;z-index:8;top:50%;left:50%;width:min(440px,calc(100% - 42px));padding:20px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 28px 64px rgba(25,17,13,.3);text-align:center;transform:translate(-50%,-61%);backdrop-filter:blur(18px)}.hokm-phase-panel>svg{color:var(--primary)}.hokm-phase-panel h2{margin:5px 0 2px;font-size:20px}.hokm-phase-panel p{margin:0 0 13px;color:var(--muted-ink);font-size:10px;line-height:1.7}.hokm-discard-panel .button{min-width:180px}.hokm-draft-panel{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:16px;text-align:right}.hokm-draft-card{direction:ltr;display:grid;place-items:center}.hokm-draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hokm-draft-actions .button{min-height:44px;padding:8px;font-size:10px}@media (max-width:700px){.connect-game{width:96%}.connect-board{padding:7px;gap:4px;border-radius:23px}.connect-board button{padding:5%}.hokm-phase-panel{width:calc(100% - 24px);padding:15px 11px}.hokm-draft-panel{grid-template-columns:69px 1fr;gap:10px}.hokm-draft-card .playing-card-face{width:62px;height:88px}.hokm-draft-actions{grid-template-columns:1fr}}@media (max-width:980px){.tic-stage{min-height:540px}}@media (max-width:700px){.tic-stage{min-height:355px;border-radius:25px}.tic-stage:after{width:320px;height:320px}.tic-board{width:min(300px,88%);padding:9px;gap:7px;border-radius:29px}.tic-board button{border-radius:17px}.hokm-layout,.hokm-layout>*{min-width:0;width:100%}.hokm-table-shell{width:100%;max-width:100%;margin-inline:0;padding:7px;border-radius:26px}.hokm-table{min-height:400px;border-width:6px;border-radius:43%/27%}.online-hokm-opponents .hokm-player{min-width:0;max-width:32%}.online-hokm-opponents .hokm-player p{min-width:0}.online-hokm-opponents .hokm-player p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hokm-player{padding:5px;gap:4px;border-radius:12px}.hokm-player .avatar{width:30px;height:30px;flex-basis:30px}.hokm-player p{min-width:40px}.hokm-player p b{font-size:9px}.hokm-player p small{font-size:7px}.hokm-score-panel{top:24px;left:50%;width:calc(100% - 128px);padding:3px 8px;grid-template-columns:1fr auto 1fr;gap:6px;border-radius:13px;transform:translateX(-50%)}.hokm-score-panel div{grid-auto-flow:column;align-items:center;justify-content:center;gap:5px}.hokm-score-panel b{font-size:15px}.hokm-score-panel small{font-size:7px}.hokm-score-panel>span{width:auto;min-width:50px;height:24px;grid-auto-flow:column;gap:4px;border-radius:8px}.hokm-score-panel span i{font-size:14px}.hokm-trick{inset:30% 32.5% 22%}.playing-card-face.small{width:43px;height:62px}.playing-card-face.small i{font-size:17px}.hokm-hand{width:100%;max-width:100%;margin-top:9px;padding:9px;grid-template-columns:1fr;gap:6px;border-radius:18px}.hokm-suit-row{padding:5px 7px;grid-template-columns:32px minmax(0,1fr);gap:7px;border-radius:13px}.hokm-suit-tag i{font-size:17px}.hokm-suit-cards{gap:5px}.hokm-hand .playing-card-face{width:46px;height:64px;padding:4px;border-radius:8px}.hokm-hand .playing-card-corner{width:14px;gap:0}.hokm-hand .playing-card-corner b{font-size:12px}.hokm-hand .playing-card-corner i{font-size:9px}.hokm-hand .playing-card-pip{font-size:25px}.trump-picker{width:calc(100% - 26px);padding:18px 12px}.trump-picker h2{font-size:19px}.trump-picker button{min-height:66px}}html[data-theme=dark] .trump-picker button{border-color:var(--border);background:#f7f1e8}body:has(.hokm-layout),body:has(.tic-stage){background:radial-gradient(circle at 50% 8%,rgba(62,73,180,.2),transparent 32rem),radial-gradient(circle at 82% 58%,rgba(207,48,84,.08),transparent 28rem),#030611;color:#eef3ff}.hokm-arena .hokm-table-shell{padding:12px;border:1px solid #28314f;border-radius:30px;background:radial-gradient(circle at 50% -15%,rgba(80,73,255,.2),transparent 36%),linear-gradient(145deg,#070b1b,#040712 62%,#090d1d);box-shadow:0 30px 80px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.045)}.hokm-arena-scoreboard{min-height:70px;margin-bottom:10px;display:grid;grid-template-columns:1fr minmax(150px,.72fr) 1fr;align-items:stretch;overflow:hidden;direction:ltr;border:1px solid #29314d;border-radius:20px;background:#070b17;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.3)}.hokm-arena-team{min-width:0;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.2vw,28px);direction:rtl;font-weight:850}.hokm-arena-team span{overflow:hidden;font-size:clamp(12px,1.4vw,17px);text-overflow:ellipsis;white-space:nowrap}.hokm-arena-team b{font-family:Arial,sans-serif;font-size:clamp(26px,3vw,38px);line-height:1}.hokm-arena-team.team-blue{color:#55a7ff;background:linear-gradient(90deg,rgba(20,55,119,.08),rgba(28,85,188,.24));box-shadow:inset -2px 0 #1f63d4}.hokm-arena-team.team-rose{color:#ff6879;background:linear-gradient(90deg,rgba(172,34,65,.24),rgba(99,20,44,.06));box-shadow:inset 2px 0 #c13254}.hokm-arena-target{padding:7px 10px;display:grid;place-items:center;align-content:center;direction:rtl;color:#fff;line-height:1.25;text-align:center;background:#090d19}.hokm-arena-target small,.hokm-arena-target span{color:#8e98ad;font-size:9px}.hokm-arena-target strong{font-size:14px}.hokm-arena .hokm-table{min-height:560px;border:11px solid #151a28;border-radius:30px;background:radial-gradient(ellipse at center,rgba(43,107,95,.36),transparent 48%),linear-gradient(145deg,#0d4d45,#083a35 62%,#062a28);box-shadow:inset 0 0 0 2px #9b7440,inset 0 0 0 7px #252b38,inset 0 0 70px rgba(0,0,0,.5),0 0 0 2px #4a3a28,0 0 32px rgba(70,61,255,.35)}.hokm-arena .hokm-table:after{color:rgba(255,255,255,.035);font-size:clamp(44px,6vw,72px);transform:translate(-50%,-50%)}.hokm-arena .hokm-player{padding:8px 11px;border-color:#3a4563;border-radius:16px;background:rgba(6,12,27,.91);box-shadow:0 10px 22px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(12px)}.hokm-arena .hokm-player:is(.player-0,.player-2){border-color:#395fc7}.hokm-arena .hokm-player:is(.player-1,.player-3){border-color:#9e3855}.hokm-arena .hokm-player:is(.player-0,.player-2).active{box-shadow:0 0 0 2px #477bff,0 0 24px rgba(71,123,255,.78)}.hokm-arena .hokm-player:is(.player-1,.player-3).active{box-shadow:0 0 0 2px #ff5b71,0 0 24px rgba(255,72,100,.58)}.hokm-arena .hokm-player .avatar{border-color:rgba(255,255,255,.14);background:#131a30;color:#dbe3ff;box-shadow:none}.hokm-arena .hokm-player .avatar.rose{background:#22152a;color:#ff9bab}.hokm-arena .card-backs{display:none}.hokm-arena .hokm-score-panel{width:230px;border-color:rgba(131,150,194,.26);background:rgba(4,13,27,.72);box-shadow:0 16px 36px rgba(0,0,0,.28)}.hokm-arena .hokm-score-panel>span{background:#f3c653;color:#182039;box-shadow:0 0 22px rgba(243,198,83,.3)}.hokm-arena .hokm-hand{margin:-48px 24px 0;padding:12px;border-color:#303959;border-radius:22px;background:rgba(5,10,23,.97);box-shadow:0 -12px 34px rgba(0,0,0,.32),0 0 30px rgba(77,67,245,.2),inset 0 1px rgba(255,255,255,.05)}.hokm-arena .hokm-suit-row{border-color:#242e4a;background:rgba(255,255,255,.025)}.hokm-arena .hokm-suit-row.trump{border-color:rgba(246,198,78,.55);background:rgba(246,198,78,.06)}.hokm-arena .hokm-hand .playing-card-face{width:62px;height:87px;border-color:#eee7dc;border-radius:9px;background:#fffdf8;box-shadow:0 8px 16px rgba(0,0,0,.48)}.hokm-arena .hokm-card-button.legal .playing-card-face{border-color:#7f73ff;box-shadow:0 0 0 2px rgba(103,91,255,.58),0 0 18px rgba(99,82,255,.55)}.hokm-arena .hokm-card-button:not(:disabled):focus-visible .playing-card-face,.hokm-arena .hokm-card-button:not(:disabled):hover .playing-card-face{border-color:#bcaeff;box-shadow:0 0 0 3px rgba(113,94,255,.58),0 16px 28px rgba(0,0,0,.56)}.hokm-arena .trump-picker{border-color:#3b4668;background:rgba(6,11,25,.96);color:#f5f7ff;box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 34px rgba(68,75,201,.3)}.hokm-arena .trump-picker p{color:#9ca7bd}.hokm-arena .trump-picker button{border-color:#3a4260;background:#fdfaf5}.hokm-command-rail .turn-card{border-color:#28314c;border-radius:22px;background:#090e20;color:#eef3ff;box-shadow:0 22px 50px rgba(0,0,0,.32)}.hokm-command-rail .turn-head .text-button{color:#a8b2c8}.hokm-command-rail .hokm-team-score>div{background:#11182c}.hokm-command-rail .hokm-team-score>div:first-child{color:#66aaff}.hokm-command-rail .hokm-team-score>div:last-child{color:#ff7082}.hokm-command-rail .hokm-team-score span{color:#8e99b0}.hokm-match-score{margin-top:8px;padding:9px 9px 7px;display:grid;gap:6px;border:1px solid #28314c;border-radius:16px;background:#0d1327}.hokm-match-score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.hokm-match-team{min-width:0;display:grid;justify-items:center;gap:1px}.hokm-match-team b{font-family:Arial,sans-serif;font-size:22px;line-height:1}.hokm-match-team span{max-width:100%;overflow:hidden;color:#8e99b0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hokm-match-team.team-a b{color:#ffd166}.hokm-match-team.team-b b{color:#f3f6ff}.hokm-match-target{display:grid;justify-items:center;padding:3px 8px;border-radius:10px;background:#161e36;color:#e9edf7;line-height:1.1}.hokm-match-target small{color:#8e99b0;font-size:7px}.hokm-match-target strong{font-family:Arial,sans-serif;font-size:14px}.hokm-match-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;color:#8e99b0;font-size:8px;font-weight:700}.hokm-match-meta span{display:inline-flex;align-items:center;gap:3px}.hokm-arena .hokm-hand-result{border-color:#3b4668;background:rgba(6,11,25,.96);color:#f5f7ff;box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 34px rgba(68,75,201,.3)}.hokm-arena .hokm-hand-result>svg{color:#ffd166}.hokm-arena .hokm-hand-result.lost>svg{color:#8e99b0}.hokm-arena .hokm-hand-result p{color:#b9c2d6;line-height:1.9}.hokm-kot-badge{margin:6px auto 8px;padding:4px 12px;display:inline-flex;align-items:baseline;gap:6px;border-radius:999px;background:linear-gradient(135deg,#f7c948,#f59e0b);color:#2b1d02;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(245,158,11,.35)}.hokm-kot-badge small{font-size:9px;font-weight:800}.hokm-hand-result-actions{display:grid;justify-items:center;gap:7px}.hokm-hand-result-actions .button{min-width:170px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.hokm-hand-result-actions small{color:#8e99b0;font-size:9px}.hokm-arena .hokm-bot-wait{border:1px solid #3b4668;background:rgba(6,11,25,.94);color:#f5f7ff}.hokm-arena .hokm-bot-wait>svg{color:#ffd166;flex:0 0 auto}.hokm-score-panel>span.hokm-score-timer i{font-size:15px}.hokm-turn-clock{display:block;font-family:Courier New,monospace;font-weight:900;font-size:10px;line-height:1.1}.hokm-score-timer.warn{background:#fbbf24!important}.hokm-score-timer.danger{background:#f87171!important}.hokm-score-timer.danger .hokm-turn-clock{animation:hokm-turn-pulse .6s infinite}@keyframes hokm-turn-pulse{50%{opacity:.5}}.connect-arena .connect-board button:disabled{opacity:1}.connect-arena .tic-stage{min-height:690px;padding:12px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;border:1px solid #29314e;border-radius:30px;background:radial-gradient(circle at 50% 17%,rgba(38,77,199,.2),transparent 34%),linear-gradient(145deg,#070b1a,#030712 68%,#080b1b)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 30px 80px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04)}.connect-arena .tic-glow,.connect-arena .tic-stage:after,.connect-arena .tic-stage:before{display:none}.connect-arena-scoreboard{width:min(770px,100%);min-height:72px;display:grid;grid-template-columns:1fr minmax(110px,.52fr) 1fr;direction:ltr;overflow:hidden;border:1px solid #303a5c;border-radius:20px;background:#080c19;box-shadow:0 13px 28px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.04)}.connect-arena-team{padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,24px);direction:rtl;font-weight:900}.connect-arena-team span{font-size:clamp(12px,1.5vw,17px)}.connect-arena-team b{font-family:Arial,sans-serif;font-size:clamp(27px,3vw,38px);line-height:1}.connect-arena-team svg{width:24px;height:24px;stroke-width:3}.connect-arena-team.team-blue{color:#55a4ff;background:linear-gradient(90deg,rgba(19,53,125,.04),rgba(20,84,201,.28));box-shadow:inset -2px 0 #2469dc}.connect-arena-team.team-coral{color:#ff5b66;background:linear-gradient(90deg,rgba(188,33,58,.28),rgba(102,19,42,.04));box-shadow:inset 2px 0 #d43b51}.connect-arena-draw{display:grid;place-items:center;align-content:center;direction:rtl;color:#f3f5ff;line-height:1.2}.connect-arena-draw small{color:#929db3;font-size:10px}.connect-arena-draw strong{font-size:22px}.connect-arena .connect-game{width:min(760px,96%);flex:1;align-content:center}.connect-arena .connect-board{padding:clamp(10px,1.45vw,17px);gap:clamp(6px,1vw,11px);border:2px solid #655feb;border-radius:26px;background:linear-gradient(145deg,#27256f,#171953 74%,#151847);box-shadow:0 28px 64px rgba(0,0,0,.48),0 0 0 7px #0b1026,0 0 0 9px #293256,0 0 34px rgba(75,77,255,.42),inset 0 2px rgba(255,255,255,.13);backdrop-filter:none}.connect-arena .connect-board button{padding:8%;border:1px solid #363a82;background:#0c1231;box-shadow:inset 0 8px 16px rgba(0,0,0,.65),0 1px rgba(255,255,255,.13);transition:border-color .16s ease,background .16s ease,transform .16s ease}.connect-arena .connect-board button span{background:radial-gradient(circle at 37% 27%,rgba(80,92,171,.22),transparent 24%),#101536;box-shadow:inset 0 4px 10px rgba(0,0,0,.46),0 1px rgba(255,255,255,.08)}.connect-arena .connect-board button:not(:disabled):hover{border-color:#62a7ff;background:#142552;transform:translateY(-2px)}.connect-arena .connect-board button:not(:disabled):hover span{transform:scale(.92)}.connect-arena .connect-board.disabled{cursor:wait;filter:saturate(.84)}.connect-arena .connect-board.disabled button{cursor:wait}.connect-arena .connect-board button.mark-o span,.connect-arena .connect-board button.mark-x span{box-shadow:none;transform:scale(1.08)}.connect-arena .connect-board button.mark-x span{background:url(/game-assets/connect-token-coral.webp) 50%/contain no-repeat;filter:drop-shadow(0 7px 7px rgba(255,55,75,.42))}.connect-arena .connect-board button.mark-o span{background:url(/game-assets/connect-token-blue.webp) 50%/contain no-repeat;filter:drop-shadow(0 7px 7px rgba(42,119,255,.46))}.connect-arena .connect-board button.winner span{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #ffd34e)}.connect-arena-turn{min-width:min(460px,92%);min-height:48px;padding:8px 22px;display:flex;align-items:center;justify-content:center;gap:10px;direction:rtl;border:1px solid #4e55c6;border-radius:999px;background:#0c1230;color:#cbd8ff;box-shadow:0 0 22px rgba(70,80,230,.32),inset 0 1px rgba(255,255,255,.06);font-size:12px}.connect-arena-turn svg{width:21px;height:21px;stroke-width:3}.connect-arena-turn.turn-x{border-color:#9c344d;color:#ff8392;box-shadow:0 0 22px rgba(221,48,79,.25)}.connect-arena>.game-sidebar .game-tip,.connect-arena>.game-sidebar .turn-card{border-color:#28314c;background:#090e20;color:#eef3ff;box-shadow:0 22px 50px rgba(0,0,0,.32)}.connect-arena>.game-sidebar .turn-card{border-radius:22px 22px 8px 8px}.connect-arena>.game-sidebar .game-tip{border-radius:8px 8px 22px 22px}.connect-arena>.game-sidebar .turn-head .text-button{color:#a8b2c8}.connect-arena>.game-sidebar .tic-scoreboard>div{background:#11182c}.connect-arena>.game-sidebar .tic-scoreboard>div:first-child{color:#ff6c7d}.connect-arena>.game-sidebar .tic-scoreboard>div:last-child{color:#60a7ff}.connect-arena>.game-sidebar .game-tip p,.connect-arena>.game-sidebar .tic-scoreboard small{color:#8e99b0}.connect-arena>.game-sidebar .tic-player-mark{background:#17264f;color:#61a7ff}.connect-arena>.game-sidebar .tic-player-mark.x{background:#351727;color:#ff6679}@media (max-width:980px){.hokm-arena .hokm-table{min-height:540px}.connect-arena .tic-stage{min-height:660px}}@media (max-width:700px){body:has(.hokm-layout.online-special-game) .game-sidebar{max-height:76px}body:has(.hokm-layout.online-special-game){padding-bottom:calc(76px + max(10px, env(safe-area-inset-bottom, 0px)) + 16px)}.connect-arena .tic-stage,.hokm-arena .hokm-table-shell{border-radius:24px}.connect-arena-scoreboard,.hokm-arena-scoreboard{min-height:58px;grid-template-columns:1fr 82px 1fr;border-radius:15px}.connect-arena-team,.hokm-arena-team{padding:7px 8px;gap:7px}.connect-arena-team span,.hokm-arena-team span{font-size:10px}.connect-arena-team b,.hokm-arena-team b{font-size:24px}.hokm-arena-target strong{font-size:11px}.hokm-arena-target small,.hokm-arena-target span{font-size:7px}.connect-arena-team svg{display:none}.connect-arena-draw strong{font-size:18px}.hokm-arena .hokm-table{min-height:420px;border-width:7px;border-radius:23px}.hokm-arena .hokm-player{padding:5px 7px}.hokm-arena .player-1{right:5px}.hokm-arena .player-3{left:5px}.hokm-arena .hokm-hand{margin:-32px 5px 0;padding:8px;border-radius:17px}.hokm-arena .hokm-hand .playing-card-face{width:48px;height:67px}.hokm-arena .hokm-score-panel{width:calc(100% - 122px)}.hokm-arena .trump-picker{top:44%;width:calc(100% - 30px);padding:14px 10px;transform:translate(-50%,-50%)}.hokm-arena .trump-picker h2{font-size:18px}.hokm-arena .trump-picker>div{gap:5px}.hokm-arena .trump-picker button{min-height:62px}.connect-arena .tic-stage{min-height:0;padding:9px 8px 13px;gap:13px}.connect-arena .connect-game{width:calc(100% - 12px)}.connect-arena .connect-board{padding:8px;gap:4px;border-width:1px;border-radius:18px;box-shadow:0 18px 36px rgba(0,0,0,.48),0 0 0 4px #0b1026,0 0 0 5px #293256,0 0 20px rgba(75,77,255,.35)}.connect-arena .connect-board button{padding:5%}.connect-arena-turn{width:min(100% - 22px,460px);min-width:0;min-height:44px;padding-inline:12px;font-size:10px}.connect-arena.online-special-game .game-sidebar{max-height:248px}.tic-layout .game-sidebar{max-height:150px}}@media (prefers-reduced-motion:reduce){.connect-arena .connect-board button,.hokm-arena .hokm-card-button{transition-duration:.01ms}}@supports (height:1svh){@media (max-width:700px){body:has(.tic-stage){--tic-sheet-offset:max(10px,env(safe-area-inset-bottom,0px));--tic-free:calc(100svh - 76px - env(safe-area-inset-top, 0px) - var(--tic-sheet-offset));--tic-grid-h:min(calc((100vw - 48px) * 0.861),calc(var(--tic-free) - 152px - 150px - 12px))}body:has(.tic-stage) .connect-game{max-width:calc(var(--tic-grid-h) / .861);margin-inline:auto}body:has(.tic-stage) .game-sidebar{max-height:min(46vh,calc(var(--tic-free) - 152px - var(--tic-grid-h) - 12px))}}}@supports (height:1svh){@media (max-width:700px){body:has(.hokm-arena){--hokm-bottom:max(16px,env(safe-area-inset-bottom,0px));--hokm-free:calc(100svh - 84px - env(safe-area-inset-top, 0px) - var(--hokm-bottom));--hokm-stack:calc(var(--hokm-free) - 60px);--hokm-hand-h:clamp(92px,calc(var(--hokm-stack) - 260px),190px);--hokm-table-h:max(240px,calc(var(--hokm-stack) - var(--hokm-hand-h)))}.hokm-arena .hokm-table{min-height:var(--hokm-table-h)}.hokm-arena .hokm-hand{max-height:var(--hokm-hand-h);overflow-y:auto;overscroll-behavior:contain}body:has(.hokm-arena .hokm-dom-table) .hokm-command-rail{display:none}}}@supports (height:1svh){@media (max-width:700px){body:has(.hokm-layout.online-special-game){--hokm-o-bottom:max(16px,env(safe-area-inset-bottom,0px));--hokm-o-free:calc(100svh - 76px - env(safe-area-inset-top, 0px) - var(--hokm-o-bottom));--hokm-o-stack:calc(var(--hokm-o-free) - 25px);--hokm-o-hand-h:clamp(92px,calc(var(--hokm-o-stack) - 260px),190px);--hokm-o-table-h:max(240px,calc(var(--hokm-o-stack) - var(--hokm-o-hand-h)))}.hokm-layout.online-special-game .hokm-table{min-height:var(--hokm-o-table-h)}.hokm-layout.online-special-game .hokm-hand{max-height:var(--hokm-o-hand-h);overflow-y:auto;overscroll-behavior:contain}body:has(.connect-arena.online-special-game){--tic-o-offset:max(10px,env(safe-area-inset-bottom,0px));--tic-o-free:calc(100svh - 76px - env(safe-area-inset-top, 0px) - var(--tic-o-offset));--tic-o-grid-h:min(calc((100vw - 48px) * 0.861),calc(var(--tic-o-free) - 24px - 190px - 12px))}.connect-arena.online-special-game .connect-game{max-width:calc(var(--tic-o-grid-h) / .861);margin-inline:auto}body:has(.connect-arena.online-special-game) .connect-arena.online-special-game .game-sidebar{max-height:min(46vh,calc(var(--tic-o-free) - 24px - var(--tic-o-grid-h) - 12px))}}}.hokm-3d-host{position:relative;aspect-ratio:1.5;max-height:calc(100svh - 190px);max-width:calc((100svh - 190px) * 1.5);margin-inline:auto;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 12% 14%,rgba(255,196,176,.55),transparent 34%),radial-gradient(circle at 88% 82%,rgba(214,96,92,.45),transparent 38%),linear-gradient(135deg,#e4585f,#ee8073 46%,#f7bfa0);box-shadow:inset 0 0 48px rgba(58,12,24,.42),inset 0 1px rgba(255,233,205,.16)}.hokm-3d-host canvas{display:block;outline:0}.hokm-3d-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,240,214,.16) 50%,transparent 70%);background-size:200% 100%;animation:hokm-3d-shimmer 1.4s linear infinite}@keyframes hokm-3d-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hokm-3d-plate{display:grid;justify-items:center;gap:1px;padding:5px 11px;border:1px solid rgba(255,226,176,.28);border-radius:999px;background:rgba(9,14,30,.82);color:#f2e9d8;font-family:inherit;line-height:1.25;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.45)}.hokm-3d-plate.seat-1{transform:translateX(-38%)}.hokm-3d-plate.seat-2{transform:translateY(64%)}.hokm-3d-plate.seat-3{transform:translateX(38%)}.hokm-3d-plate b{font-size:11px;font-weight:800}.hokm-3d-plate small{color:rgba(242,233,216,.6);font-size:8px}.hokm-3d-plate.partner{border-color:rgba(122,168,255,.5)}.hokm-3d-plate.active{border-color:#f3c653;background:rgba(30,22,6,.9);box-shadow:0 0 0 2px rgba(243,198,83,.35),0 8px 20px rgba(0,0,0,.5)}.hokm-keyboard-cards{position:absolute;width:1px;height:1px;overflow:hidden}.hokm-keyboard-cards:focus-within{position:static;width:auto;height:auto;display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:12px;background:rgba(6,11,25,.94)}:is(.hokm-own-seat,.hokm-player,.pasur-own,.domino-hand-actions) .table-undo{min-height:32px;padding:0 11px}.hokm-arena .hokm-stage{position:relative;isolation:auto;background:linear-gradient(145deg,#070b1b,#040712 62%,#090d1d)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.board-curtain.hokm-curtain{background:radial-gradient(circle at 50% 40%,#2a2670 0,#1b1850 60%,#14123e 100%);color:#fff8f0}.hokm-curtain .board-curtain-card small{color:#b9b4dc}.hokm-curtain .board-curtain-dice i{box-shadow:inset 0 -3px 0 rgba(43,53,96,.18),0 8px 18px rgba(40,36,30,.18)}.hokm-online-turn .turn-head{align-items:center}.hokm-trump-mark{font-size:19px;font-style:normal;line-height:1}.hokm-turn-ring{min-width:34px;padding:5px 8px;display:grid;place-items:center;border-radius:12px;background:#f3c653;color:#182039;font-family:Courier New,monospace;font-size:15px;font-weight:900;line-height:1}.hokm-turn-ring.warn{background:#fbbf24}.hokm-turn-ring.danger{background:#f87171;animation:hokm-turn-pulse .6s infinite}.tic-3d-host{position:relative;width:min(880px,100%);aspect-ratio:1.5;min-height:0;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 9% 22%,rgba(255,196,204,.7) 0 26px,transparent 27px),radial-gradient(circle at 15% 62%,rgba(255,214,214,.55) 0 18px,transparent 19px),radial-gradient(circle at 90% 20%,rgba(130,160,255,.55) 0 34px,transparent 35px),radial-gradient(circle at 93% 74%,rgba(120,150,255,.5) 0 22px,transparent 23px),radial-gradient(circle at 84% 8%,rgba(255,170,180,.6) 0 12px,transparent 13px),linear-gradient(112deg,#ee4358,#f36a6c 40%,#f8a58a);box-shadow:inset 0 0 60px rgba(120,20,50,.16),0 24px 60px rgba(0,0,0,.45)}.tic-3d-host canvas{display:block;outline:0;touch-action:none}.tic-3d-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,240,230,.12) 50%,transparent 70%);background-size:200% 100%;animation:tic-3d-shimmer 1.4s linear infinite}@keyframes tic-3d-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tic-table-topbar{display:none}.tic-stage:has(.tic-3d-host) .tic-table-topbar{display:flex;gap:6px;width:min(880px,100%);height:34px;min-width:0}.tic-seat-chips{gap:5px}.tic-seat-chips,.tic-seat-chips>span{flex:0 1 auto;display:flex;min-width:0}.tic-seat-chips>span{align-items:center;justify-content:center;gap:6px;padding:4px 8px;border:1px solid #303a5c;border-radius:10px;background:#0b1024;color:#c9cce0;font-size:11px;font-weight:800}.tic-seat-chips>span.active{border-color:#e2b45c;color:#fff2dc;background:#1c1f3a}.tic-seat-chips b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tic-seat-chips .connect-mini{flex:0 0 auto}.tic-seat-chips em{flex:none;font-style:normal;font-weight:900}.tic-table-topbar>.table-status{flex:1 1 0;font-size:11px;line-height:1.4}.connect-arena .tic-stage:has(:is(.tic-3d-host,.tic-curtain)){isolation:auto;transform:none;perspective:none;filter:none}.connect-arena.game-table:has(.tic-3d-host){background:#050611}body:has(.tic-3d-host) .connect-arena>.tic-stage,body:has(.tic-3d-host) .connect-arena>div:not(.winner-celebration){flex:1 1 auto;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}body:has(.tic-3d-host) .connect-arena>div>.tic-stage{height:100%}body:has(.tic-3d-host) .connect-arena .tic-stage:has(.tic-3d-host){min-height:0;margin:0;padding:5px;border-radius:16px;display:grid;grid-template-columns:calc(var(--bar-start) - 18px) minmax(0,1.2fr) minmax(0,1fr) calc(var(--bar-end) - 18px);grid-template-rows:34px minmax(0,1fr);gap:5px;align-content:stretch;justify-items:stretch}body:has(.tic-3d-host) .tic-stage .tic-3d-host{grid-row:2;grid-column:1/-1;width:100%;max-width:none;height:100%;aspect-ratio:auto;min-height:0;align-self:stretch;border-radius:12px}body:has(.tic-3d-host) .tic-stage>.table-status{grid-row:1;grid-column:3;font-size:11px;line-height:1.4}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-scoreboard{grid-row:1;grid-column:2;width:100%;min-height:0;height:34px;border-radius:10px;grid-template-columns:1fr minmax(64px,.4fr) 1fr}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-team{padding:2px 8px;gap:6px}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-team span{font-size:11px}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-team b{font-size:16px}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-team svg{display:none}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-draw{line-height:1}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-draw small{font-size:10px}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-draw strong{font-size:13px}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .connect-arena-turn{display:none}body:has(.tic-3d-host) .tic-stage:has(.tic-3d-host) .tic-table-topbar{grid-row:1;grid-column:2/4;width:100%}.game-screen[data-table=landscape] .game-table.hokm-layout{gap:0;background:#050611;padding:var(--safe-top) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}@media (orientation:portrait) and (max-width:700px),(orientation:portrait) and (pointer:coarse) and (max-width:1100px){.game-screen[data-table=landscape] .game-table.hokm-layout{padding:0 env(safe-area-inset-bottom,0) 0 var(--safe-top)}}.hokm-layout:has(.hokm-3d-host)>:is(.hokm-stage,div:not(.winner-celebration)){flex:1 1 0;min-width:0;height:100%}.hokm-arena .hokm-stage:has(.hokm-3d-host){height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.hokm-layout:has(.hokm-3d-host)>.hokm-command-rail,.hokm-stage:has(.hokm-3d-host)>.hokm-arena-scoreboard{display:none}.hokm-3d-host{width:100%;max-width:none;max-height:none;height:100%;min-height:0;aspect-ratio:auto;border-radius:0;background:#0a101d radial-gradient(ellipse 70% 60% at 50% 42%,#1b2b48,#0e1a30 55%,#070c18);box-shadow:none}.hokm-canvas-area{position:absolute;inset:68px 0 46px}.hokm-table-hud{position:absolute;inset:12px 0 auto;z-index:7;pointer-events:none}.hokm-hud-score{width:min(610px,49%);margin:0 auto;display:flex;align-items:center;justify-content:space-evenly;gap:14px;color:#f5ecde;border:1px solid #344458;border-radius:16px;padding:8px 16px;background:#0a1221}.hokm-hud-score>div{display:grid;justify-items:center;gap:3px}.hokm-hud-score small{font-size:11px;color:#a8b7c9}.hokm-hud-score b{font-size:21px;line-height:1.1}.hokm-hud-score .hokm-score-trump b{font-size:16px;white-space:nowrap}.hokm-hud-score>span{max-width:140px;font-size:13px;direction:rtl}.hokm-hud-score em{font-style:normal}.hokm-hud-score .ours,.hokm-hud-score em:first-child{color:#80baff}.hokm-hud-score .theirs,.hokm-hud-score em:last-child{color:#fb8798}.hokm-hud-trump{position:absolute;right:104px;top:0;display:flex;align-items:center;gap:10px;color:#f5ecde}.hokm-hud-trump i{font-size:34px;font-style:normal}.hokm-hud-trump span{display:grid;font-size:12px;color:#b7c1d1}.hokm-hud-trump b{font-size:15px;color:#f5ecde}.hokm-own-seat{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;max-width:65%;padding:7px 16px;border:1px solid #725b37;border-radius:16px;background:#0b1422;color:#f6db9f;white-space:nowrap}.hokm-own-seat>b{font-size:15px}.hokm-own-seat small{color:#b8c8d8;font-size:12px}.hokm-own-name{display:flex;align-items:center;gap:5px;font-size:12px;color:#e4e9f3}.hokm-3d-plate{border:1px solid #596479;padding:4px 10px;position:relative;background:#0b1524ed}.hokm-3d-plate b{display:flex;align-items:center;gap:4px;font-size:13px}.hokm-3d-plate small{font-size:10px;color:#c1cbd9}.hokm-3d-plate.seat-2{transform:translateY(-18%)}.hokm-3d-plate.seat-1{transform:translateX(-16%)}.hokm-3d-plate.seat-3{transform:translateX(16%)}.hokm-court-avatar{width:46px;height:46px;border-radius:50%;border:2px solid #ad9260;background-image:url(/game-assets/hokm-court-illustrations.webp);background-size:400% 400%;margin-top:-38px;box-shadow:0 4px 10px #0008}.hokm-court-avatar.court-1{background-position:100% 34%}.hokm-court-avatar.court-2{background-position:33% 34%}.hokm-court-avatar.court-3{background-position:0 67%}.hokm-keyboard-cards button{color:#f5ecde;border:1px solid #a18a60;background:#172335}.hokm-stage:has(.hokm-3d-host) .trump-picker{top:34%}.hokm-dom-table[data-skin=navy]{background-color:#172d4c}.hokm-dom-table[data-skin=emerald]{background-color:#165448}@media (max-height:520px),(max-width:700px){.hokm-canvas-area{inset:49px 0 32px}.hokm-table-hud{top:7px}.hokm-hud-score{width:42%;padding:5px 8px;gap:8px;border-radius:10px}.hokm-hud-score>span{display:none}.hokm-hud-score small{font-size:11px}.hokm-hud-score b{font-size:17px}.hokm-hud-score .hokm-score-trump b{font-size:13px}.hokm-hud-trump{right:80px;gap:5px}.hokm-hud-trump i{font-size:26px}.hokm-hud-trump span{font-size:11px}.hokm-hud-trump b{font-size:13px}.hokm-own-seat{bottom:2px;padding:4px 10px;border-radius:10px;gap:8px}.hokm-own-name,.hokm-own-seat>b{font-size:12px}.hokm-own-seat small{font-size:11px}.hokm-3d-plate{padding:3px 7px}.hokm-3d-plate b{font-size:11px}.hokm-3d-plate small{font-size:10px}.hokm-court-avatar{width:28px;height:28px;margin-top:-22px}.hokm-stage:has(.hokm-3d-host) .trump-picker{top:35%;width:320px;padding:10px 14px}.hokm-stage:has(.hokm-3d-host) .trump-picker h2{font-size:15px}.hokm-stage:has(.hokm-3d-host) .trump-picker p{font-size:10px;margin-bottom:5px}.hokm-stage:has(.hokm-3d-host) .trump-picker button{min-height:46px;border-radius:10px;display:flex;justify-content:center;gap:5px}.hokm-stage:has(.hokm-3d-host) .trump-picker button i{font-size:23px}.hokm-3d-host .board-view-controls{flex-direction:column;bottom:6px;inset-inline-start:6px}.hokm-3d-host .board-view-controls button{width:34px;height:34px;border-radius:11px}}.hokm-court-avatar{background-size:800% 800%}.hokm-court-avatar.court-1{background-position:92% 32%}.hokm-court-avatar.court-2{background-position:36% 32%}.hokm-court-avatar.court-3{background-position:7% 59%}.hokm-seat-markers{position:absolute;inset:77px 0 55px;z-index:5;pointer-events:none}.hokm-seat-markers .hokm-3d-plate{position:absolute;display:flex;align-items:center;gap:6px;text-align:center}.hokm-seat-markers .hokm-3d-plate.seat-2{top:0;left:50%;transform:translateX(-50%)}.hokm-seat-markers .hokm-3d-plate.seat-1{top:37%;right:9%;transform:none}.hokm-seat-markers .hokm-3d-plate.seat-3{top:37%;left:9%;transform:none}.hokm-seat-markers .hokm-court-avatar{margin-top:0;width:36px;height:36px}@media (max-height:520px),(max-width:700px){.hokm-seat-markers{inset:60px 0 30px}.hokm-seat-markers .hokm-3d-plate.seat-1{right:9%;top:32%}.hokm-seat-markers .hokm-3d-plate.seat-3{left:9%;top:32%}.hokm-seat-markers .hokm-court-avatar{width:26px;height:26px}}.hokm-layout:has(.hokm-3d-host){--hud-ink:#2b3440;--hud-muted:#7b8494;--hud-pill:#ffffff;--hud-accent:#ff4f64;--hud-soft:#f1eee8;--hud-shadow:0 4px 14px rgba(40,36,30,.14),0 0 0 1px rgba(40,36,30,.05)}.hokm-3d-host[data-skin=studio]{background-color:#14123e;background-image:radial-gradient(ellipse 55% 45% at 84% 6%,rgba(255,79,100,.12),transparent 70%),radial-gradient(ellipse 90% 80% at 50% 62%,#2a2670,#14123e)}.hokm-stage:has(.hokm-3d-host[data-skin=studio]){background:#14123e!important}body:has(.hokm-3d-host[data-skin=studio]){background-color:#14123e}.hokm-studio-host .hokm-canvas-area{inset:0}.hokm-studio-host{max-width:calc(100svh * 1.85);margin-inline:auto}.game-screen[data-table=landscape] .game-table.hokm-layout:has(.hokm-3d-host[data-skin=studio]){background:#14123e}.hokm-hud-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--hud-pill);color:var(--hud-ink);box-shadow:var(--hud-shadow);white-space:nowrap;line-height:1.2}.hokm-hud-top{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:10px;pointer-events:none}.hokm-hud-tally{flex-direction:column;gap:2px;padding:7px 22px}.hokm-hud-tally b{font-size:20px;font-weight:800;letter-spacing:.04em}.hokm-hud-tally em{font-style:normal}.hokm-hud-tally small{font-size:11px;color:var(--hud-muted)}.hokm-hud-suit{padding:10px 18px;font-size:15px;font-weight:800}.hokm-hud-suit.named{background:var(--hud-accent);color:#fff;box-shadow:0 6px 18px rgba(255,79,100,.35)}.hokm-hud-suit i{font-size:20px;font-style:normal;line-height:1}.hokm-hud-suit svg{color:var(--hud-accent)}.hokm-plates{position:absolute;inset:0;z-index:5;pointer-events:none}.hokm-plate{position:absolute;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--hud-pill);color:var(--hud-ink);box-shadow:var(--hud-shadow);white-space:nowrap;line-height:1.2}.hokm-plate.seat-2{top:20%;left:50%;transform:translateX(-50%)}.hokm-plate.seat-1{top:44%;right:2.5%}.hokm-plate.seat-3{top:44%;left:2.5%}.hokm-plate-avatar{position:relative;flex:none}:root .avatar:is(.hokm-face,.hokm-court-avatar){flex:none;border-color:#fff}:root .avatar.hokm-court-avatar{border-color:#ad9260}.hokm-face{display:block;width:36px;height:36px;border-radius:50%;border:2px solid #fff;background-image:url(/game-assets/hokm-court-illustrations.webp);background-size:800% 800%;box-shadow:0 2px 6px rgba(40,36,30,.25)}.hokm-face.court-0{background-position:64% 59%}.hokm-face.court-1{background-position:92% 32%}.hokm-face.court-2{background-position:36% 32%}.hokm-face.court-3{background-position:7% 59%}.hokm-plate-crown{position:absolute;top:-9px;left:50%;transform:translateX(-50%);color:var(--hud-accent);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.hokm-plate-text{display:grid;gap:1px}.hokm-plate-text b{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:800}.hokm-plate-text small{font-size:10px;color:var(--hud-muted)}.hokm-own-ring,.hokm-plate-ring{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:3px solid var(--hud-accent);background:var(--hud-pill);color:var(--hud-ink);font-family:inherit;font-size:12px;font-weight:800;line-height:1;padding:0;min-width:0}.hokm-plate-ring:empty{border-width:4px;animation:hokm-turn-pulse 1.2s ease-in-out infinite}.hokm-own-ring.warn,.hokm-plate-ring.warn{border-color:#f5a623}.hokm-own-ring.danger,.hokm-plate-ring.danger{border-color:#e03a3a;animation:hokm-turn-pulse .6s infinite}.hokm-own-row{position:absolute;left:50%;bottom:39%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;pointer-events:none}.hokm-own-turn{flex-direction:column;gap:1px;padding:8px 18px}.hokm-own-turn b{font-size:14px;font-weight:800}.hokm-own-turn small{font-size:11px;color:var(--hud-muted)}.hokm-own-row .hokm-own-ring{width:46px;height:46px;font-size:15px;box-shadow:var(--hud-shadow)}.hokm-own-chip{padding:5px 14px 5px 6px}.hokm-own-chip b{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:800}.hokm-own-chip .hokm-face{width:30px;height:30px}.hokm-own-chip svg{color:var(--hud-accent)}.hokm-keyboard-cards:focus-within{width:min(480px,75vw);justify-content:center;background:var(--hud-pill);box-shadow:var(--hud-shadow)}.hokm-keyboard-cards button{padding:8px 12px;color:var(--hud-ink);border:1px solid #d9d4cb;border-radius:8px;background:var(--hud-soft)}.hokm-stage:has(.hokm-3d-host) .trump-picker{top:42%;transform:translate(-50%,-50%);width:min(430px,55%);padding:15px 20px}.hokm-stage:has(.hokm-3d-host) .trump-picker>svg{display:none}.hokm-stage:has(.hokm-3d-host) .trump-picker h2{font-size:20px;margin:0 0 5px}.hokm-stage:has(.hokm-3d-host) .trump-picker p{margin-bottom:10px;font-size:12px}.hokm-dom-table[data-skin=studio]{background-color:#2f6064}@media (max-height:520px),(max-width:700px){.hokm-studio-host{max-width:none}.hokm-hud-pill{padding:6px 12px}.hokm-hud-top{top:8px;gap:8px}.hokm-hud-tally{padding:4px 14px}.hokm-hud-tally b{font-size:16px}.hokm-hud-tally small{font-size:10px}.hokm-hud-suit{padding:7px 13px;font-size:13px}.hokm-hud-suit i{font-size:17px}.hokm-plate{gap:6px;padding:3px 9px 3px 4px}.hokm-plate.seat-2{top:16%}.hokm-plate.seat-1{right:1.5%}.hokm-plate.seat-3{left:1.5%}.hokm-face{width:28px;height:28px}.hokm-plate-text b{font-size:11px}.hokm-plate-text small{font-size:9px}.hokm-own-ring,.hokm-plate-ring{width:28px;height:28px;font-size:11px;border-width:2px}.hokm-own-row{bottom:9px;gap:7px}.hokm-own-turn{padding:5px 12px}.hokm-own-turn b{font-size:12px}.hokm-own-turn small{font-size:10px}.hokm-own-row .hokm-own-ring{width:36px;height:36px;font-size:13px}.hokm-own-chip{padding:3px 10px 3px 4px}.hokm-own-chip b{font-size:11px}.hokm-own-chip .hokm-face{width:26px;height:26px}.hokm-stage:has(.hokm-3d-host) .trump-picker{top:46%;width:320px;padding:10px 14px}.hokm-stage:has(.hokm-3d-host) .trump-picker h2{font-size:15px}.hokm-stage:has(.hokm-3d-host) .trump-picker p{font-size:10px;margin-bottom:5px}.hokm-stage:has(.hokm-3d-host) .trump-picker button{min-height:46px;border-radius:10px;display:flex;justify-content:center;gap:5px}.hokm-stage:has(.hokm-3d-host) .trump-picker button i{font-size:23px}}