.platform-brand{display:inline-flex;align-items:center;gap:9px}.platform-brand-logo{width:48px;height:48px;object-fit:contain;display:block;border-radius:12px;background:#fff;box-shadow:0 12px 26px #00000042}.platform-nav-links select{border-radius:var(--r-pill);background:var(--chip);border:1px solid var(--border)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);display:inline-block;flex:0 0 auto}@media(prefers-reduced-motion:no-preference){.live-dot{animation:bg-live-pulse 2.4s ease-in-out infinite}}@keyframes bg-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.bay-v68{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:stretch}.bay-main{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),var(--surface-1);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--sh-card);padding:30px;overflow:hidden}.bay-main:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 88% -10%,rgba(92,232,180,.16),transparent 60%)}.bay-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--chip);border:1px solid var(--border);padding:6px 12px;border-radius:var(--r-pill)}.bay-title{position:relative;z-index:1;font-size:var(--fs-hero);line-height:var(--lh-tight);font-weight:var(--fw-black);color:var(--text-strong);margin:16px 0 10px}.bay-grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.bay-main>p{position:relative;z-index:1;color:var(--text-muted);line-height:var(--lh-relaxed);font-size:var(--fs-md);margin:0 0 20px;max-width:46ch}.bay-ctas{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.bay-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--chip);color:var(--text);border-radius:var(--r-md);padding:12px 18px;cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-md);transition:transform var(--t-base) var(--ease),background var(--t-base) var(--ease)}.bay-cta:hover{background:var(--chip-strong);transform:translateY(-1px)}.bay-cta.primary{background:var(--accent-grad);color:var(--accent-ink);border-color:transparent;box-shadow:var(--glow-accent)}.bay-rail{position:relative;z-index:1;display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.bay-rail .rail-thumb{width:46px;height:46px;padding:0;overflow:hidden;cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.bay-rail .rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bay-rail .rail-thumb:hover{transform:translateY(-3px);border-color:var(--g);box-shadow:0 8px 18px color-mix(in srgb,var(--g) 40%,transparent)}.bay-side{display:grid;grid-template-rows:1fr auto;gap:14px;min-width:0}.bay-art{position:relative;border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-card);min-height:200px;background:var(--surface-1)}.bay-art img{width:100%;height:100%;object-fit:cover;display:block}.bay-art-tag{position:absolute;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent);padding:4px 10px;border-radius:var(--r-pill)}.prism-section{margin-top:22px}.prism-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:16px}.prism-card{position:relative;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--sh-card);overflow:hidden;padding-bottom:18px;transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.prism-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--g) 16%,transparent),transparent 42%)}.prism-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-2)}.prism-cover{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.prism-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,11,20,.55) 100%)}.prism-status{position:absolute;z-index:3;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text);background:color-mix(in srgb,var(--g) 26%,rgba(10,14,26,.82));border:1px solid color-mix(in srgb,var(--g) 45%,transparent);padding:4px 10px;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prism-card h3{margin:14px 16px 4px;font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--text-strong)}.prism-tag{display:block;margin:0 16px 6px;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--g)}.prism-desc{margin:0 16px 12px;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.prism-meta{display:flex;gap:8px;margin:0 16px 14px}.prism-meta span{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);color:var(--text-muted);background:var(--chip);border-radius:var(--r-pill);padding:4px 10px}.prism-meta span svg{color:var(--g)}.prism-play{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px;width:calc(100% - 32px);min-height:44px;border:none;border-radius:var(--r-md);cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-md);background:color-mix(in srgb,var(--g) 88%,white);color:var(--accent-ink);transition:filter var(--t-base) var(--ease)}.prism-play:hover{filter:brightness(1.06)}.prism-chev{transition:transform var(--t-base) var(--ease)}[dir=rtl] .prism-chev{transform:scaleX(-1)}.prism-play:hover .prism-chev{transform:translate(4px)}[dir=rtl] .prism-play:hover .prism-chev{transform:scaleX(-1) translate(4px)}@media(prefers-reduced-motion:no-preference){.prism-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--g) 45%,var(--border));box-shadow:0 18px 50px color-mix(in srgb,var(--g) 32%,transparent)}}@media(max-width:860px){.bay-v68{grid-template-columns:1fr}.bay-side{grid-template-rows:auto auto}.bay-art{min-height:160px;max-height:240px}.bay-main{padding:22px}}@media(max-width:560px){.prism-grid{grid-template-columns:1fr}.bay-title{font-size:clamp(28px,9vw,36px)}.bay-ctas .bay-cta{width:100%;justify-content:center}}@media(hover:none),(pointer:coarse){.prism-card:hover{transform:none}}.detail-v68{display:block}.detail-back{display:inline-flex;align-items:center;gap:6px;background:var(--chip);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-pill);padding:8px 14px;cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-bottom:16px}.detail-back:hover{background:var(--chip-strong);color:var(--text)}.detail-back-chev{transform:scaleX(1)}[dir=rtl] .detail-back-chev{transform:scaleX(-1)}.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;align-items:stretch}.detail-copy{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),var(--surface-1);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--sh-card);padding:28px}.detail-copy:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 88% -10%,color-mix(in srgb,var(--g) 22%,transparent),transparent 60%)}.detail-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--g);background:color-mix(in srgb,var(--g) 14%,var(--chip));border:1px solid color-mix(in srgb,var(--g) 35%,transparent);padding:5px 12px;border-radius:var(--r-pill)}.detail-copy h1{position:relative;z-index:1;font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--text-strong);margin:16px 0 10px;line-height:var(--lh-tight)}.detail-copy>p{position:relative;z-index:1;color:var(--text-muted);line-height:var(--lh-relaxed);font-size:var(--fs-md);margin:0 0 20px}.detail-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.detail-accent{background:color-mix(in srgb,var(--g) 88%,white)!important;color:var(--accent-ink)!important;border-color:transparent!important;box-shadow:0 10px 26px color-mix(in srgb,var(--g) 35%,transparent)!important}.detail-identity{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.detail-identity>div{background:var(--chip);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px;min-width:0}.detail-identity dt{font-size:var(--fs-xs);color:var(--text-dim);font-weight:var(--fw-bold);margin-bottom:2px}.detail-identity dd{margin:0;font-size:var(--fs-sm);color:var(--text);font-weight:var(--fw-bold)}.detail-art{position:relative;border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-card);min-height:240px;background:var(--surface-1)}.detail-art img{width:100%;height:100%;object-fit:cover;display:block}.detail-art-tag{position:absolute;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--g);padding:4px 10px;border-radius:var(--r-pill)}.detail-modes{margin-top:18px}.detail-modes .game-mode-grid-v24{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.detail-mode{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:grid;gap:6px;align-content:start;border-top:2px solid color-mix(in srgb,var(--g) 70%,var(--border))}.detail-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--g) 18%,var(--surface-2));color:var(--g);font-weight:var(--fw-black);font-size:15px}.detail-mode-icon.is-image{overflow:hidden;padding:0;background:color-mix(in srgb,var(--g) 12%,var(--surface-2))}.detail-mode-icon.is-image img{width:100%;height:100%;object-fit:cover;display:block}.detail-mode strong{color:var(--text-strong);font-size:var(--fs-md)}.detail-mode p{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-normal)}@media(max-width:860px){.detail-hero{grid-template-columns:1fr}.detail-art{min-height:200px;max-height:280px;order:-1}.detail-copy{padding:22px}}@media(max-width:560px){.detail-actions .bay-cta{width:100%;justify-content:center}}.hokm-page{min-height:100vh;color:#fffffff0;background:linear-gradient(180deg,#0b111880,#050a10cc),url(/wood-walnut.png);background-size:cover;background-position:center;overflow-x:hidden}.hokm-page.is-table{min-height:100dvh;height:100dvh;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#19090a14,#0a05065c),linear-gradient(135deg,#3a1718,#661b1d 45%,#2b1013);overflow:hidden}.hokm-shell{width:min(1180px,calc(100vw - 24px));margin:0 auto;padding:12px 0 24px}.hokm-page.is-table .hokm-shell{width:min(100vw,1180px);height:100dvh;padding:0;overflow:hidden}.hokm-topbar{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px}.hokm-page.is-table .hokm-topbar{width:min(100% - 16px,1160px);margin:0 auto;min-height:44px;color:#ffffffeb;justify-content:center;position:relative;z-index:30}.hokm-topbar button,.hokm-panel button,.hokm-table-panel button{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fffffff0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:900;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hokm-topbar button:disabled,.hokm-panel button:disabled,.hokm-table-panel button:disabled{cursor:not-allowed;opacity:.55}.hokm-brand{letter-spacing:0}.hokm-panel{border:1px solid rgba(255,255,255,.16);background:#070c12b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 70px #00000057;border-radius:18px;padding:clamp(14px,2vw,22px)}.hokm-auth-panel,.hokm-status-panel,.hokm-create-panel{width:min(680px,100%);margin:10vh auto 0;display:grid;gap:14px}.hokm-auth-panel h1,.hokm-status-panel h1,.hokm-join-panel h1,.hokm-lobby h1,.hokm-create-panel h1{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.25}.hokm-panel p{margin:6px 0 0;line-height:1.7;color:#ffffffc2}.hokm-section-head,.hokm-lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.hokm-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hokm-primary{background:linear-gradient(135deg,#22c55e4d,#0ea5e938)!important;border-color:#7dffbe57!important}.hokm-danger{background:#dc262633!important;border-color:#fca5a54d!important}.hokm-error{border:1px solid rgba(252,165,165,.4);background:#7f1d1d47;color:#ffebebfa;border-radius:12px;padding:10px 12px;line-height:1.6}.hokm-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hokm-option-box,.hokm-create-preview{display:grid;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;padding:12px}.hokm-option-box span,.hokm-create-preview span{color:#ffffffb8;font-size:13px;font-weight:850}.hokm-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.hokm-segmented button.active{background:#22c55e47;border-color:#7dffbe7a}.hokm-big-action{min-height:46px}.hokm-join-form,.hokm-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}.hokm-join-form label,.hokm-invite-row label{display:grid;gap:7px;color:#ffffffd1;font-weight:900}.hokm-join-form input,.hokm-invite-row input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#0000004d;color:#fffffff0;padding:11px 12px;font:inherit}.hokm-room-list{display:grid;gap:8px;margin-top:16px}.hokm-room-row{display:grid;grid-template-columns:1fr auto auto minmax(0,1fr);gap:10px;align-items:center;text-align:start}.hokm-room-row em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ffffffb8;font-style:normal}.hokm-empty{padding:14px;border-radius:12px;background:#ffffff0f;color:#ffffffbd}.hokm-lobby-grid{display:grid;grid-template-columns:repeat(var(--seat-count),minmax(0,1fr));gap:10px;margin:16px 0}.hokm-seat-card{min-height:106px;display:grid;align-content:center;gap:6px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:12px}.hokm-seat-card.filled{border-color:#7dffbe42;background:#22c55e1a}.hokm-seat-card.bot{border-color:#7dd3fc57;background:#0ea5e91a}.hokm-seat-card span,.hokm-seat-card small{color:#ffffffad;font-weight:800}.hokm-table-panel{height:calc(100dvh - 44px);min-height:0;position:relative;overflow:hidden;padding-top:66px;box-sizing:border-box;--hokm-hand-card-w: clamp(54px, min(5.6vw, 9dvh), 80px);--hokm-hand-gap: clamp(6px, .65vw, 10px);--hokm-short-hand-card-w: clamp(58px, min(6.4vw, 10dvh), 88px);--hokm-played-card-w: clamp(54px, min(5vw, 8dvh), 66px)}.hokm-mobile-status{position:absolute;left:50%;top:82px;z-index:16;width:min(100% - 160px,760px);margin:0;transform:translate(-50%);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#fffffff0;font-size:13px;font-weight:900}.hokm-mobile-status span,.hokm-mobile-status strong{border-radius:999px;background:#2a7319c7;padding:5px 10px;box-shadow:0 8px 22px #0000002e}.hokm-felt{position:relative;height:100%;min-height:0;width:min(100vw,1180px);margin:0 auto;overflow:hidden;background:linear-gradient(90deg,rgba(240,205,124,.3) 0 9px,transparent 9px calc(100% - 9px),rgba(240,205,124,.3) calc(100% - 9px)),linear-gradient(0deg,rgba(240,205,124,.22) 0 9px,transparent 9px calc(100% - 9px),rgba(240,205,124,.22) calc(100% - 9px)),repeating-linear-gradient(0deg,rgba(255,232,185,.035) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(255,232,185,.025) 0 1px,transparent 1px 11px),radial-gradient(ellipse at center,#84221eeb,#561214fa 58%,#2d0b0d);border-inline:1px solid rgba(246,214,140,.28);box-shadow:inset 0 0 0 11px #ffe5a014,inset 0 0 90px #1005078a}.hokm-trump-announcement{position:absolute;inset:0;z-index:35;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.36),rgba(0,0,0,.06) 42%,transparent 64%);animation:hokm-trump-announce 2.4s ease both}.hokm-trump-announcement span{color:var(--suit);font-size:clamp(82px,18vw,190px);line-height:.82;text-shadow:0 18px 52px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,var(--suit),transparent 48%)}.hokm-trump-announcement strong{position:absolute;top:calc(50% + clamp(58px,11vw,116px));border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#1e0c0ed1;color:#fff;padding:9px 18px;font-size:clamp(15px,2.3vw,24px);box-shadow:0 16px 38px #0000005c}@keyframes hokm-trump-announce{0%{opacity:0;transform:scale(.92)}14%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.hokm-table-actions{position:absolute;top:8px;left:14px;right:auto;inset-inline-end:auto;z-index:34}.hokm-table-actions button{min-width:92px;padding:8px 14px;border-radius:999px!important;border-color:#ffe6aa70!important;background:#230c0fdb!important;box-shadow:0 8px 24px #00000057}.hokm-opponent{position:absolute;z-index:8;display:grid;justify-items:center;gap:5px}.hokm-opponent.top{top:18px;left:50%;transform:translate(-50%);width:min(430px,calc(100% - 118px))}.hokm-opponent.left{left:18px;top:42%;transform:translateY(-50%);width:96px}.hokm-opponent.right{right:18px;top:42%;transform:translateY(-50%);width:96px}.hokm-opponent.current .hokm-player-badge{outline:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 5px #22c55e38}.hokm-player-badge{min-width:116px;max-width:210px;display:grid;justify-items:center;gap:2px;border-radius:4px;background:linear-gradient(180deg,#297e24fa,#18611cfa);color:#fff;padding:5px 10px;text-align:center;box-shadow:0 8px 22px #0000002e}.hokm-player-badge.mine{background:linear-gradient(180deg,#22851ffa,#12681dfa)}.hokm-player-badge.bot{background:linear-gradient(180deg,#1f818efa,#0f606cfa)}.hokm-player-badge strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.hokm-player-badge span{color:#ffffffc2;font-size:10px;font-weight:800}.hokm-card-backs{display:flex;justify-content:center;max-width:100%;overflow:hidden}.hokm-card-backs.vertical{height:260px;flex-direction:column;align-items:center}.hokm-card-backs span{width:22px;height:34px;flex:0 0 auto;margin-inline-start:-8px;border:1px solid rgba(255,255,255,.86);border-radius:2px;background:#111 url(/hokm/card-back-black.webp) center / cover no-repeat;box-shadow:0 2px 5px #00000038}.hokm-card-backs span:first-child{margin-inline-start:0}.hokm-card-backs.vertical span{margin-inline-start:0;margin-top:-13px;transform:rotate(90deg)}.hokm-card-backs.vertical span:first-child{margin-top:0}.hokm-card-backs em{align-self:center;margin-inline-start:4px;color:#fff;font-style:normal;font-size:11px;font-weight:950;text-shadow:0 1px 3px rgba(0,0,0,.45)}.hokm-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);z-index:15;width:min(420px,calc(100% - 130px));min-height:236px;display:grid;place-items:center;gap:10px;pointer-events:none}.hokm-center>*{pointer-events:auto}.hokm-center-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;color:#ffffffeb;font-size:12px;font-weight:900}.hokm-center-meta span{border-radius:999px;background:#1f0d0d99;border:1px solid rgba(255,232,185,.18);padding:6px 10px}.hokm-trick-pile{position:relative;width:min(284px,78vw);height:174px}.hokm-trick-winner{margin-top:-8px;border-radius:999px;border:1px solid rgba(255,234,174,.36);background:#250d0eb8;color:#fff7e0f5;padding:6px 12px;font-size:12px;font-weight:950;text-align:center;box-shadow:0 10px 24px #00000042}.hokm-empty-trick{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#ffffff59;font-weight:950;font-size:22px}.hokm-played-card{position:absolute;left:50%;top:50%;width:var(--hokm-played-card-w);display:grid;justify-items:center;gap:3px;transform:translate(-50%,-50%)}.hokm-played-card.rel-0{transform:translate(-50%,-20%) rotate(-2deg)}.hokm-played-card.rel-1{transform:translate(8%,-54%) rotate(6deg)}.hokm-played-card.rel-2{transform:translate(-50%,-88%) rotate(-5deg)}.hokm-played-card.rel-3{transform:translate(-108%,-54%) rotate(5deg)}.players-3 .hokm-played-card.rel-2{transform:translate(-112%,-58%) rotate(-7deg)}.players-2 .hokm-played-card.rel-1{transform:translate(-50%,-88%) rotate(5deg)}.hokm-played-card.small{position:static;width:50px;transform:none}.hokm-played-card img{width:100%;height:auto;aspect-ratio:2 / 3;display:block;object-fit:contain;border-radius:6px;box-shadow:0 10px 22px #00000057;background:#fff}.hokm-played-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffdb;font-size:10px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.52)}.hokm-trump-box{width:min(360px,100%);display:grid;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#1f4d18eb;padding:12px;text-align:center;box-shadow:0 18px 42px #0000004d}.hokm-trump-box.active{border-color:#ffe88cb8}.hokm-trump-box span{color:#ffffffc7;font-size:12px;font-weight:850}.hokm-suit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hokm-suit-grid button{display:grid;place-items:center;gap:2px;min-height:62px;padding:7px 4px;border-color:var(--suit)!important;background:#ffffff1a!important}.hokm-suit-grid span{color:var(--suit);font-size:25px;line-height:1}.hokm-result-box{min-width:min(320px,100%);display:grid;justify-items:center;gap:8px;border-radius:12px;border:1px solid rgba(251,191,36,.34);background:#255914eb;padding:12px;text-align:center;box-shadow:0 18px 40px #00000040}.hokm-scoreboard{position:absolute;top:0;right:50%;left:auto;transform:translate(50%);z-index:24;display:grid;gap:5px;width:min(420px,calc(100% - 240px));grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}.hokm-scoreboard.solo{width:min(500px,calc(100% - 240px));grid-template-columns:repeat(var(--seat-count),minmax(0,1fr))}.hokm-score-pill,.hokm-trump-pill{display:grid;gap:1px;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:#247218e0;color:#fff;min-height:50px;padding:4px 8px;text-align:center;box-shadow:0 8px 22px #0003}.hokm-trump-pill{border-color:var(--suit)}.hokm-score-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hokm-score-pill span,.hokm-trump-pill span{color:#ffffffb8;font-size:10px;font-weight:850}.hokm-score-pill small{color:#ffffffb3;font-size:9px;font-weight:850}.hokm-score-pill em,.hokm-trump-pill strong{font-style:normal;font-size:17px;font-weight:950}.hokm-player-self{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:12;width:min(calc(100% - 48px),1320px);transform:translate(-50%);display:grid;justify-items:center;gap:2px}.hokm-won-pile{direction:ltr;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:58px;border:1px solid rgba(255,234,174,.28);border-radius:999px;background:#1f0c0e8a;color:#fff;padding:3px 7px;box-shadow:0 8px 20px #00000038}.hokm-won-pile.empty{opacity:.52}.hokm-won-pile.mine{background:#16561ab8}.hokm-won-stack{position:relative;width:36px;height:28px;flex:0 0 36px}.hokm-won-stack span{position:absolute;left:calc(var(--i) * 4px);top:calc(var(--i) * -1px);width:18px;height:27px;border:1px solid rgba(255,255,255,.86);border-radius:2px;background:#111 url(/hokm/card-back-black.webp) center / cover no-repeat;box-shadow:0 2px 5px #0000003d}.hokm-won-pile em{font-style:normal;font-size:12px;font-weight:950;line-height:1}.hokm-hand{direction:ltr;box-sizing:border-box;width:100%;display:flex;align-items:flex-end;justify-content:safe center;overflow-x:visible;overflow-y:visible;padding:10px 10px 0;scrollbar-width:none;scroll-snap-type:x proximity}.hokm-hand.short{justify-content:safe center;overflow-x:auto;max-width:min(100%,520px)}.hokm-hand::-webkit-scrollbar{display:none}.hokm-card-button{--card-w: var(--hokm-hand-card-w);flex:0 0 var(--card-w);width:var(--card-w);padding:0!important;margin-inline-start:0;margin-left:var(--hokm-hand-gap);border-radius:6px!important;border:0!important;background:transparent!important;overflow:visible;position:relative;scroll-snap-align:center;transform:translateY(0) rotate(var(--rot));transform-origin:bottom center;transition:transform .14s ease,filter .14s ease;box-shadow:0 10px 20px #00000047;opacity:1;isolation:isolate}.hokm-card-button:first-child{margin-left:0}.hokm-card-button:disabled{cursor:default;opacity:1!important}.hokm-card-button[aria-disabled=true]{cursor:default}.hokm-hand.short .hokm-card-button{--card-w: var(--hokm-short-hand-card-w);margin-left:var(--hokm-hand-gap)}.hokm-card-button.playable{filter:drop-shadow(0 0 8px var(--suit))}.hokm-card-button.playable:hover,.hokm-card-button.playable:focus-visible{transform:translateY(-16px) rotate(var(--hover-rot))}.hokm-card-button.selected{z-index:5;transform:translateY(-22px) rotate(var(--hover-rot));filter:drop-shadow(0 0 12px var(--suit))}.hokm-card-button img{width:100%;height:auto;aspect-ratio:2 / 3;display:block;object-fit:contain;border-radius:6px;background:#fff;opacity:1;box-shadow:none}.hokm-last-trick{width:min(100% - 16px,720px);margin:8px auto 0;border-radius:12px;background:#163812d6;color:#fff;padding:8px 10px}.hokm-page.is-table .hokm-last-trick{display:none}.hokm-last-trick summary{cursor:pointer;font-weight:900}.hokm-last-trick div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}@media(max-width:760px){.hokm-shell{width:min(100vw - 16px,680px);padding-top:8px}.hokm-page.is-table .hokm-shell{width:100vw;padding-top:0}.hokm-page.is-table .hokm-topbar{min-height:34px;font-size:12px}.hokm-page.is-table .hokm-topbar button{padding:6px 8px;border-radius:8px}.hokm-create-grid,.hokm-join-form,.hokm-invite-row{grid-template-columns:1fr}.hokm-room-row{grid-template-columns:1fr auto}.hokm-room-row em{grid-column:1 / -1}.hokm-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hokm-table-panel{height:calc(100dvh - 34px);min-height:0;padding-top:54px;--hokm-hand-card-w: clamp(42px, min(11vw, 6.4dvh), 52px);--hokm-hand-gap: 4px;--hokm-short-hand-card-w: clamp(44px, min(11.8vw, 7dvh), 54px);--hokm-played-card-w: clamp(38px, min(10vw, 6.4dvh), 48px)}.hokm-mobile-status{position:absolute;left:50%;top:58px;z-index:16;transform:translate(-50%);width:calc(100vw - 72px);margin:0;gap:4px;font-size:11px}.hokm-mobile-status span,.hokm-mobile-status strong{padding:3px 7px}.hokm-felt{height:100%;min-height:0;width:100vw;box-shadow:inset 0 0 0 8px #ffe5a014,inset 0 0 68px #1005077a}.hokm-table-actions{top:4px;left:7px;right:auto;inset-inline-end:auto}.hokm-table-actions button{min-width:66px;padding:5px 8px;font-size:11px}.hokm-opponent.top{top:18px;width:min(310px,calc(100% - 82px))}.hokm-opponent.left,.hokm-opponent.right{top:50%;width:62px}.hokm-opponent.left{left:16px}.hokm-opponent.right{right:16px}.hokm-player-badge{min-width:84px;max-width:130px;padding:4px 7px}.hokm-opponent.left .hokm-player-badge,.hokm-opponent.right .hokm-player-badge{min-width:112px;transform:rotate(-90deg);margin-bottom:34px}.hokm-opponent.right .hokm-player-badge{transform:rotate(90deg)}.hokm-player-badge strong{font-size:11px}.hokm-player-badge span{font-size:9px}.hokm-card-backs span{width:16px;height:25px;margin-inline-start:-7px}.hokm-card-backs.vertical{height:190px}.hokm-card-backs.vertical span{margin-top:-11px}.hokm-center{top:42%;width:calc(100% - 84px);min-height:190px}.hokm-center-meta{font-size:10px;gap:5px}.hokm-center-meta span{padding:4px 7px}.hokm-trick-pile{width:min(196px,62vw);height:126px}.hokm-played-card{width:var(--hokm-played-card-w)}.hokm-trump-box{width:min(284px,100%);padding:9px}.hokm-suit-grid{gap:5px}.hokm-suit-grid button{min-height:48px;font-size:11px}.hokm-suit-grid span{font-size:20px}.hokm-scoreboard{top:2px;right:50%;left:auto;transform:translate(50%);width:min(310px,calc(100vw - 92px));grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:4px}.hokm-scoreboard.solo{width:min(340px,calc(100vw - 76px));grid-template-columns:repeat(var(--seat-count),minmax(0,1fr))}.hokm-score-pill,.hokm-trump-pill{padding:4px 5px;min-height:46px}.hokm-score-pill strong{font-size:9px}.hokm-score-pill span,.hokm-trump-pill span{font-size:8px}.hokm-score-pill em,.hokm-trump-pill strong{font-size:12px}.hokm-score-pill small{font-size:7px}.hokm-player-self{bottom:calc(env(safe-area-inset-bottom,0px) + 4px);width:calc(100vw - 6px)}.hokm-player-self .hokm-player-badge{min-width:160px}.hokm-hand{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 8px 2px;scroll-snap-type:x proximity}.hokm-hand::-webkit-scrollbar{display:none}.hokm-card-button{border-radius:5px!important}.hokm-card-button:first-child{margin-left:0}.hokm-hand.short{justify-content:center;overflow-x:visible;padding-inline:10px}.hokm-hand.short .hokm-card-button{margin-left:var(--hokm-hand-gap)}.hokm-card-button.playable:hover,.hokm-card-button.playable:focus-visible{transform:translateY(-10px) rotate(var(--hover-rot))}.hokm-card-button.selected{transform:translateY(-16px) rotate(var(--hover-rot))}.hokm-won-pile{min-width:50px;padding:2px 6px}.hokm-won-stack{width:30px;height:24px;flex-basis:30px}.hokm-won-stack span{width:15px;height:23px}}@media(max-width:380px){.hokm-scoreboard{width:calc(100vw - 78px)}.hokm-card-button{--card-w: clamp(38px, min(10.5vw, 6.2dvh), 44px);margin-left:var(--hokm-hand-gap)}.hokm-center{width:calc(100% - 76px)}}.hokm-page.is-table{background:radial-gradient(900px 420px at 50% 0%,rgba(130,36,34,.72),transparent 72%),radial-gradient(900px 500px at 50% 105%,rgba(11,5,8,.94),transparent 70%),linear-gradient(135deg,#130a10,#4a1418 48%,#100910)}.hokm-page.is-table .hokm-shell{width:min(100vw,1680px)}.hokm-page.is-table .hokm-topbar{min-height:58px;width:min(100% - 220px,980px);color:#f7e3c9;text-shadow:0 3px 12px rgba(0,0,0,.62)}.hokm-page.is-table .hokm-topbar strong{position:relative;font-size:clamp(24px,2.5vw,38px);font-weight:950;line-height:1}.hokm-page.is-table .hokm-topbar strong:before,.hokm-page.is-table .hokm-topbar strong:after{content:"◇";position:absolute;top:50%;width:clamp(62px,6vw,110px);color:#b77a2b;font-size:17px;line-height:1;text-align:center;text-shadow:0 0 10px rgba(255,185,79,.28);transform:translateY(-50%);border-block:1px solid rgba(198,130,43,.58)}.hokm-page.is-table .hokm-topbar strong:before{right:calc(100% + 18px)}.hokm-page.is-table .hokm-topbar strong:after{left:calc(100% + 18px)}.hokm-table-panel{padding-top:68px}.hokm-felt{isolation:isolate;width:min(calc(100vw - 64px),1640px);border-radius:clamp(24px,5vw,86px);border:9px solid rgba(78,35,17,.94);background:radial-gradient(circle at 50% 48%,rgba(255,185,102,.1),transparent 15%),radial-gradient(circle at 50% 48%,transparent 0 14%,rgba(98,18,18,.28) 14.2% 15%,transparent 15.2%),radial-gradient(ellipse at 50% 46%,#982827,#77191c 46%,#4d0e12),repeating-linear-gradient(0deg,rgba(255,226,170,.025) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(255,226,170,.018) 0 1px,transparent 1px 13px);background-color:#681317;box-shadow:inset 0 0 0 7px #e2a64166,inset 0 0 0 15px #230d09b8,inset 0 0 95px #07000094,0 18px 34px #0000007a}.hokm-felt:before{content:"";position:absolute;inset:-22px;z-index:-1;border-radius:inherit;box-sizing:border-box;border:22px solid rgba(84,39,18,.96);background:transparent;box-shadow:inset 0 0 0 2px #ffc2553d,0 22px 60px #00000094}.hokm-felt:after{content:"";position:absolute;inset:22px;pointer-events:none;border-radius:clamp(18px,4vw,66px);border:1px solid rgba(255,205,105,.24);box-shadow:inset 0 0 80px #00000052}.hokm-table-actions{top:18px;left:32px}.hokm-table-actions button{min-width:168px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-color:#bf7d2bb8!important;border-radius:999px!important;background:linear-gradient(180deg,#221c1af5,#08080af5)!important;color:#f4e5cf!important;font-size:18px;box-shadow:inset 0 0 0 1px #ffd67d1a,0 14px 34px #0000006b}.hokm-table-actions button:before{content:"";width:24px;height:24px;border:3px solid #dca957;border-radius:4px;box-shadow:inset 9px 0 #dca9571f}.hokm-scoreboard{top:-6px;width:min(590px,calc(100% - 420px));grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:14px}.hokm-score-pill,.hokm-trump-pill{min-height:124px;border-radius:9px;border:2px solid rgba(155,104,45,.72);background:linear-gradient(180deg,#1e6e27f5,#0c411afa);box-shadow:inset 0 0 0 5px #041e0d6b,0 10px 22px #00000070,0 0 0 1px #f5bc552e;padding:12px 14px}.hokm-trump-pill{background:linear-gradient(180deg,#1f1819fa,#0c0a0cfa);border-color:#d69038db}.hokm-score-pill strong{font-size:19px}.hokm-score-pill span,.hokm-trump-pill span{color:#ffffffdb;font-size:13px}.hokm-score-pill em,.hokm-trump-pill strong{font-size:32px;line-height:1.05}.hokm-score-pill small{color:#ffffffd6;font-size:12px}.hokm-mobile-status{top:154px;width:auto;max-width:min(540px,calc(100% - 420px));gap:0;border:1px solid rgba(194,130,50,.48);border-radius:999px;background:linear-gradient(180deg,#1c1f19f5,#08090af5);box-shadow:0 12px 28px #00000061,inset 0 0 0 1px #ffe7ad14}.hokm-mobile-status span,.hokm-mobile-status strong{border-radius:0;background:transparent;padding:8px 13px;box-shadow:none}.hokm-mobile-status strong{color:#f8f0df}.hokm-mobile-status span{color:#f3dfb8;border-inline-start:1px solid rgba(255,255,255,.16)}.hokm-player-badge{min-width:238px;max-width:260px;min-height:84px;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;justify-items:start;column-gap:12px;row-gap:0;border:1px solid rgba(188,124,42,.74);border-radius:10px;background:linear-gradient(180deg,#262621f5,#060d0df7);color:#fff;padding:10px 16px 10px 12px;text-align:start;box-shadow:inset 0 0 0 1px #ffdc9414,0 12px 30px #0000006b}.hokm-player-badge:before{content:"";grid-column:1;grid-row:1 / 3;width:58px;height:58px;border-radius:50%;border:2px solid rgba(214,151,63,.86);background:radial-gradient(circle at 50% 34%,#ffe08f 0 13%,transparent 13.5%),radial-gradient(ellipse at 50% 76%,#df9947 0 27%,transparent 27.5%),radial-gradient(circle at center,#292318f5,#070809 66%);box-shadow:inset 0 0 16px #ffce6747,0 0 0 6px #00000070}.hokm-player-badge strong{grid-column:2;align-self:end;font-size:22px}.hokm-player-badge span{grid-column:2;align-self:start;color:#3df473;font-size:15px;font-weight:950}.hokm-player-badge.mine{min-width:292px;min-height:94px;border-color:#ffb642eb;background:linear-gradient(180deg,#2d2d26fa,#0a1111fa);box-shadow:inset 0 0 0 1px #ffefb824,0 0 0 1px #ffbd4957,0 0 28px #ffa8326b}.hokm-player-badge.mine:before{width:72px;height:72px}.hokm-player-badge.bot:before,.hokm-opponent.right .hokm-player-badge:before{background:radial-gradient(circle at 50% 34%,#9ed7ff 0 13%,transparent 13.5%),radial-gradient(ellipse at 50% 76%,#4f9ed8 0 27%,transparent 27.5%),radial-gradient(circle at center,#142d3efa,#060a0f 66%);border-color:#57a1d5e0;box-shadow:inset 0 0 16px #8acfff42,0 0 0 6px #00000070}.hokm-opponent.top .hokm-player-badge{min-width:146px;min-height:58px;grid-template-columns:1fr;justify-items:center;padding:8px 14px;border-color:#41bed161;background:linear-gradient(180deg,#168b9af0,#0e6876f5)}.hokm-opponent.top .hokm-player-badge:before{display:none}.hokm-opponent.top .hokm-player-badge strong,.hokm-opponent.top .hokm-player-badge span{grid-column:1}.hokm-opponent.right .hokm-player-badge{grid-template-columns:minmax(0,1fr) 66px;justify-items:end;padding-inline:16px 12px}.hokm-opponent.right .hokm-player-badge:before{grid-column:2}.hokm-opponent.right .hokm-player-badge strong,.hokm-opponent.right .hokm-player-badge span{grid-column:1}.hokm-opponent.current .hokm-player-badge,.hokm-player-badge.mine{outline:none}.hokm-opponent.left{left:26px}.hokm-opponent.right{right:26px}.hokm-opponent.left,.hokm-opponent.right{top:43%;width:260px}.hokm-opponent.top{top:168px}.hokm-card-backs.vertical{height:286px}.hokm-won-pile{min-width:102px;min-height:42px;border-color:#c5822b6b;background:linear-gradient(180deg,#262620db,#110f0deb);color:#f3c46c;padding:4px 13px}.hokm-player-self{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px}.hokm-player-self .hokm-player-badge{order:0}.hokm-player-self .hokm-won-pile.mine{order:1;margin-inline-start:0}.hokm-player-self .hokm-hand{order:2;flex:0 0 100%}.hokm-center{top:46%}.hokm-center-meta span,.hokm-trick-winner{border-color:#c784307a;background:linear-gradient(180deg,#341713e6,#140b0ceb);box-shadow:0 10px 22px #00000042}@media(max-width:900px){.hokm-page.is-table .hokm-topbar{width:min(100% - 96px,680px)}.hokm-scoreboard{width:min(420px,calc(100vw - 118px));grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:6px}.hokm-score-pill,.hokm-trump-pill{min-height:58px;padding:5px 8px}.hokm-opponent.left,.hokm-opponent.right{width:98px}}@media(max-width:760px){.hokm-page.is-table .hokm-topbar{min-height:38px;width:calc(100% - 96px)}.hokm-page.is-table .hokm-topbar strong{font-size:17px}.hokm-page.is-table .hokm-topbar strong:before,.hokm-page.is-table .hokm-topbar strong:after{display:none}.hokm-table-panel{padding-top:52px}.hokm-felt{width:100vw;border-radius:0;border-width:7px}.hokm-scoreboard{top:0;width:min(310px,calc(100vw - 92px));grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:4px}.hokm-score-pill,.hokm-trump-pill{min-height:46px;border-width:1px;border-radius:4px}.hokm-mobile-status{top:58px;width:calc(100vw - 72px);max-width:none}.hokm-table-actions{top:4px;left:7px}.hokm-table-actions button{min-width:66px;min-height:32px;font-size:11px}.hokm-table-actions button:before{display:none}.hokm-player-badge,.hokm-player-badge.mine{min-width:160px;min-height:52px;grid-template-columns:1fr;justify-items:center;padding:5px 9px}.hokm-player-badge:before{display:none}.hokm-player-badge strong,.hokm-player-badge span{grid-column:1}.hokm-opponent.top{top:18px}}@media(max-width:760px){.hokm-page.is-table .hokm-topbar{min-height:42px;width:calc(100% - 116px)}.hokm-table-panel{padding-top:50px}.hokm-scoreboard{top:0;width:min(252px,calc(100vw - 124px));grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:4px}.hokm-score-pill,.hokm-trump-pill{min-height:46px;padding:4px 6px;border-radius:5px;box-shadow:inset 0 0 0 2px #041e0d42,0 7px 16px #00000052}.hokm-score-pill strong{font-size:10px}.hokm-score-pill span,.hokm-trump-pill span{font-size:8px}.hokm-score-pill em,.hokm-trump-pill strong{font-size:17px}.hokm-score-pill small{font-size:7px}.hokm-mobile-status{top:72px;width:min(248px,calc(100vw - 128px));max-width:none;font-size:9px;line-height:1.2}.hokm-mobile-status span,.hokm-mobile-status strong{padding:5px 7px}.hokm-table-actions{top:8px;left:10px}.hokm-table-actions button{min-width:72px;min-height:34px;padding:5px 10px;font-size:12px}.hokm-felt{height:calc(100% - 8px);border-width:6px;box-shadow:inset 0 0 0 4px #e2a64147,inset 0 0 74px #0700008a}.hokm-felt:before,.hokm-felt:after{display:none}.hokm-opponent.top{top:96px;width:min(176px,calc(100vw - 160px))}.hokm-opponent.top .hokm-player-badge{min-width:116px;width:116px;min-height:38px;padding:5px 8px}.hokm-opponent.left,.hokm-opponent.right{top:52%;width:62px}.hokm-opponent.left{left:14px}.hokm-opponent.right{right:14px}.hokm-opponent.left .hokm-player-badge,.hokm-opponent.right .hokm-player-badge{min-width:92px;width:92px;min-height:38px;grid-template-columns:1fr;justify-items:center;padding:4px 7px;transform:rotate(-90deg);margin-bottom:18px;border-color:#41bed180;background:linear-gradient(180deg,#148b9af0,#0d6573f5)}.hokm-opponent.right .hokm-player-badge{transform:rotate(90deg)}.hokm-opponent.left .hokm-player-badge strong,.hokm-opponent.left .hokm-player-badge span,.hokm-opponent.right .hokm-player-badge strong,.hokm-opponent.right .hokm-player-badge span{grid-column:1}.hokm-opponent.left .hokm-player-badge:before,.hokm-opponent.right .hokm-player-badge:before{display:none}.hokm-player-badge strong{font-size:13px}.hokm-player-badge span{font-size:10px}.hokm-card-backs.vertical{height:min(300px,40dvh)}.hokm-center{top:49%;width:calc(100% - 112px)}.hokm-center-meta{font-size:10px}.hokm-player-self{bottom:calc(env(safe-area-inset-bottom,0px) + 4px);width:calc(100vw - 8px);gap:4px 8px}.hokm-player-self .hokm-player-badge.mine{min-width:min(226px,calc(100vw - 138px));min-height:56px;padding:6px 10px}.hokm-player-self .hokm-player-badge.mine strong{font-size:19px}.hokm-player-self .hokm-player-badge.mine span{font-size:13px}.hokm-won-pile{min-width:76px;min-height:34px;padding:2px 8px}.hokm-won-stack{width:24px;height:20px;flex-basis:24px}.hokm-won-stack span{width:12px;height:19px}.hokm-opponent.left .hokm-won-pile{transform:translate(12px)}.hokm-opponent.right .hokm-won-pile{transform:translate(-12px)}.hokm-player-self .hokm-won-pile.mine{min-width:76px;min-height:34px}}.hokm-table-panel .hokm-player-badge:before{display:none!important}.hokm-table-panel .hokm-ava{grid-column:1;grid-row:1 / 3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:24px;line-height:1;color:#0d1322;border:2px solid rgba(255,255,255,.55);background:radial-gradient(circle at 50% 30%,#d3dae9,#5a647d 72%);box-shadow:inset 0 2px 5px #ffffff73,inset 0 -3px 7px #00000073,0 0 0 5px #0006}.hokm-table-panel .hokm-player-badge[data-team="0"] .hokm-ava{background:radial-gradient(circle at 50% 30%,#8df0b4,#1f8a4c 72%);color:#06210f;border-color:#78e696bf}.hokm-table-panel .hokm-player-badge[data-team="1"] .hokm-ava{background:radial-gradient(circle at 50% 30%,#b9ccff,#3658c0 72%);color:#081a3a;border-color:#96b4ffbf}.hokm-table-panel .hokm-player-badge.mine .hokm-ava{width:72px;height:72px;background:radial-gradient(circle at 50% 30%,#ffe6a3,#e0992f 72%);color:#3a2405;border-color:#ffc85ae6}.hokm-table-panel .hokm-opponent.right .hokm-ava{grid-column:2}.hokm-table-panel .hokm-opponent.top .hokm-ava{display:none}@media(max-width:760px){.hokm-table-panel .hokm-ava{display:none}}.hokm-table-panel .hokm-player-badge[data-team="0"]{background:linear-gradient(180deg,#1a5c34f7,#0a341efa);border-color:#6cd68a8c}.hokm-table-panel .hokm-player-badge[data-team="1"]{background:linear-gradient(180deg,#203a76f7,#0e1c46fa);border-color:#84a2ff8c}.hokm-table-panel .hokm-player-badge[data-team="0"] span{color:#8df0b4}.hokm-table-panel .hokm-player-badge[data-team="1"] span{color:#b9ccff}.hokm-table-panel .hokm-player-badge.mine{border-color:#ffc85ad9;box-shadow:inset 0 0 0 1px #ffe89629,0 0 24px #ffb43c4d,0 12px 30px #0000006b}.hokm-table-panel .hokm-player-badge.mine span{color:#ffd98a}@keyframes hokm-turn-pulse{0%,to{box-shadow:0 0 0 2px #ffd66bd9,0 0 16px #ffb43273}50%{box-shadow:0 0 0 2px #ffd66b,0 0 30px #ffb432c7}}.hokm-table-panel .hokm-player-badge.turn{border-color:#ffd66bf2!important;animation:hokm-turn-pulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hokm-table-panel .hokm-player-badge.turn{animation:none;box-shadow:0 0 0 2px #ffd66be6,0 0 20px #ffb4328c}}.hokm-scoreboard.teams .hokm-score-pill:first-child{background:linear-gradient(180deg,#1a5c34f7,#0a341efa);border-color:#6cd68a99}.hokm-scoreboard.teams .hokm-score-pill:last-child{background:linear-gradient(180deg,#203a76f7,#0e1c46fa);border-color:#84a2ff99}.hokm-scoreboard .hokm-score-pill em{color:#ffd66b}.hokm-scoreboard .hokm-trump-pill{background:radial-gradient(circle at 50% 34%,#2c1c0b,#100a05 78%);border:2px solid #d9b25a;box-shadow:0 0 18px #d9b25a52,inset 0 2px 6px #ffffff1a}.hokm-scoreboard .hokm-trump-pill span{color:#d9b25a}.hokm-scoreboard .hokm-trump-pill strong{color:var(--suit, #ffd66b);-webkit-text-stroke:.6px rgba(255,255,255,.55);text-shadow:0 0 10px color-mix(in srgb,var(--suit, #ffd66b),transparent 55%)}.hokm-card-button.playable{filter:drop-shadow(0 0 4px rgba(255,205,90,.95)) drop-shadow(0 0 12px rgba(255,180,50,.55))}.hokm-card-button.selected{filter:drop-shadow(0 0 6px rgba(255,224,140,1)) drop-shadow(0 0 16px rgba(255,180,50,.75))}.hokm-hand.myturn .hokm-card-button:not(.playable){opacity:.48;filter:grayscale(.45) brightness(.82)}.hokm-table-panel .hokm-trump-box{background:linear-gradient(180deg,#341713f0,#160b0cf5);border-color:#c7843080}.hokm-table-panel .hokm-trump-box.active{border-color:#ffd66bcc}.hokm-table-panel .hokm-suit-grid button{background:#ffffff0f!important;border-width:1.5px!important}.hokm-table-panel .hokm-result-box{background:linear-gradient(180deg,#341713f2,#140b0cf7);border-color:#ffd66b66}.hokm-table-panel .hokm-player-badge,.hokm-table-panel .hokm-player-badge.mine{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:auto;min-width:100px;max-width:156px;min-height:0;padding:12px 16px 11px;border-radius:18px;text-align:center;grid-template-columns:none}.hokm-table-panel .hokm-player-badge strong{font-size:14px;max-width:130px;align-self:center}.hokm-table-panel .hokm-player-badge span{font-size:11px;align-self:center}.hokm-table-panel .hokm-player-badge.mine{min-width:124px;border-width:1px}.hokm-table-panel .hokm-player-badge.mine strong{font-size:16px}.hokm-table-panel .hokm-ava{display:flex!important;align-items:center;justify-content:center;grid-column:auto;grid-row:auto;width:54px;height:54px;font-size:22px}.hokm-table-panel .hokm-player-badge.mine .hokm-ava{width:66px;height:66px;font-size:27px}.hokm-table-panel .hokm-opponent.top .hokm-ava{display:flex!important}@keyframes hokm-ava-pulse{0%,to{box-shadow:0 0 0 3px #ffd66be6,0 0 14px #ffb43280,inset 0 2px 5px #fff6,inset 0 -3px 7px #00000073}50%{box-shadow:0 0 0 3px #ffd66b,0 0 26px #ffb432d9,inset 0 2px 5px #fff6,inset 0 -3px 7px #00000073}}.hokm-table-panel .hokm-player-badge.turn .hokm-ava{border-color:#ffd66b;animation:hokm-ava-pulse 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hokm-table-panel .hokm-player-badge.turn .hokm-ava{animation:none;box-shadow:0 0 0 3px #ffd66b,0 0 18px #ffb43299}}.hokm-scoreboard.teams .hokm-score-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 14px}.hokm-scoreboard .hokm-score-pill strong{font-size:15px;overflow:visible}.hokm-scoreboard .hokm-score-pill em{font-size:38px;line-height:1;color:#ffd66b}.hokm-scoreboard .hokm-score-pill .hokm-score-sub{font-size:10px;color:#ffffffb3}.hokm-scoreboard .hokm-score-pill .hokm-score-tricks{font-size:10px;color:#ffffffc7;font-weight:800}.hokm-score-pips{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap;justify-content:center}.hokm-score-pips span{width:13px;height:6px;border-radius:3px;background:#ffffff29}.hokm-score-pips span.on{background:#ffd66b;box-shadow:0 0 6px #ffd66bb3}.hokm-scoreboard.teams .hokm-trump-pill{align-self:center;justify-self:center;width:84px;height:84px;min-height:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hokm-scoreboard.teams .hokm-trump-pill span{font-size:11px}.hokm-scoreboard.teams .hokm-trump-pill strong{font-size:30px;line-height:1}.hokm-table-panel .hokm-played-card span{font-size:9px;opacity:.66}@media(max-width:760px){.hokm-table-panel .hokm-ava{display:flex!important;width:40px;height:40px;font-size:16px}.hokm-table-panel .hokm-player-badge.mine .hokm-ava{width:46px;height:46px;font-size:18px}.hokm-table-panel .hokm-player-badge,.hokm-table-panel .hokm-player-badge.mine{min-width:76px;padding:8px 10px;border-radius:14px;gap:3px}.hokm-table-panel .hokm-player-badge strong{font-size:11px}.hokm-table-panel .hokm-player-badge span{font-size:9px}.hokm-table-panel .hokm-opponent.left .hokm-player-badge,.hokm-table-panel .hokm-opponent.right .hokm-player-badge{transform:none!important;margin-bottom:0!important;width:auto;min-width:76px}.hokm-scoreboard.teams .hokm-score-pill em{font-size:22px}.hokm-score-pips span{width:9px;height:5px}.hokm-scoreboard.teams .hokm-trump-pill{width:48px;height:48px}.hokm-scoreboard.teams .hokm-trump-pill strong{font-size:18px}.hokm-scoreboard.teams .hokm-trump-pill span{font-size:8px}}.hokm-page.is-table .hokm-topbar{min-height:0;padding:0}.hokm-page.is-table .hokm-topbar strong{display:none}.hokm-page.is-table .hokm-table-panel{padding-top:30px;height:calc(100dvh - 8px)}.hokm-scoreboard{top:8px}.hokm-table-panel .hokm-opponent.top{top:162px;left:50%;transform:translate(-50%);width:auto;max-width:min(560px,calc(100% - 240px));display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.hokm-table-panel .hokm-opponent.top .hokm-player-badge{flex-direction:row;gap:9px;padding:7px 13px;min-width:0}.hokm-table-panel .hokm-opponent.top .hokm-ava{width:40px;height:40px;font-size:17px}.hokm-table-panel .hokm-opponent.left,.hokm-table-panel .hokm-opponent.right{top:50%;transform:translateY(-50%);width:132px;height:300px;display:block}.hokm-table-panel .hokm-opponent.left{left:30px;right:auto}.hokm-table-panel .hokm-opponent.right{right:30px;left:auto}.hokm-table-panel .hokm-opponent.left .hokm-player-badge,.hokm-table-panel .hokm-opponent.right .hokm-player-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.hokm-table-panel .hokm-opponent.left .hokm-card-backs.vertical,.hokm-table-panel .hokm-opponent.right .hokm-card-backs.vertical{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:264px;z-index:3}.hokm-table-panel .hokm-opponent.left .hokm-won-pile,.hokm-table-panel .hokm-opponent.right .hokm-won-pile{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);z-index:4}@media(max-width:760px){.hokm-page.is-table .hokm-table-panel{padding-top:22px;height:calc(100dvh - 6px)}.hokm-scoreboard{top:6px}.hokm-scoreboard.teams .hokm-score-pill{padding:4px 6px;gap:1px;min-height:0}.hokm-scoreboard.teams .hokm-score-pill strong{font-size:10px}.hokm-scoreboard.teams .hokm-score-pill em{font-size:17px}.hokm-scoreboard.teams .hokm-score-pill .hokm-score-tricks{display:none}.hokm-score-pips{margin-top:2px;gap:2px}.hokm-score-pips span{width:7px;height:4px}.hokm-mobile-status{top:66px}.hokm-table-panel .hokm-opponent.top{top:108px;max-width:calc(100vw - 150px);gap:8px}.hokm-table-panel .hokm-opponent.top .hokm-ava{width:34px;height:34px;font-size:14px}.hokm-table-panel .hokm-opponent.left,.hokm-table-panel .hokm-opponent.right{top:50%;transform:translateY(-50%);width:auto;height:auto;display:grid;justify-items:center;gap:4px}.hokm-table-panel .hokm-opponent.left{left:8px;right:auto}.hokm-table-panel .hokm-opponent.right{right:8px;left:auto}.hokm-table-panel .hokm-opponent.left .hokm-player-badge,.hokm-table-panel .hokm-opponent.right .hokm-player-badge{position:static;transform:none}.hokm-table-panel .hokm-opponent.left .hokm-card-backs.vertical,.hokm-table-panel .hokm-opponent.right .hokm-card-backs.vertical{position:static;transform:none;height:min(190px,32dvh);z-index:auto}.hokm-table-panel .hokm-opponent.left .hokm-won-pile,.hokm-table-panel .hokm-opponent.right .hokm-won-pile{position:static;transform:none}}.hokm-table-panel .hokm-card-backs,.hokm-table-panel .hokm-mobile-status{display:none!important}.hokm-table-panel .hokm-opponent.left,.hokm-table-panel .hokm-opponent.right{top:50%;transform:translateY(-50%);width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.hokm-table-panel .hokm-opponent.left{left:24px;right:auto}.hokm-table-panel .hokm-opponent.right{right:24px;left:auto}.hokm-table-panel .hokm-opponent.left .hokm-player-badge,.hokm-table-panel .hokm-opponent.right .hokm-player-badge,.hokm-table-panel .hokm-opponent.left .hokm-won-pile,.hokm-table-panel .hokm-opponent.right .hokm-won-pile{position:static;transform:none}.hokm-table-panel .hokm-opponent.top{top:100px}.hokm-table-panel .hokm-opponent.top .hokm-player-badge{flex-direction:column;gap:5px;padding:12px 16px 11px}.hokm-table-panel .hokm-opponent.top .hokm-ava{width:54px;height:54px;font-size:22px}@media(max-width:760px){.hokm-table-panel .hokm-opponent.top{top:70px}.hokm-table-panel .hokm-opponent.top .hokm-ava{width:40px;height:40px;font-size:16px}.hokm-table-panel .hokm-opponent.left{left:8px;right:auto}.hokm-table-panel .hokm-opponent.right{right:8px;left:auto}}.hokm-table-panel .hokm-hand,.hokm-table-panel .hokm-hand.short{justify-content:center;overflow-x:visible;overflow-y:visible;max-width:100%}.hokm-table-panel .hokm-hand .hokm-card-button{margin-left:-14px}.hokm-table-panel .hokm-hand.short .hokm-card-button{margin-left:-8px}.hokm-table-panel .hokm-hand .hokm-card-button:first-child{margin-left:0}.hokm-table-panel .hokm-hand .hokm-card-button:hover,.hokm-table-panel .hokm-hand .hokm-card-button.playable:hover,.hokm-table-panel .hokm-hand .hokm-card-button.selected{z-index:20}@media(max-width:760px){.hokm-table-panel .hokm-hand,.hokm-table-panel .hokm-hand.short{justify-content:center;overflow-x:visible;padding-inline:6px}.hokm-table-panel .hokm-hand .hokm-card-button{margin-left:-19px}.hokm-table-panel .hokm-hand.short .hokm-card-button{margin-left:-10px}.hokm-table-panel .hokm-hand .hokm-card-button:first-child{margin-left:0}}@media(max-width:380px){.hokm-table-panel .hokm-hand .hokm-card-button{margin-left:-14px}.hokm-table-panel .hokm-hand.short .hokm-card-button{margin-left:-10px}.hokm-table-panel .hokm-hand .hokm-card-button:first-child{margin-left:0}}.game-toast-live{position:fixed;inset-inline:0;top:calc(var(--header-h) + env(safe-area-inset-top,0px));display:flex;justify-content:center;pointer-events:none;z-index:var(--z-toast)}.game-toast{pointer-events:auto;max-width:min(90vw,460px);padding:11px 18px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-strong);font-weight:var(--fw-bold);font-size:var(--fs-md);text-align:center;box-shadow:var(--sh-2);border:1px solid var(--border);border-inline-start:4px solid var(--accent);cursor:pointer}.game-toast.tone-red{border-inline-start-color:#e2504e}.game-toast.tone-blue{border-inline-start-color:#4f8fe6}.game-toast.tone-mint{border-inline-start-color:var(--accent)}.game-toast.tone-gold{border-inline-start-color:var(--gold);color:var(--gold)}.game-toast.tone-danger{border-inline-start-color:var(--danger);color:#ffc4c9}.game-toast.tone-neutral{border-inline-start-color:var(--border-strong)}@media(prefers-reduced-motion:no-preference){.game-toast{animation:game-toast-in .24s cubic-bezier(.16,1,.3,1)}@keyframes game-toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}}.game-status-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-direction:column;gap:6px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top,0px));background:var(--surface-1);border-bottom:1px solid var(--border);box-shadow:var(--sh-1)}.game-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-status-pill{border-radius:var(--r-pill);background:var(--surface-2);padding:5px 12px;font-weight:var(--fw-bold);font-size:var(--fs-sm);white-space:nowrap}.game-turn-chip{border-radius:var(--r-pill);padding:6px 14px;font-weight:var(--fw-black);font-size:var(--fs-sm)}.game-trump-strip{font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.game-trump-strip.is-hot{color:var(--text-strong)}.game-action-bar{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;gap:8px;align-items:center;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));background:var(--surface-1);border-top:1px solid var(--border);box-shadow:0 -12px 32px #0006}.game-action-bar>button{flex:1;min-height:48px}.trio-page{min-height:100dvh;direction:rtl;color:#fffffff0;background:radial-gradient(860px 420px at 18% 4%,rgba(250,191,64,.16),transparent 58%),radial-gradient(860px 520px at 82% 10%,rgba(25,129,201,.18),transparent 62%),linear-gradient(180deg,#040914,#071224 52%,#03070f);padding:12px}.trio-page button,.trio-page input,.trio-page select{font:inherit}.trio-page button{min-height:42px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(180deg,#ffffff17,#ffffff09);color:#ffffffeb;font-weight:950;cursor:pointer;touch-action:manipulation}.trio-page button:disabled{opacity:.48;cursor:not-allowed}.trio-page button.primary{border-color:#39ff746b;background:linear-gradient(135deg,#057a2f,#11bc58);color:#fff;box-shadow:0 14px 36px #11bc5840,inset 0 1px #fff3}.trio-page button.danger{border-color:#ff545461;background:#80151bad}.trio-topbar{width:min(1600px,100%);margin:0 auto 10px;min-height:64px;display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#030810d1;box-shadow:0 18px 58px #00000057}.trio-lobby-topbar{grid-template-columns:auto 1fr auto}.trio-topbar h1{margin:0;color:#f6c762;font-size:clamp(32px,4vw,58px);line-height:1;text-shadow:0 12px 34px rgba(246,199,98,.24)}.trio-icon-btn{min-width:72px;padding-inline:12px}.trio-turn-pill,.trio-timer-pill,.trio-room-code{min-height:46px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0e;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;font-weight:950}.trio-timer-pill{min-width:92px;color:#f6d99a}.trio-timer-pill.urgent{border-color:#ff5b5b94;color:#ffb0a8;box-shadow:0 0 0 1px #ff5b5b29,0 12px 34px #e633332e}.trio-turn-pill.mine{border-color:#46ff7e8f;background:linear-gradient(135deg,#0b8232f0,#18b453b3);box-shadow:0 0 0 1px #46ff7e33,0 16px 44px #14be5338}.trio-room-code b{color:#f2d390;letter-spacing:1.6px}.trio-room-code.compact button{min-height:30px;padding:4px 8px}.trio-lobby,.trio-waiting,.trio-table-layout{width:min(1600px,100%);margin:0 auto}.trio-lobby{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.62fr);gap:12px}.trio-lobby-hero,.trio-lobby-panel,.trio-side-panel section,.trio-player-panel,.trio-board-shell{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(135deg,#ffffff13,#ffffff06),#050b16db;box-shadow:0 24px 78px #0000004d}.trio-lobby-hero{min-height:430px;display:grid;align-content:center;gap:12px;padding:clamp(22px,4vw,46px);background:linear-gradient(90deg,#030810f0,#0308108a),url(/game_covers/trio-party-poster.png) center / cover no-repeat}.trio-lobby-hero span{color:#f6c762;font-weight:950}.trio-lobby-hero h2{margin:0;font-size:clamp(30px,5vw,60px);max-width:760px}.trio-lobby-hero p,.trio-lobby-panel p{color:#ffffffb8;line-height:1.9}.trio-lobby-panel{display:grid;gap:12px;align-content:start;padding:18px}.trio-lobby-panel label{display:grid;gap:6px;color:#ffffffb8;font-size:13px;font-weight:900}.trio-lobby-panel input,.trio-lobby-panel select{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#0000003d;color:#fff;padding:8px 10px}.trio-segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.trio-segmented button{min-height:40px;border-radius:12px;font-weight:950}.trio-segmented button.active{border-color:#f6c762b8;background:linear-gradient(135deg,#f6c76247,#2e61a52e);color:#fff7d9}.trio-muted-option{opacity:.58}.trio-join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.trio-room-list{grid-column:2}.trio-room-list button{min-height:58px;display:grid;justify-items:start;text-align:start;padding:10px 12px}.trio-room-list span{color:#ffffffa8;font-size:12px}.trio-waiting{display:grid;gap:12px}.trio-waiting>.trio-room-code{justify-self:center}.trio-waiting-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.trio-waiting-players span{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0003;padding:12px;font-weight:900}.trio-waiting-players span.online{border-color:#40dc6d52}.trio-waiting-players span.bot{border-color:#f6c7625c;background:#f6c7621a}.trio-table-layout{display:grid;grid-template-columns:238px minmax(0,1fr) 310px;gap:10px;align-items:start}.trio-players-column,.trio-side-panel{display:grid;gap:10px}.trio-player-panel{min-height:132px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 10px;padding:12px}.trio-player-panel.active{border-color:#48f7748f;box-shadow:0 0 0 1px #48f77429,0 18px 54px #1db74f1f}.trio-player-panel.me{border-color:#f6c76280}.trio-player-panel.bot{border-color:#49a9ff57}.trio-player-panel.requested{border-color:#f6c762c7;box-shadow:0 0 0 1px #f6c76238,0 18px 58px #f6c7621f}.trio-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(246,199,98,.72);background:linear-gradient(135deg,#10365d,#101a2d);font-size:13px;font-weight:950}.trio-player-panel strong,.trio-player-panel span{display:block}.trio-player-panel>div:not(.trio-avatar){min-width:0}.trio-player-panel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trio-player-panel span{color:#ffffffa8;font-size:12px;margin-top:4px}.trio-player-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.trio-player-actions button{min-height:36px;font-size:12px}.trio-player-request-button{grid-column:1 / -1;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;border-color:#f6c76270;background:linear-gradient(180deg,#f6c7622e,#f6c76214);color:#ffe39a;font-weight:950}.trio-player-request-button .trio-action-icon{width:20px;height:20px}.trio-request-badge{grid-column:1 / -1;min-height:30px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid rgba(246,199,98,.48);background:#f6c76224;color:#ffe39a;font-size:12px;font-weight:950}.trio-captured-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px;min-height:0}.trio-captured-card{width:30px;display:inline-grid;place-items:center;filter:drop-shadow(0 6px 9px rgba(0,0,0,.35))}.trio-captured-card.dense{width:26px}.trio-captured-card img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;border-radius:5px}.trio-captured-gallery{min-height:180px}.trio-captured-gallery-list{display:grid;gap:10px}.trio-captured-gallery-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:12px;background:#0003;padding:8px}.trio-captured-gallery-item>span{color:#ffffffbd;font-weight:900;white-space:nowrap}.trio-captured-set-cards{display:flex;align-items:center;justify-content:center;min-width:118px;min-height:72px}.trio-captured-set-cards img{width:42px;height:auto;aspect-ratio:2 / 3;object-fit:contain;border-radius:7px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}.trio-captured-set-cards img+img{margin-right:-16px}.trio-board-shell{min-height:calc(100dvh - 96px);padding:12px;display:grid;align-content:center;gap:10px;--trio-center-card-w: clamp(58px, 7.4vw, 88px);--trio-revealed-card-w: clamp(46px, 5.4vw, 68px);--trio-hand-card-w: clamp(34px, 4.1vw, 52px);background:radial-gradient(circle at 50% 48%,rgba(246,199,98,.16),transparent 38%),linear-gradient(135deg,#ffffff0f,#ffffff05),#050c18eb}.trio-center-grid{display:grid;grid-template-columns:repeat(3,var(--trio-center-card-w));justify-content:center;gap:clamp(4px,.8vw,9px)}.trio-center-card{min-height:0;aspect-ratio:2 / 3;padding:2px!important;background:transparent;border-color:#f6c76247;display:grid;place-items:center}.trio-center-card img{width:100%;height:100%;aspect-ratio:2 / 3;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32));animation:trio-card-arrive .52s cubic-bezier(.2,1.22,.28,1) both}.trio-center-card.removed{opacity:1}.trio-center-card.empty,.trio-center-card.removed{border-color:#f6c7621f;background:#ffffff06;pointer-events:none}.trio-center-card.empty:after,.trio-center-card.removed:after{content:"";width:100%;height:100%;border-radius:9px;border:1px dashed rgba(246,199,98,.2);background:#0000001f}.trio-revealed-zone{min-height:128px;border:1px solid rgba(246,199,98,.34);border-radius:18px;background:#0000003d;display:grid;justify-items:center;align-content:center;gap:8px;padding:9px;box-shadow:0 0 0 1px #f6c7621a,inset 0 0 60px #f6c76214}.trio-revealed-zone.same{border-color:#51ff7d85;box-shadow:0 0 0 1px #51ff7d1f,inset 0 0 64px #51ff7d1a;animation:trio-success-pulse 1.25s ease both}.trio-revealed-zone>span{color:#f6c762;font-weight:950}.trio-revealed-zone>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;min-height:calc(var(--trio-revealed-card-w) * 1.5);max-height:calc(var(--trio-revealed-card-w) * 3 + 10px);overflow:hidden}.trio-revealed-zone img{width:var(--trio-revealed-card-w);height:auto;aspect-ratio:2 / 3;object-fit:contain;border-radius:8px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}.trio-revealed-zone em{align-self:center;color:#ffffff94;font-style:normal}.trio-revealed-zone strong{color:#f6c762;font-size:clamp(24px,3vw,38px)}.trio-hand-row{display:flex;justify-content:safe center;align-items:flex-end;gap:clamp(2px,.6vw,7px);min-height:calc(var(--trio-hand-card-w) * 1.5 + 18px);overflow-x:auto;overflow-y:visible;padding:10px 4px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.trio-hand-row::-webkit-scrollbar{display:none}.trio-hand-card-button{flex:0 0 var(--trio-hand-card-w);width:var(--trio-hand-card-w);padding:0!important;border:0!important;background:transparent!important;border-radius:8px!important;cursor:default;transition:transform .14s ease,filter .14s ease,opacity .14s ease}.trio-hand-card-button.clickable{cursor:pointer;filter:drop-shadow(0 0 12px rgba(246,199,98,.42))}.trio-hand-card-button.clickable:hover,.trio-hand-card-button.clickable:focus-visible{transform:translateY(-16px)}.trio-hand-card-button.revealed{opacity:.45}.trio-hand-card{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;border-radius:7px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}@media(min-width:921px){.trio-table-page .trio-table-layout{grid-template-columns:minmax(238px,270px) minmax(720px,1fr) minmax(270px,310px);gap:12px}.trio-table-page .trio-board-shell{min-height:calc(100dvh - 104px);padding:clamp(16px,2vw,28px);gap:14px;--trio-center-card-w: clamp(92px, 8.8vw, 132px);--trio-revealed-card-w: clamp(62px, 5.8vw, 88px);--trio-hand-card-w: clamp(48px, 4.8vw, 74px)}.trio-table-page .trio-center-grid{gap:clamp(8px,1vw,14px)}.trio-table-page .trio-center-card{border-radius:13px;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.trio-table-page .trio-center-card:not(:disabled):hover{transform:translateY(-8px) scale(1.035);border-color:#f6c762a3;filter:drop-shadow(0 0 20px rgba(246,199,98,.3))}.trio-table-page .trio-revealed-zone{min-height:150px}.trio-table-page .trio-hand-row{min-height:calc(var(--trio-hand-card-w) * 1.5 + 18px);padding-top:10px}.trio-table-page .trio-hand-card-button{transition:transform .18s ease,filter .18s ease,opacity .18s ease}}@keyframes trio-card-arrive{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trio-success-pulse{0%,to{transform:scale(1)}38%{transform:scale(1.015)}72%{transform:scale(1.006)}}.trio-side-panel section{padding:14px;display:grid;gap:10px}.trio-error{width:min(1600px,100%);margin:8px auto 0;border:1px solid rgba(255,126,126,.36);border-radius:12px;background:#80151b7a;color:#fff5f5f5;padding:9px 12px;font-weight:900;text-align:center}.trio-action-icon{width:26px;height:26px;object-fit:cover;border-radius:8px;flex:0 0 auto}.trio-side-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.trio-action-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.trio-request-overlay{position:fixed;inset:0;z-index:calc(var(--z-sticky) + 8);display:grid;place-items:end center;padding:16px;background:#02071194;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.trio-request-sheet{width:min(520px,100%);display:grid;gap:14px;border:1px solid rgba(144,155,225,.32);border-radius:24px;padding:16px;background:radial-gradient(circle at 50% -12%,rgba(109,96,201,.28),transparent 52%),linear-gradient(180deg,#141c37fa,#080f21fa);box-shadow:0 28px 80px #00000085,inset 0 1px #ffffff14}.trio-request-sheet header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}.trio-request-sheet h2{grid-column:2;margin:0;text-align:center;font-size:18px}.trio-request-close{grid-column:3;min-height:36px!important;width:36px;border-radius:50%!important;padding:0!important;font-size:24px!important;line-height:1}.trio-request-step{display:grid;gap:10px}.trio-request-step>strong{text-align:center;color:#ffffffe6}.trio-request-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.trio-request-player{min-height:92px!important;display:grid;justify-items:center;gap:4px;padding:10px 8px!important;border-radius:16px!important;background:#ffffff0e!important}.trio-request-player.active{border-color:#f6c762db!important;box-shadow:0 0 0 1px #f6c76247,inset 0 0 32px #f6c7621a}.trio-request-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(246,199,98,.68);background:linear-gradient(135deg,#173b62,#111a31);font-size:12px;font-weight:950}.trio-request-player b,.trio-request-player small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trio-request-player small{color:#ffffffad}.trio-request-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trio-request-choice{min-height:150px!important;display:grid!important;place-items:center;align-content:center;gap:8px;padding:14px 10px!important;border-radius:18px!important;text-align:center;overflow:hidden}.trio-request-choice.max{border-color:#6ff39a9e!important;background:linear-gradient(145deg,#2a8e528a,#0d392bc7)!important}.trio-request-choice.min{border-color:#b87bffad!important;background:linear-gradient(145deg,#683fb49e,#281a52d1)!important}.trio-request-choice .trio-action-icon{width:52px;height:52px;border-radius:50%;object-fit:cover}.trio-request-choice b{font-size:16px}.trio-request-choice span{color:#ffffffc2;font-size:12px;line-height:1.6}.trio-side-panel h2{margin:0;color:#f6c762}.trio-side-panel strong{font-size:24px}.trio-side-panel span,.trio-side-panel p{color:#ffffffad;line-height:1.7;margin:0}.trio-log{display:grid;gap:7px;max-height:260px;overflow:auto}.trio-log span{border-radius:10px;background:#00000038;padding:8px 10px}.trio-winner-card{border-color:#51ff7d61!important}@media(max-width:1180px){.trio-topbar,.trio-table-layout,.trio-lobby{grid-template-columns:1fr}.trio-topbar{justify-items:stretch}.trio-topbar h1{justify-self:center}.trio-players-column{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.trio-side-panel{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.trio-room-list{grid-column:auto}}@media(max-width:920px){.trio-page.trio-table-page{overflow-x:hidden}.trio-table-page .trio-topbar{grid-template-columns:1fr;width:100%}.trio-table-page .trio-icon-btn,.trio-table-page .trio-turn-pill,.trio-table-page .trio-timer-pill{width:100%}.trio-table-page .trio-table-layout{display:flex;flex-direction:column;max-width:100%;overflow:hidden}.trio-table-page .trio-players-column{display:flex;grid-template-columns:none;direction:ltr;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 6px 8px;scroll-padding-inline:6px;scroll-snap-type:x proximity;scrollbar-width:none}.trio-table-page .trio-players-column::-webkit-scrollbar{display:none}.trio-table-page .trio-player-panel{direction:rtl;flex:0 0 min(74vw,292px);min-width:0;min-height:120px;scroll-snap-align:start}.trio-table-page .trio-board-shell{width:100%;max-width:100%;min-width:0;min-height:auto;overflow:hidden;--trio-center-card-w: clamp(54px, 16vw, 78px);--trio-revealed-card-w: clamp(40px, 11vw, 58px);--trio-hand-card-w: clamp(30px, 8vw, 44px)}.trio-table-page .trio-center-grid{grid-template-columns:repeat(3,minmax(0,var(--trio-center-card-w)));max-width:100%}.trio-table-page .trio-side-panel{grid-template-columns:1fr}}@media(max-width:620px){.trio-page{padding:8px}.trio-topbar{border-radius:16px;gap:8px}.trio-room-code,.trio-timer-pill,.trio-turn-pill{width:100%}.trio-players-column{grid-template-columns:1fr}.trio-player-panel{min-height:116px}.trio-board-shell{min-height:auto;padding:6px;gap:8px;--trio-center-card-w: clamp(48px, 14vw, 56px);--trio-revealed-card-w: clamp(36px, 10.2vw, 44px);--trio-hand-card-w: clamp(28px, 8.3vw, 34px)}.trio-center-grid{gap:5px}.trio-center-card{min-height:0}.trio-revealed-zone{min-height:92px;padding:7px}.trio-hand-row{justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;min-height:calc(var(--trio-hand-card-w) * 1.5 + 12px);padding:5px 3px 2px}.trio-hand-row::-webkit-scrollbar{display:none}.trio-side-panel{grid-template-columns:1fr}}.trio-tutorial-panel{border-color:#f6c76247!important}.trio-tutorial-kicker{color:#9ee9d2!important;font-size:12px!important;font-weight:950}.trio-tutorial-panel h2{color:#f6c762;margin:0}.trio-tutorial-actions{display:grid;gap:8px}.trio-tutorial-lock{min-height:42px;display:grid!important;place-items:center;border:1px solid rgba(158,233,210,.22);border-radius:12px;background:#9ee9d214;color:#e5fff7cc!important;text-align:center;font-weight:900}.trio-tutorial-captured-list{display:grid;gap:10px}.trio-tutorial-captured-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:12px;background:#0003;padding:8px}.trio-tutorial-captured-list span{white-space:nowrap;font-weight:950}.trio-center-card.empty:not(.removed){visibility:hidden;pointer-events:none}.trio-center-card.empty:not(.removed):after{content:none}.trio-page .tutorial-allowed:not(:disabled){animation:trioTutorialPulse 1.25s ease-in-out infinite}.trio-center-card.tutorial-allowed:not(:disabled){border-color:#52ff8bc7;box-shadow:0 0 0 2px #52ff8b3d,0 0 26px #52ff8b47}.trio-player-request-button.tutorial-allowed:not(:disabled){border-color:#52ff8bb8;background:linear-gradient(180deg,#24b05757,#16603d3d);color:#dffff0}.trio-hand-card-button.tutorial-allowed:not(:disabled) .trio-hand-card{filter:drop-shadow(0 0 16px rgba(82,255,139,.48)) drop-shadow(0 8px 12px rgba(0,0,0,.32))}.trio-request-choice.tutorial-allowed:not(:disabled){box-shadow:0 0 0 2px #52ff8b38,inset 0 0 34px #52ff8b1a}.trio-tutorial-action-bar>span{flex:1;min-width:0;color:#ffffffc7;font-size:12px;font-weight:800;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes trioTutorialPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:620px){.trio-tutorial-page .trio-mobile-bar{grid-template-columns:auto minmax(0,1fr) auto}.trio-tutorial-page .trio-action-bar{display:flex}.trio-tutorial-action-bar{align-items:center}.trio-tutorial-action-bar>button{flex:0 0 auto;min-width:116px}}.trio-mobile-bar,.trio-action-bar{display:none}@media(max-width:620px){.trio-page.trio-table-page{display:flex;flex-direction:column;height:100svh;overflow:hidden;padding:0}.trio-table-page .trio-topbar{flex:0 0 auto;border-radius:0}.trio-table-page .trio-topbar .trio-turn-pill,.trio-table-page .trio-topbar .trio-timer-pill,.trio-table-page .trio-topbar .trio-topbar-spacer{display:none}.trio-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-1);border-bottom:1px solid var(--border);padding:7px 10px}.trio-mb-pill{background:var(--surface-2);border-radius:var(--r-pill);padding:4px 12px;font-weight:800;font-size:13px;white-space:nowrap}.trio-mb-chase{flex:1;text-align:center;font-size:12px;color:var(--text-muted);font-weight:700}.trio-mb-chase.hot{color:var(--accent-soft)}.trio-table-page .trio-table-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:6px}.trio-table-page .trio-players-column{display:flex;flex-direction:row;gap:6px;flex:0 0 auto;direction:ltr;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 10px 8px;scrollbar-width:none;scroll-padding-inline:10px}.trio-table-page .trio-players-column::-webkit-scrollbar{display:none}.trio-table-page .trio-player-panel{direction:rtl;min-height:0;flex:0 0 min(74vw,270px);width:min(74vw,270px)}.trio-table-page .trio-board-shell{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.trio-table-page .trio-side-panel{display:none}.trio-action-bar{display:flex;gap:8px;align-items:center;position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--surface-1);border-top:1px solid var(--border);padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px #0006}.trio-action-bar>button{flex:1;min-height:46px;border-radius:var(--r-md);font-weight:800;border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer}.trio-action-bar>button:disabled{opacity:.5}.game-toast-live{top:calc(100px + env(safe-area-inset-top,0px))}}@media(max-width:620px){.trio-page.trio-table-page{width:100%;height:100svh;min-height:0;overflow:hidden;padding:0;background:#07101d}.trio-table-page .trio-topbar{display:grid!important;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr)!important;align-items:center;gap:8px;width:100%;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 7px;border-radius:0}.trio-table-page .trio-topbar h1{grid-column:2;grid-row:1;margin:0;font-size:32px;line-height:1;justify-self:center}.trio-table-page .trio-topbar .trio-icon-btn{width:auto!important;min-height:38px;padding:0 12px;border-radius:13px;font-size:14px}.trio-table-page .trio-topbar .trio-icon-btn:first-of-type{grid-column:1;justify-self:stretch}.trio-table-page .trio-topbar .trio-icon-btn:last-of-type{grid-column:3;justify-self:stretch}.trio-table-page .trio-topbar .trio-turn-pill,.trio-table-page .trio-topbar .trio-timer-pill,.trio-table-page .trio-topbar .trio-topbar-spacer{display:none!important}.trio-mobile-bar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 10px;position:relative;top:auto}.trio-mb-pill,.trio-mobile-bar .trio-timer-pill{width:auto!important;min-width:68px;min-height:30px;display:inline-grid;place-items:center;padding:4px 10px;font-size:13px;line-height:1}.trio-mb-chase{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;line-height:1.25}.trio-table-page .trio-table-layout{flex:1 1 auto;min-height:0;gap:5px;overflow:hidden}.trio-table-page .trio-players-column{width:100%;max-width:100%;display:grid;flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;direction:rtl;overflow:visible;padding:6px 8px;scrollbar-width:none}.trio-table-page .trio-player-panel{direction:rtl;flex:none;width:100%;min-width:0;min-height:108px;grid-template-columns:34px minmax(0,1fr);gap:4px 6px;padding:7px;border-radius:15px}.trio-table-page .trio-avatar{width:34px;height:34px;font-size:10px}.trio-table-page .trio-player-panel strong{font-size:13px}.trio-table-page .trio-player-panel span{font-size:10px;margin-top:1px}.trio-table-page .trio-player-actions{gap:6px}.trio-table-page .trio-player-actions button{min-height:32px;padding:0 6px;font-size:12px;border-radius:11px}.trio-table-page .trio-player-request-button{min-height:28px;padding:0 5px;gap:4px;border-radius:11px;font-size:11px;white-space:nowrap}.trio-table-page .trio-player-request-button .trio-action-icon{width:17px;height:17px}.trio-table-page .trio-captured-row{gap:3px;min-height:0}.trio-table-page .trio-captured-card{width:22px}.trio-table-page .trio-request-badge{min-height:22px;font-size:10px}.trio-table-page .trio-captured-row>span{font-size:11px}.trio-table-page .trio-board-shell{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;align-content:start;gap:7px;padding:8px 8px 10px;border-radius:16px 16px 0 0;overflow-y:auto;overflow-x:hidden;--trio-center-card-w: clamp(44px, 14.8vw, 56px);--trio-revealed-card-w: clamp(32px, 9.2vw, 42px);--trio-hand-card-w: clamp(25px, 7.2vw, 33px)}.trio-table-page.trio-many-players .trio-players-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px 6px}.trio-table-page.trio-many-players .trio-player-panel{min-height:74px;grid-template-columns:28px minmax(0,1fr);gap:3px 5px;padding:5px;border-radius:12px}.trio-table-page.trio-many-players .trio-avatar{width:28px;height:28px;border-width:1px;font-size:9px}.trio-table-page.trio-many-players .trio-player-panel strong{font-size:11px}.trio-table-page.trio-many-players .trio-player-panel span{font-size:9px}.trio-table-page.trio-many-players .trio-player-request-button{min-height:22px;padding:0 3px;gap:3px;border-radius:9px;font-size:9px}.trio-table-page.trio-many-players .trio-player-request-button .trio-action-icon{width:14px;height:14px}.trio-table-page.trio-many-players .trio-captured-card{width:18px}.trio-table-page.trio-many-players .trio-request-badge{min-height:18px;font-size:9px}.trio-table-page.trio-many-players .trio-board-shell{gap:5px;padding:6px;--trio-center-card-w: clamp(40px, 13vw, 52px);--trio-revealed-card-w: clamp(30px, 8.6vw, 38px);--trio-hand-card-w: clamp(23px, 6.8vw, 31px)}.trio-table-page.trio-many-players .trio-revealed-zone{min-height:58px}.trio-table-page .trio-center-grid{gap:4px;grid-template-columns:repeat(3,var(--trio-center-card-w))}.trio-table-page .trio-center-card{border-radius:9px}.trio-table-page .trio-revealed-zone{min-height:70px;gap:4px;padding:6px;border-radius:14px}.trio-table-page .trio-revealed-zone>span{font-size:12px}.trio-table-page .trio-revealed-zone>div{min-height:calc(var(--trio-revealed-card-w) * 1.5);gap:4px}.trio-table-page .trio-hand-row{justify-content:flex-start;min-height:calc(var(--trio-hand-card-w) * 1.5 + 8px);padding:3px 2px 1px}.trio-action-bar{flex:0 0 auto;padding:7px 10px;padding-bottom:max(7px,env(safe-area-inset-bottom,0px))}.trio-action-bar>button{min-height:42px;font-size:14px;border-radius:13px}.trio-action-bar .trio-action-icon{width:22px;height:22px}.trio-request-overlay{align-items:end;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}.trio-request-sheet{max-height:calc(100svh - 32px);overflow:auto;border-radius:22px;padding:13px;gap:12px}.trio-request-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trio-request-player{min-height:82px!important;padding:8px 5px!important}.trio-request-avatar{width:36px;height:36px}.trio-request-choice{min-height:128px!important;padding:11px 8px!important}.trio-request-choice .trio-action-icon{width:44px;height:44px}.trio-request-choice b{font-size:14px}.game-toast-live{top:calc(64px + env(safe-area-inset-top,0px))}}.party-page{min-height:100dvh;direction:rtl;color:#fffffff0;font-family:Vazirmatn,IRANSans,Tahoma,Arial,sans-serif;background:radial-gradient(720px 520px at 15% 12%,rgba(61,214,160,.2),transparent 58%),radial-gradient(820px 540px at 85% 10%,rgba(255,203,98,.17),transparent 55%),linear-gradient(180deg,#101825,#0b1018);padding:16px}.party-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:12px}.party-topbar,.party-panel,.party-card,.party-side-panel{border:1px solid rgba(255,255,255,.12);background:#fff1;box-shadow:0 18px 48px #00000038}.party-topbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:8px 12px}.party-topbar h1,.party-panel h2,.party-side-panel h2{margin:0;letter-spacing:0}.party-actions,.party-controls,.party-chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.party-page button,.party-page input,.party-page select{font:inherit}.party-page button{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff14;color:#fffffff0;min-height:42px;padding:8px 12px;font-weight:900;cursor:pointer;touch-action:manipulation}.party-page button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.party-button-icon{width:26px;height:26px;object-fit:cover;border-radius:8px;flex:0 0 auto}.party-page button.primary{border-color:transparent;background:linear-gradient(135deg,#74f0b8,#71d9ff);color:#06120f}.party-page button.danger{border-color:#ff76765c;background:#b42a2a6b}.party-page button.active{border-color:#ffeca0a3;background:#ffeca024}.party-page input,.party-page select{min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#00000038;color:#fff;padding:8px 10px}.party-page label{display:grid;gap:6px;color:#ffffffb8;font-size:12px;font-weight:850}.party-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px;align-items:start}.pantomime-play-grid{grid-template-columns:1fr}.party-shell.is-playing{min-height:calc(100dvh - 24px)}.party-page-pantomime.is-playing .party-main-panel{min-height:calc(100dvh - 116px)}.party-panel,.party-side-panel{border-radius:12px;padding:14px}.party-panel{display:grid;gap:12px}.party-muted{color:#ffffffa8;line-height:1.8}.party-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.party-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.party-score-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0000002e;padding:10px;display:grid;gap:4px}.party-score-card.active{border-color:#ffeca09e;box-shadow:0 0 0 3px #ffeca01a}.party-score-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-score-card em{font-style:normal;font-size:28px;font-weight:950}.pantomime-stage{min-height:min(58dvh,520px);display:grid;place-items:center;text-align:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#10b9812e,#0ea5e91a),#00000038;padding:clamp(16px,4vw,40px);overflow:hidden}.party-page-pantomime.is-playing .pantomime-stage{min-height:clamp(420px,64dvh,720px)}.pantomime-word{display:grid;gap:12px;justify-items:center}.pantomime-word span{border-radius:999px;background:#ffffff1a;color:#ffffffb8;padding:5px 10px;font-weight:900}.pantomime-word small{color:#ffffffa8;font-weight:850;line-height:1.7}.pantomime-word strong{font-size:clamp(38px,8vw,84px);line-height:1.18}.pantomime-timer{font-size:clamp(42px,8vw,78px);font-weight:950;font-variant-numeric:tabular-nums}.party-history{display:grid;gap:7px;max-height:310px;overflow:auto;padding-inline-end:4px}.party-history-row{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0000002e;padding:8px 10px;display:flex;justify-content:space-between;gap:10px}.codenames-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.codenames-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cn-card{position:relative;min-height:clamp(74px,11vw,112px);border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff08),#162234;color:#fff;font-size:clamp(13px,1.65vw,19px);line-height:1.35;padding:8px;display:grid;place-items:center;text-align:center;overflow-wrap:anywhere;box-shadow:inset 0 -22px 46px #00000029}.cn-card.revealed{color:#fff;transform:translateY(1px)}.cn-card.red,.cn-key.red{background:linear-gradient(160deg,#a42734,#61111c)}.cn-card.blue,.cn-key.blue{background:linear-gradient(160deg,#1e5fbf,#102e64)}.cn-card.neutral,.cn-key.neutral{background:linear-gradient(160deg,#8b7a61,#41372d)}.cn-card.assassin,.cn-key.assassin{background:linear-gradient(160deg,#171717,#050505)}.cn-card.key-only:not(.revealed){box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 -22px 46px #0003}.cn-card:disabled{cursor:default;opacity:.82}.cn-side{display:grid;gap:10px}.cn-turn-card{border-radius:12px;padding:12px;background:#00000038;border:1px solid rgba(255,255,255,.12);display:grid;gap:8px}.cn-turn-card.red{border-color:#ff64786b}.cn-turn-card.blue{border-color:#64aaff6b}.cn-clue-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:8px}.cn-key-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.cn-key{aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.12)}.cn-warning{border-radius:9px;background:#f59e0b26;color:#fde68a;padding:8px 10px;font-weight:850}.cn-log{display:grid;gap:6px;max-height:260px;overflow:auto}.cn-log span{display:block;border-radius:8px;background:#0000002e;padding:7px 9px;color:#ffffffbd}@media(max-width:820px){.party-page{padding:10px}.party-topbar{align-items:flex-start;flex-direction:column}.party-grid,.codenames-layout,.party-setup-grid{grid-template-columns:1fr}.party-actions,.party-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.party-actions button,.party-controls button{width:100%}.codenames-board{gap:5px}.cn-card{min-height:66px;padding:5px;border-radius:7px}}@media(max-width:420px){.party-actions,.party-controls{grid-template-columns:1fr}.codenames-board{gap:4px}.cn-card{min-height:58px;font-size:11px}}.party-page{background:radial-gradient(820px 420px at 18% 8%,rgba(190,34,47,.18),transparent 58%),radial-gradient(760px 460px at 82% 10%,rgba(28,118,225,.18),transparent 60%),linear-gradient(180deg,#050a12,#09111e 52%,#050910)}.party-shell-wide{width:min(1580px,100%)}.party-topbar-hero{min-height:74px;border-radius:18px;background:linear-gradient(135deg,#ffffff13,#ffffff06),#030810d1;box-shadow:0 24px 80px #00000061}.party-kicker{display:inline-flex;align-items:center;gap:6px;color:#d8c9b5;font-weight:900;font-size:12px}.party-mode-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.party-mode-pill{min-height:86px;display:grid;gap:6px;align-content:start;text-align:start;border-radius:16px;background:linear-gradient(135deg,#ffffff17,#ffffff06),#080e18c2}.party-mode-pill strong,.party-mode-pill span{display:block}.party-mode-pill span{color:#ffffff9e;font-size:12px;line-height:1.65}.party-mode-pill.active{border-color:#ff534cb8;background:linear-gradient(135deg,#b71f2485,#145eb433),#0c121de6;box-shadow:0 0 0 1px #ff534c40,0 18px 50px #ad1e2a2e}.party-main-panel{background:linear-gradient(135deg,#ffffff12,#ffffff06),#050b14d6}.party-score-grid-large{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.party-score-card{border-radius:14px;background:linear-gradient(135deg,#ffffff12,#ffffff06)}.party-score-card.active{border-color:color-mix(in srgb,var(--party-team, #ff4846) 72%,white 28%);background:linear-gradient(135deg,var(--party-team-soft, rgba(255,72,70,.2)),rgba(255,255,255,.03)),#080e18c7;box-shadow:0 0 0 1px color-mix(in srgb,var(--party-team, #ff4846) 36%,transparent),0 16px 42px var(--party-team-soft, rgba(255,60,50,.13))}.party-score-card span{color:#ffffff94;font-size:12px;font-weight:850}.party-controls-centered{width:min(940px,100%);justify-self:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));justify-content:center;gap:8px}.party-controls-centered button{width:100%}.pantomime-setup-start{width:100%;min-height:54px;margin-top:6px;border-radius:14px;font-size:16px}.party-team-editor{display:grid;gap:8px;margin-top:10px}.party-page-pantomime .pantomime-stage{position:relative;min-height:min(55dvh,560px);border-radius:20px;background:radial-gradient(360px 280px at 50% 42%,var(--party-team-soft, rgba(255, 186, 92, .3)),transparent 72%),linear-gradient(90deg,var(--party-team-dark, rgba(113,16,26,.78)),transparent 18%,transparent 82%,var(--party-team-dark, rgba(113,16,26,.78))),linear-gradient(180deg,#15100d,#2c1411 58%,#140b0b);box-shadow:inset 0 -80px 100px #00000057,0 22px 70px #00000057,0 0 0 1px color-mix(in srgb,var(--party-team, #ef4444) 32%,transparent)}.party-page-pantomime .pantomime-stage:before,.party-page-pantomime .pantomime-stage:after{content:"";position:absolute;inset-block:0;width:17%;pointer-events:none;background:repeating-linear-gradient(90deg,#500910f5 0 18px,#941821e0 18px 36px);opacity:.72}.party-page-pantomime .pantomime-stage:before{inset-inline-start:0}.party-page-pantomime .pantomime-stage:after{inset-inline-end:0}.pantomime-stage-meta{position:absolute;top:14px;inset-inline:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:1;color:#ffffffbd;font-weight:900}.pantomime-stage-meta b{color:color-mix(in srgb,var(--party-team, #ff6556) 76%,white 24%);font-size:clamp(28px,4vw,52px);font-variant-numeric:tabular-nums}.party-page-pantomime .pantomime-word{position:relative;z-index:1;max-width:min(680px,88%);border:1px solid color-mix(in srgb,var(--party-team, #ff4a46) 58%,transparent);border-radius:18px;background:linear-gradient(135deg,var(--party-team-soft, rgba(239,68,68,.18)),rgba(0,0,0,.16)),#200910bd;padding:clamp(18px,4vw,32px);box-shadow:0 18px 70px #0000004d}.party-page-pantomime .pantomime-word strong{font-size:clamp(34px,6.2vw,72px);font-weight:950;text-wrap:balance;text-shadow:0 12px 34px rgba(0,0,0,.34)}.party-page-pantomime.is-playing{background:radial-gradient(820px 500px at 18% 8%,var(--party-team-soft, rgba(239,68,68,.2)),transparent 58%),radial-gradient(760px 460px at 82% 10%,rgba(28,118,225,.14),transparent 60%),linear-gradient(180deg,#050a12,#09111e 52%,#050910)}.party-page-pantomime.is-playing .party-main-panel{min-height:auto}.party-page-pantomime.is-playing .pantomime-stage{min-height:clamp(320px,49dvh,520px)}.cn-setup-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:12px;align-items:start}.cn-setup-panel{align-content:start}.cn-poster-panel{overflow:hidden;padding:0;background:linear-gradient(180deg,#fff1,#ffffff05),#040912d1}.cn-poster-panel img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.cn-poster-panel>div{display:grid;gap:7px;padding:14px}.cn-poster-panel h2{margin:0;color:#f4d38a}.cn-mode-strip{margin-bottom:12px}.cn-mode-card{min-height:116px;grid-template-columns:auto minmax(0,1fr);align-items:start;text-align:start}.cn-mode-card .cn-ui-icon{width:58px;height:58px;border-radius:14px}.cn-mode-card>span{display:grid;gap:5px;min-width:0}.cn-mode-card em{color:#ffffffa3;font-style:normal;font-size:12px;line-height:1.65}.cn-mode-context{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:start;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,#1d74d833,#be282c1f),#0003;padding:12px}.cn-mode-context>.cn-ui-icon{width:52px;height:52px;border-radius:13px}.cn-mode-context strong,.cn-mode-context span{display:block}.cn-mode-context strong{color:#f2dfc7}.cn-mode-context span{color:#ffffffa8;font-size:12px;line-height:1.75}.cn-mode-context .cn-rule-tags{grid-column:1 / -1;margin-top:0}.cn-room-card{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0000003d;padding:12px;margin-bottom:12px}.cn-room-card b{font-size:24px;color:#d8c9b5;letter-spacing:2px}.cn-name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:10px}.cn-setup-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.cn-setup-footer .cn-rule-tags{margin-top:0}.cn-setup-footer .primary{min-width:150px}.cn-brief-panel{min-height:100%}.cn-rule-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cn-rule-tags span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;background:#ffffff0e;color:#ffffffc2;font-weight:850;font-size:12px}.codenames-layout-rich{grid-template-columns:250px minmax(0,1fr) 330px}.codenames-center{display:grid;gap:12px}.cn-team-rail,.cn-team-score{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#ffffff13,#ffffff06),#050b14db;box-shadow:0 22px 70px #00000047}.cn-team-rail{min-height:620px;padding:14px;display:grid;align-content:start;gap:14px}.cn-team-rail.red,.cn-team-score.red{border-color:#ff4c4a8f;box-shadow:0 0 0 1px #ff4c4a24,0 22px 70px #b4182429}.cn-team-rail.blue,.cn-team-score.blue{border-color:#3d9bff94;box-shadow:0 0 0 1px #3d9bff24,0 22px 70px #125bbe29}.cn-team-score{min-height:126px;padding:16px;display:grid;gap:2px;text-align:center;place-items:center}.cn-team-score em{font-style:normal;font-size:54px;line-height:1;font-weight:950;color:#f2dfc7}.cn-team-score span{color:#ffffff9e;font-weight:850}.cn-player-list{display:grid;gap:9px}.cn-player-list span{display:grid;gap:2px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0003;padding:10px}.cn-player-list b{color:#d8c9b5;font-size:11px}.cn-player-list .spymaster{border-color:#ffcf687a}.codenames-layout-rich .codenames-board{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#050a12b8;padding:14px;box-shadow:0 26px 90px #0000005c}.cn-card{background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.36),transparent 34%),linear-gradient(180deg,#f3dfc3,#d9b991);color:#15110e;border-color:#0000005c;border-radius:12px;font-weight:950;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;min-width:0;box-shadow:inset 0 0 0 1px #ffffff47,0 7px 18px #00000057}.party-page .cn-card{padding:8px}.cn-card.red,.cn-card.blue,.cn-card.neutral,.cn-card.assassin{color:#fff}.cn-card.candidate{outline:3px solid #f2dfc7;outline-offset:2px;transform:translateY(-2px)}.cn-vote-box{display:grid;gap:10px}.cn-voters{display:flex;flex-wrap:wrap;gap:7px}@media(max-width:1100px){.codenames-layout-rich,.cn-setup-layout{grid-template-columns:1fr}.cn-poster-panel{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:stretch}.cn-poster-panel img{height:100%;aspect-ratio:auto}.cn-team-rail{min-height:auto}.cn-team-rail.red{order:2}}@media(max-width:760px){.party-mode-strip{grid-template-columns:1fr}.party-mode-pill{min-height:92px}.cn-poster-panel{grid-template-columns:1fr}.cn-poster-panel img{height:auto;max-height:360px}.cn-setup-footer{grid-template-columns:1fr}.codenames-layout-rich .codenames-board{padding:8px;gap:6px}.cn-team-score em{font-size:42px}}@media(max-width:460px){.party-page{padding:8px}.party-page-codenames{padding:4px}.party-mode-strip{grid-template-columns:1fr}.party-topbar-hero{border-radius:14px}.cn-room-card{grid-template-columns:1fr}.codenames-board{gap:2px}.codenames-layout-rich .codenames-board{padding:2px;gap:2px}.cn-card{min-height:60px;font-size:8.5px;line-height:1.22;border-radius:9px}.party-page .cn-card{padding:2px}}.cn-ui-icon{width:36px;height:36px;object-fit:cover;border-radius:10px;flex:0 0 auto;box-shadow:0 10px 26px #00000047}.cn-title-row{display:flex;align-items:center;gap:12px;min-width:0}.party-page-codenames{background:radial-gradient(760px 440px at 13% 12%,rgba(211,44,48,.18),transparent 58%),radial-gradient(760px 440px at 87% 12%,rgba(36,135,255,.18),transparent 58%),linear-gradient(180deg,#050910,#08111e 54%,#050810)}.party-page-codenames .party-topbar h1{font-size:clamp(30px,3.4vw,52px);line-height:1.05}.codenames-layout-rich{grid-template-columns:minmax(230px,.34fr) minmax(520px,1fr) minmax(260px,.38fr);gap:14px;direction:ltr}.codenames-layout-rich>*{direction:rtl}.party-page-codenames .codenames-board{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#02070ec2;padding:14px;box-shadow:0 24px 80px #00000057}.party-page-codenames .cn-card{min-height:clamp(74px,8.4vw,118px);border-radius:10px;border-color:#14120f38;background:linear-gradient(180deg,#ffffffeb,#f2dbbcf5),#f1ddc0;color:#101010;font-size:clamp(15px,1.55vw,22px);font-weight:950;box-shadow:inset 0 1px #ffffffb8,0 7px 18px #00000047}.party-page-codenames .cn-card.red,.party-page-codenames .cn-key.red{background:linear-gradient(160deg,#d33b35,#841722);color:#fff;border-color:#ff68607a}.party-page-codenames .cn-card.blue,.party-page-codenames .cn-key.blue{background:linear-gradient(160deg,#1673d1,#0b3a7d);color:#fff;border-color:#55acff80}.party-page-codenames .cn-card.neutral,.party-page-codenames .cn-key.neutral{background:linear-gradient(160deg,#bda990,#5b5145);color:#fff}.party-page-codenames .cn-card.assassin,.party-page-codenames .cn-key.assassin{background:linear-gradient(160deg,#222,#050505);color:#fff}.party-page-codenames .cn-card.candidate{outline:3px solid rgba(255,214,112,.86);outline-offset:2px;box-shadow:0 0 0 5px #ffd67024,0 14px 34px #ffd67038}.party-page-codenames .cn-team-rail{min-height:calc(100dvh - 124px);display:grid;align-content:start;gap:14px;padding:16px}.party-page-codenames .cn-team-rail.red{border-color:#ff48486b;background:radial-gradient(220px 280px at 50% 100%,rgba(195,37,39,.28),transparent 68%),linear-gradient(180deg,#4c0d14d6,#120a10cc)}.party-page-codenames .cn-team-score{position:relative;min-height:128px;overflow:hidden}.party-page-codenames .cn-team-score.blue{border-color:#419dff80;background:radial-gradient(240px 240px at 74% 88%,rgba(31,112,219,.34),transparent 72%),linear-gradient(180deg,#082658d6,#07122adb)}.party-page-codenames .cn-team-score strong{font-size:22px}.party-page-codenames .cn-team-score em{font-size:clamp(42px,5vw,66px)}.party-page-codenames .cn-turn-card{min-height:88px;padding:16px 20px;display:grid;justify-items:center;text-align:center;gap:9px}.party-page-codenames .cn-inline-end-turn{min-height:38px;padding:7px 14px;border-color:#ffd67052;background:#ffd67017;color:#fff4df}@media(max-width:1180px){.codenames-layout-rich{grid-template-columns:1fr}.party-page-codenames .cn-team-rail{min-height:auto}}.party-page{background:var(--bg-page)}.party-page-codenames{background:radial-gradient(820px 520px at 85% 6%,rgba(79,208,224,.18),transparent 56%),radial-gradient(700px 500px at 10% 12%,rgba(70,200,255,.12),transparent 58%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.party-page-pantomime{background:radial-gradient(820px 520px at 85% 6%,rgba(255,111,174,.18),transparent 56%),radial-gradient(700px 500px at 10% 12%,rgba(124,131,255,.12),transparent 58%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.party-page button.primary{background:var(--accent-grad);color:var(--accent-ink)}.cn-mobile-bar,.cn-action-bar{display:none}@media(max-width:620px){.party-page-codenames.is-started{padding:0;min-height:100svh}.party-page-codenames.is-started .party-shell-wide{display:flex;flex-direction:column;height:100svh;overflow:hidden;gap:0;width:100%}.party-page-codenames.is-started .party-topbar-hero{flex:0 0 auto;min-height:0;border-radius:0;padding:6px 10px;align-items:center}.party-page-codenames.is-started .cn-title-row .party-kicker,.party-page-codenames.is-started .cn-title-row .party-muted,.party-page-codenames.is-started .cn-title-row .cn-ui-icon{display:none}.party-page-codenames.is-started .party-topbar-hero h1{font-size:15px;margin:0}.party-page-codenames.is-started .party-actions button{padding:6px 9px;font-size:11px}.party-page-codenames.is-started .codenames-layout-rich{flex:1;min-height:0;display:flex;flex-direction:column;direction:rtl;overflow:hidden;gap:6px;padding:0}.cn-mobile-bar{display:flex;flex-direction:column;gap:5px;position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-1);border-bottom:1px solid var(--border);padding:8px 10px}.cn-mb-scores{display:flex;align-items:center;justify-content:space-between;gap:8px}.cn-mb-pill{border-radius:var(--r-pill);padding:4px 12px;font-weight:800;font-size:13px}.cn-mb-pill.red{background:#e2504e38;color:#ffc7c7}.cn-mb-pill.blue{background:#4f8fe638;color:#c2dbff}.cn-mb-turn{border-radius:var(--r-pill);padding:5px 16px;font-weight:900;font-size:13px;color:#fff}.cn-mb-turn.red{background:linear-gradient(135deg,#e2504e,#a3302e)}.cn-mb-turn.blue{background:linear-gradient(135deg,#4f8fe6,#2b5fb0)}.cn-mb-clue{text-align:center;font-size:12px;color:var(--text-muted);font-weight:700;min-height:15px}.party-page-codenames.is-started .codenames-center{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px;display:block}.party-page-codenames.is-started .codenames-board{grid-template-columns:repeat(5,1fr);gap:5px}.party-page-codenames.is-started .cn-card{min-height:0;aspect-ratio:1 / 1;font-size:clamp(9px,2.6vw,13px);padding:4px}.party-page-codenames.is-started .cn-team-rail,.party-page-codenames.is-started .cn-turn-card,.party-page-codenames.is-started .cn-side{display:none}.cn-action-bar{display:flex;gap:8px;align-items:center;position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--surface-1);border-top:1px solid var(--border);padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px #0006}.cn-action-bar .cn-ab-input{flex:1;min-width:0;padding:12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit}.cn-action-bar select{min-height:46px;padding:0 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:800}.cn-action-bar button{min-height:46px;border-radius:var(--r-md);font-weight:800;padding:0 16px;cursor:pointer;border:1px solid var(--border);background:var(--chip);color:var(--text)}.cn-action-bar button.primary{background:var(--accent-grad);color:var(--accent-ink);border:none}.game-toast-live{top:calc(70px + env(safe-area-inset-top,0px))}}@media(max-width:620px){.party-page-codenames.is-started .party-topbar-hero{flex-wrap:wrap;gap:6px}.party-page-codenames.is-started .party-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center}.party-page-codenames.is-started .party-actions button{flex:0 0 auto;white-space:nowrap}.party-page-codenames.is-started .codenames-board{width:100%;max-width:none;margin:0}.cn-action-bar>button{flex:1}}@media(max-width:620px){.party-page-codenames.is-started .codenames-layout-rich{align-items:stretch}.party-page-codenames.is-started .codenames-center{width:100%;max-width:none;align-self:stretch;margin:0}.party-page-codenames.is-started .cn-mobile-bar,.party-page-codenames.is-started .cn-action-bar{align-self:stretch}.party-page-codenames.is-started .cn-title-row{display:none}.party-page-codenames.is-started .party-topbar-hero{justify-content:center;padding:6px 8px}.party-page-codenames.is-started .party-actions{flex-wrap:wrap;justify-content:center}.party-page-codenames.is-started .party-actions button{font-size:11px;padding:7px 11px}}@media(max-width:620px){.party-page-codenames.is-started .party-actions button{width:auto;flex:0 0 auto}}.six-page{min-height:100dvh;color:#fff8e8;background:radial-gradient(circle at 50% 12%,rgba(255,208,56,.22),transparent 28rem),radial-gradient(circle at 20% 20%,rgba(31,95,183,.34),transparent 24rem),linear-gradient(145deg,#071126,#0c1835 42%,#160612);font-family:inherit;overflow-x:hidden}.six-page button,.six-page select{font:inherit}.six-start,.six-game-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:18px 0 28px}.six-start-top,.six-game-top{display:grid;grid-template-columns:minmax(96px,auto) 1fr minmax(96px,auto);align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#040c1bd1;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff1f}.six-start-top div,.six-game-title{text-align:center}.six-start-top span,.six-game-title span{display:block;color:#fff5e2ad;font-size:.9rem;font-weight:800}.six-start-top h1,.six-game-title strong{margin:0;color:#ffd256;font-size:clamp(2.2rem,7vw,4.8rem);line-height:1;font-weight:1000;text-shadow:0 8px 22px rgba(255,180,20,.28)}.six-game-title strong{display:block;font-size:clamp(2rem,4vw,3.8rem)}.six-ghost,.six-primary{min-height:48px;border:0;border-radius:18px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;cursor:pointer;font-weight:1000;white-space:nowrap}.six-ghost{border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff1f,#ffffff0a);box-shadow:inset 0 1px #ffffff29}.six-primary{color:#321305;background:linear-gradient(180deg,#ffe48a,#ffb92e 42%,#e78114);box-shadow:0 14px 34px #ffa61f52,inset 0 2px #ffffff8c}.six-primary.small{min-height:44px;padding:0 16px}.six-primary:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.5)}.six-icon{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.six-poster-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;align-items:center;gap:clamp(18px,4vw,46px);margin-top:18px;padding:clamp(18px,4vw,36px);border-radius:34px;border:1px solid rgba(255,225,108,.28);background:radial-gradient(circle at 70% 42%,rgba(255,210,79,.32),transparent 24rem),linear-gradient(135deg,#f31f14d1,#950c14b8 44%,#071126f0);box-shadow:0 34px 110px #0000006b,inset 0 1px #ffffff38;overflow:hidden}.six-poster-card>img{width:min(100%,460px);aspect-ratio:1;object-fit:cover;border-radius:30px;box-shadow:0 28px 70px #02061285;justify-self:center;animation:six-float 4.8s ease-in-out infinite}.six-poster-copy{display:grid;gap:14px;align-content:center}.six-kicker,.six-rule-strip span{display:inline-flex;align-items:center;gap:8px;color:#ffe7a2;font-weight:1000}.six-poster-copy h2{margin:0;max-width:10ch;font-size:clamp(2.8rem,8vw,6rem);line-height:1.02;letter-spacing:0;color:#fff7dc}.six-poster-copy p{max-width:62ch;margin:0;color:#fff8e6d1;font-size:clamp(1rem,2vw,1.2rem);line-height:1.9;font-weight:800}.six-setup-panel{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.six-setting{min-height:112px;display:grid;align-content:center;gap:10px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#061125bd}.six-setting-wide,.six-names-setting{grid-column:span 2}.six-start-game-button{min-height:112px;grid-column:span 2;border-radius:22px;font-size:1.1rem}.six-setting label{color:#fff8e6b8;font-size:.9rem;font-weight:900}.six-stepper,.six-segments{display:flex;gap:8px;align-items:center}.six-stepper button,.six-segments button,.six-setting select{min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;font-weight:1000}.six-stepper button{width:44px;font-size:1.35rem}.six-stepper strong{min-width:48px;text-align:center;color:#ffd256;font-size:1.5rem}.six-segments button{flex:1}.six-segments button.active{border-color:#ffd356db;background:#ffbf3438;color:#ffe48a}.six-setting select{width:100%;padding:0 12px;background-color:#121a2c}.six-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.six-name-grid input{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;padding:0 12px;font-weight:900}.six-rule-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.six-rule-strip span{min-height:66px;justify-content:center;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.six-table{position:relative;margin-top:14px;min-height:calc(100dvh - 126px);padding:14px;border-radius:34px;border:1px solid rgba(255,214,91,.22);background:repeating-linear-gradient(90deg,#7c060f6b 0 28px,#b5121452 28px 48px),radial-gradient(circle at 50% 50%,rgba(255,198,37,.24),transparent 32rem),linear-gradient(160deg,#e619128c,#0a1227f5 32%,#040915fa);box-shadow:0 32px 110px #00000080,inset 0 2px #ffffff24;overflow:hidden}.six-table-glow{position:absolute;inset:12% 16%;border-radius:50%;background:radial-gradient(circle,rgba(255,219,90,.2),transparent 62%);filter:blur(18px);pointer-events:none}.six-scorebar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-bottom:10px}.six-score{position:relative;overflow:hidden;min-height:70px;display:grid;align-content:center;gap:2px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#081122c7}.six-score.mine{border-color:#ffd356bf;background:#142238e0}.six-score.active{border-color:#46dc7ac7;box-shadow:0 0 0 2px #46dc7a3d,inset 0 1px #ffffff1f}.six-score.selected{border-color:#46dc7a7a}.six-score.penalty-flash{animation:six-score-flash 1.35s ease both}.six-score-bump{position:absolute;inset-inline-end:10px;top:8px;min-width:42px;min-height:26px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#ffdb64,#f07b18);color:#351305;font-style:normal;font-weight:1000;box-shadow:0 10px 24px #ffa12057;animation:six-score-bump 1.35s cubic-bezier(.2,1.35,.28,1) both}.six-score span,.six-score small{color:#fff8e6a8;font-size:.8rem;font-weight:900}.six-score strong{color:#fff;font-size:1.45rem;line-height:1}.six-arena{position:relative;z-index:2;min-height:0;display:grid;gap:10px}.six-table-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr) minmax(210px,290px);grid-template-areas:"report board played";gap:12px;align-items:start}.six-arena{grid-area:board}.six-side-panel{display:grid;align-content:start;gap:12px;min-width:0;max-height:calc(100dvh - 210px);overflow:auto;padding:12px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#040a16c7;box-shadow:inset 0 1px #ffffff14,0 18px 46px #00000042}.six-report-panel{grid-area:report}.six-played-panel{grid-area:played;min-width:0;overflow-x:hidden;overscroll-behavior:contain}.six-side-panel>strong{display:flex;align-items:center;gap:8px;color:#ffe48a;font-weight:1000}.six-side-panel p{margin:0}.six-report-panel>div,.six-played-stack{display:grid;gap:8px;min-width:0;max-width:100%;overflow-x:hidden}.six-report-panel p,.six-side-empty{padding:10px;border-radius:14px;background:#ffffff0e;color:#fff8e6c2;font-size:.82rem;font-weight:900;line-height:1.7}.six-played-card{display:grid;grid-template-columns:28px minmax(42px,50px) minmax(0,1fr);align-items:center;gap:8px;min-width:0;max-width:100%;overflow:hidden;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0e;animation:six-queue-pop .42s ease both;animation-delay:calc(var(--motion-i, 1) * .14s)}.six-played-card.resolved{border-color:#ffd2563d;animation:six-queue-pop .42s ease both,six-played-to-board 1.25s cubic-bezier(.2,.72,.18,1) forwards;animation-delay:calc(var(--motion-i, 1) * .14s),calc(.72s + var(--motion-i, 1) * .9s)}.six-played-card.take,.six-played-card.low{border-color:#ff5e4061;background:linear-gradient(135deg,#ff583726,#ffffff0e)}.six-played-card>b{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#ffd25633;color:#ffe48a}.six-played-card .six-card{width:48px}.six-played-card strong{display:block;color:#fff;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.six-played-card p{color:#fff8e6ad;font-size:.76rem;font-weight:900;line-height:1.55;overflow-wrap:anywhere}.six-seat{width:100%;min-height:78px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:10px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:#060f21d1;box-shadow:0 20px 42px #00000052}.six-seat.mine{border-color:#ffd356b8}.six-seat.active{box-shadow:0 0 0 2px #46dc7a61,0 20px 42px #00000052}.six-seat.selected{border-color:#46dc7aad}.six-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:999px;border:3px solid rgba(255,211,86,.78);background:radial-gradient(circle at 50% 28%,#173a68,#081427)}.six-avatar .six-icon{width:34px;height:34px}.six-seat strong{display:block;color:#fff;font-size:1rem;line-height:1.25}.six-seat span{display:block;color:#fff8e6b3;font-size:.78rem;font-weight:900;margin-top:4px}.six-seat em{display:block;margin-top:4px;color:#fff8e694;font-size:.72rem;font-style:normal;font-weight:900;line-height:1.5}.six-center{width:100%;min-height:456px;padding:18px;display:grid;gap:12px;border-radius:30px;border:1px solid rgba(255,214,91,.28);background:#070f1fe0;box-shadow:inset 0 1px #ffffff1f,0 32px 80px #0000005c}.six-penalty-feed{min-height:38px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.six-penalty-feed span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,96,64,.34);background:#821b128f;color:#ffe1bc;font-weight:1000;animation:six-penalty-feed 1.6s ease both;animation-delay:calc(.9s + var(--motion-i, 1) * .9s)}.six-penalty-feed .six-icon{width:20px;height:20px}.six-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffe48a;font-weight:1000}.six-center-head span{display:inline-flex;align-items:center;gap:8px}.six-center-head strong{color:#fff8e6b8;font-size:.9rem}.six-rows{display:grid;gap:10px}.six-row{position:relative;overflow:hidden;width:100%;min-height:82px;display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:9px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e;color:#fff8e8}.six-row.taking-row{border-color:#ff644870;box-shadow:inset 0 0 42px #ff502c1a}.six-row.pickable{cursor:pointer;border-color:#ffd356c7;animation:six-row-pulse 1.15s ease-in-out infinite}.six-row.bot-thinking{border-color:#2ec6ff7a;box-shadow:inset 0 0 42px #2ec6ff1f,0 0 0 2px #2ec6ff14;animation:six-row-think 1.2s ease-in-out infinite}.six-row-meta{display:grid;gap:4px;text-align:center;color:#fff8e6b8;font-size:.82rem;font-weight:1000}.six-row-meta span{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#ffd256}.six-row-meta .six-icon{width:18px;height:18px}.six-row-cards{display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));align-items:center;gap:7px}.six-empty-slot{aspect-ratio:3 / 4.25;border-radius:10px;border:1px dashed rgba(255,255,255,.14);background:#ffffff09}.six-card{position:relative;aspect-ratio:3 / 4.25;width:clamp(54px,8vw,86px);padding:0;border:0;border-radius:11px;background:transparent;color:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease;flex:0 0 auto}.six-card.compact{width:min(100%,62px);cursor:default}.six-card img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 12px rgba(0,0,0,.32));pointer-events:none}.six-card span{position:absolute;inset-inline-start:6px;bottom:4px;color:#0000}.six-card:not(:disabled):hover,.six-card.selected{transform:translateY(-12px);filter:drop-shadow(0 0 16px rgba(255,211,86,.68))}.six-card.placed-motion{animation:six-place-pop 1.05s cubic-bezier(.16,1.2,.24,1) both;animation-delay:calc(.72s + var(--motion-i, 1) * .9s)}.six-row-sweep{position:absolute;z-index:4;inset-block:7px;inset-inline:96px 12px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:six-row-sweep 1.35s cubic-bezier(.18,.9,.28,1) both;animation-delay:calc(1s + var(--motion-i, 1) * .9s)}.six-row-sweep .six-card{width:54px;margin-inline-end:-28px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.42))}.six-row-sweep span{min-width:44px;min-height:34px;display:inline-grid;place-items:center;margin-inline-start:34px;border-radius:999px;background:linear-gradient(180deg,#ffdb64,#f07b18);color:#351305;font-weight:1000;box-shadow:0 10px 24px #ffa12057}.six-hand .six-card{width:min(100%,78px)}.six-card.selected{outline:3px solid #ffd256;outline-offset:3px}.six-card:disabled{cursor:default}.six-reveal-line{display:grid;gap:8px;padding:12px;border-radius:18px;background:#ffd25614;border:1px solid rgba(255,210,86,.18)}.six-reveal-line span{display:inline-flex;align-items:center;gap:8px;color:#ffe48a;font-weight:1000}.six-reveal-line div{display:flex;flex-wrap:wrap;gap:8px}.six-reveal-line b{border-radius:999px;padding:6px 10px;background:#ffffff14;color:#fff;font-size:.86rem}.six-turn-timeline{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e}.six-turn-timeline>span{display:inline-flex;align-items:center;gap:8px;color:#ffe48a;font-weight:1000}.six-turn-timeline>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.six-turn-timeline article{min-width:0;display:grid;grid-template-columns:28px 44px 1fr;grid-template-areas:"order card name" "order card text";gap:4px 8px;align-items:center;padding:8px;border-radius:14px;background:#040a1694}.six-turn-timeline article>b{grid-area:order;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#ffd25638;color:#ffe48a}.six-turn-timeline article .six-card{grid-area:card;width:42px}.six-turn-timeline article strong{grid-area:name;color:#fff;font-size:.86rem}.six-turn-timeline article p{grid-area:text;margin:0;color:#fff8e6b3;font-size:.78rem;font-weight:900;line-height:1.5}.six-hand-panel{position:relative;z-index:3;margin:10px auto 0;width:min(920px,100%);padding:14px;border-radius:24px;border:1px solid rgba(255,214,91,.24);background:#060f1feb;box-shadow:0 -16px 60px #00000052}.six-hand-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.six-hand-head strong{display:block;color:#ffd256;font-size:1.2rem}.six-hand-head span{color:#fff8e6b3;font-size:.9rem;font-weight:900}.six-hand{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(4px,.7vw,8px);padding:12px 4px 18px}.six-log{z-index:4;width:100%;max-height:none;display:grid;gap:8px;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#040a16db}.six-bottom-info{position:relative;z-index:3;margin-top:10px}.six-log>strong{display:flex;align-items:center;gap:8px;color:#ffe48a}.six-log>div{overflow:auto;max-height:132px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}.six-log p{margin:0;padding:8px 10px;border-radius:12px;background:#ffffff0e;color:#fff8e6d1;font-size:.82rem;font-weight:800;line-height:1.7}.six-modal{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:18px;background:#0206109e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.six-modal-card{position:relative;z-index:2;width:min(620px,100%);display:grid;justify-items:center;gap:12px;padding:clamp(24px,5vw,42px);text-align:center;border-radius:30px;border:1px solid rgba(255,214,91,.38);background:radial-gradient(circle at 50% 0%,rgba(255,211,86,.28),transparent 16rem),#091225f5;box-shadow:0 34px 100px #00000080;animation:six-pop .42s cubic-bezier(.2,1.35,.33,1) both}.six-modal-card .six-icon{width:74px;height:74px;animation:six-trophy 1.3s ease-in-out infinite}.six-modal-card h2{margin:0;color:#ffd256;font-size:clamp(2.2rem,7vw,4.4rem);line-height:1.1}.six-modal-card p{margin:0;color:#fff8e6c7;line-height:1.8;font-weight:900}.six-summary-table{width:min(500px,100%);display:grid;gap:7px;margin:4px 0 2px}.six-summary-table>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto 54px;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#ffffff0f;text-align:start}.six-summary-table>div.mine{border-color:#ffd3566b;background:linear-gradient(90deg,#ffd3561f,#ffffff0e)}.six-summary-table>div.winner{border-color:#4dde778a;background:linear-gradient(90deg,#4dde772e,#ffd35614)}.six-summary-table b{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#ffd3562e;color:#ffd256}.six-summary-table span{min-width:0;overflow:hidden;color:#fff;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.six-summary-table em{color:#fff8e6ad;font-style:normal;font-size:.78rem;font-weight:900;white-space:nowrap}.six-summary-table strong{color:#ffe48a;font-size:1.1rem;font-weight:1000;text-align:end}.six-confetti{position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,#ff4d37 0 5px,transparent 6px),radial-gradient(circle at 80% 28%,#ffd256 0 6px,transparent 7px),radial-gradient(circle at 66% 70%,#24c4ff 0 5px,transparent 6px),radial-gradient(circle at 35% 76%,#a868ff 0 5px,transparent 6px);background-size:120px 130px;animation:six-confetti 1.4s linear infinite;opacity:.78}@keyframes six-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes six-row-pulse{0%,to{box-shadow:0 0 #ffd35600}50%{box-shadow:0 0 0 4px #ffd3563d}}@keyframes six-row-think{0%,to{box-shadow:inset 0 0 42px #2ec6ff1a,0 0 0 2px #2ec6ff0f}50%{box-shadow:inset 0 0 56px #2ec6ff33,0 0 0 3px #2ec6ff29}}@keyframes six-pop{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes six-trophy{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes six-confetti{0%{background-position:0 -120px}to{background-position:80px 180px}}@keyframes six-queue-pop{0%{opacity:0;transform:translate(14px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes six-played-to-board{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}28%{opacity:1;transform:translate(-12px) translateY(-4px) scale(1.04);filter:drop-shadow(0 0 18px rgba(255,210,86,.52))}to{opacity:0;transform:translate(-82px) translateY(18px) scale(.7);filter:drop-shadow(0 0 0 rgba(255,210,86,0));visibility:hidden}}@keyframes six-place-pop{0%{opacity:0;transform:translate(54px) translateY(-16px) rotate(-5deg) scale(.74);filter:drop-shadow(0 0 0 rgba(255,210,86,0))}62%{opacity:1;transform:translate(0) translateY(-8px) rotate(1deg) scale(1.12);filter:drop-shadow(0 0 22px rgba(255,210,86,.78))}to{opacity:1;transform:translate(0) translateY(0) rotate(0) scale(1);filter:drop-shadow(0 10px 12px rgba(0,0,0,.32))}}@keyframes six-row-sweep{0%{opacity:0;transform:translate(18px) scale(.86)}22%{opacity:1;transform:translate(0) scale(1)}58%{opacity:1;transform:translate(-16px) scale(.92)}to{opacity:0;transform:translate(-140px) translateY(-18px) scale(.48)}}@keyframes six-score-flash{0%,to{box-shadow:0 0 #ff823600,inset 0 1px #ffffff1f}38%{box-shadow:0 0 0 3px #ff82363d,0 18px 42px #ff602638,inset 0 0 44px #ff82361f}}@keyframes six-score-bump{0%{opacity:0;transform:translateY(14px) scale(.72)}36%{opacity:1;transform:translateY(-6px) scale(1.12)}to{opacity:0;transform:translateY(-22px) scale(.92)}}@keyframes six-penalty-feed{0%{opacity:0;transform:translateY(10px) scale(.9)}26%,74%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.94)}}@media(max-width:900px){.six-start,.six-game-shell{width:min(100% - 16px,640px);padding-top:8px}.six-start-top,.six-game-top{grid-template-columns:1fr;border-radius:22px}.six-start-top .six-ghost,.six-game-top .six-ghost{width:100%}.six-poster-card{grid-template-columns:1fr;border-radius:26px}.six-poster-card>img{width:min(100%,330px)}.six-setup-panel,.six-rule-strip{grid-template-columns:1fr}.six-setting-wide,.six-names-setting{grid-column:auto}.six-start-game-button{grid-column:auto;min-height:58px}.six-name-grid{grid-template-columns:1fr}.six-table{min-height:auto;padding:10px;border-radius:24px}.six-scorebar{grid-template-columns:repeat(2,minmax(0,1fr))}.six-arena{min-height:auto;display:grid;gap:10px}.six-table-layout{grid-template-columns:1fr;grid-template-areas:"board" "played" "report"}.six-side-panel{max-height:none}.six-played-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.six-played-card{grid-template-columns:24px 42px 1fr}.six-played-card .six-card{width:42px}.six-side-players,.six-top-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.six-seat{width:auto;min-width:0;min-height:70px;grid-template-columns:48px 1fr;border-radius:20px}.six-avatar{width:48px;height:48px}.six-center{width:100%;min-height:0;padding:10px;border-radius:22px}.six-center-head{flex-direction:column;align-items:stretch}.six-row{min-height:74px;grid-template-columns:64px 1fr;padding:7px}.six-row-cards{gap:4px}.six-card.compact{width:min(100%,50px)}.six-card{width:clamp(52px,16vw,66px)}.six-hand-panel{position:relative;bottom:auto;margin-top:10px;border-radius:20px}.six-hand-head{align-items:stretch;flex-direction:column}.six-hand-head .six-primary{width:100%}.six-hand{grid-template-columns:repeat(5,minmax(0,1fr))}.six-log{width:100%;margin-top:10px;max-height:180px}.six-summary-table>div{grid-template-columns:28px minmax(0,1fr) 50px}.six-summary-table em{grid-column:2 / -1}}@media(max-width:430px){.six-scorebar,.six-side-players,.six-top-players{grid-template-columns:1fr 1fr}.six-played-stack{grid-template-columns:1fr}.six-seat{grid-template-columns:42px 1fr;padding:8px}.six-avatar{width:42px;height:42px}.six-avatar .six-icon{width:28px;height:28px}.six-seat strong{font-size:.9rem}.six-row{grid-template-columns:1fr}.six-row-meta{display:flex;justify-content:space-between;text-align:start}}:root{--accent: #5ce8b4;--accent-2: #46c8ff;--accent-3: #7c83ff;--accent-grad: linear-gradient(135deg, #5ce8b4, #46c8ff);--accent-grad-soft: linear-gradient(135deg, rgba(92,232,180,.18), rgba(70,200,255,.12));--accent-ink: #06231a;--accent-soft: #7fe9c6;--game-harmonies: #5ce8b4;--game-hokm: #7c83ff;--game-trio: #ffb04a;--game-pantomime: #ff6fae;--game-codenames: #4fd0e0;--bg: #0a0e1a;--bg-2: #080b14;--surface-1: #141a2e;--surface-2: #1a2440;--surface-3: #20294a;--chip: rgba(255,255,255,.05);--chip-strong: rgba(255,255,255,.09);--bg-page: radial-gradient(900px 420px at 82% -6%, rgba(90,120,255,.2), transparent 60%), radial-gradient(720px 400px at 6% 6%, rgba(92,232,180,.15), transparent 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);--text: #eef2fb;--text-strong: #ffffff;--text-muted: rgba(214,226,248,.62);--text-dim: rgba(214,226,248,.42);--text-on-accent: var(--accent-ink);--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--border-accent: rgba(92,232,180,.45);--success: #5ce8b4;--success-soft: rgba(92,232,180,.16);--warning: #ffb04a;--warning-soft: rgba(255,176,74,.16);--danger: #ff5d6c;--danger-soft: rgba(255,93,108,.16);--info: #46c8ff;--info-soft: rgba(70,200,255,.16);--gold: #ffd66b;--gold-soft: rgba(255,214,107,.14);--live: #5ce8b4;--font-fa: "Vazirmatn", IRANSans, Dana, Tahoma, "Segoe UI", Arial, sans-serif;--font-en: Inter, "Segoe UI", Roboto, Arial, sans-serif;--font: var(--font-fa);--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: clamp(28px, 5vw, 40px);--fs-hero: clamp(34px, 7vw, 64px);--fw-regular: 400;--fw-medium: 600;--fw-bold: 800;--fw-black: 900;--lh-tight: 1.15;--lh-normal: 1.6;--lh-relaxed: 1.85;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--r-pill: 999px;--sh-1: 0 6px 18px rgba(0,0,0,.28);--sh-2: 0 14px 40px rgba(0,0,0,.38);--sh-3: 0 22px 60px rgba(0,0,0,.5);--sh-card: 0 14px 40px rgba(0,0,0,.35);--glow-accent: 0 10px 26px rgba(70,200,255,.3);--glow-soft: 0 0 0 1px rgba(255,255,255,.04);--ease: cubic-bezier(.2, .9, .18, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .36s;--shell-max: 1120px;--header-h: 64px;--z-base: 1;--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-base: 0ms;--t-slow: 0ms}}@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn/Vazirmatn%5Bwght%5D.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}html,body{height:100%}body{margin:0;font-family:Vazirmatn,IRANSans,Dana,Tahoma,Segoe UI,Arial,sans-serif;background:radial-gradient(1000px 700px at 18% 18%,rgba(255,220,150,.06),transparent 62%),radial-gradient(900px 650px at 78% 22%,rgba(255,245,210,.05),transparent 62%),radial-gradient(1100px 800px at 52% 88%,rgba(120,70,30,.14),transparent 62%),repeating-linear-gradient(95deg,#ffffff05 0px 2px,#0000 4px 8px),url(/wood-walnut.png);background-size:auto,auto,auto,auto,cover;background-position:center,center,center,center,center;background-repeat:no-repeat,no-repeat,no-repeat,repeat,no-repeat;background-color:#1a0f0a;color:#ffffffeb}button,input,select,textarea{font:inherit}a{color:inherit}body{overflow-x:hidden}.animal-card-slot{overflow:visible;position:relative}.animal-card-slot .animal-zoom-target{position:relative;display:block;transform:scale(1);transition:none;transform-origin:center;z-index:1}.standard-board-frame{height:clamp(1180px,96vh,1600px)}.spirit-choice-card{position:relative;z-index:1;transform:scale(1);transition:transform .14s ease;transform-origin:center}.spirit-choice-card:hover{z-index:80;transform:translateY(-18%) scale(2)}.cursor-cube-orange,.cursor-cube-orange *{cursor:url(/cursors/cube_orange_cursor.png) 24 24,grab!important}.cursor-cube-white,.cursor-cube-white *{cursor:url(/cursors/cube_white_cursor.png) 24 24,grab!important}.pattern-token-pop{animation:pattern-token-pop .52s cubic-bezier(.2,.9,.18,1) both}.pattern-cube-bounce{animation:pattern-cube-bounce .95s cubic-bezier(.2,.9,.18,1) both}.active-card-rail{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.active-card-rail::-webkit-scrollbar{height:5px}.active-card-rail::-webkit-scrollbar-track{background:transparent}.active-card-rail::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}@keyframes pattern-token-pop{0%{opacity:0;filter:brightness(1.25) drop-shadow(0 18px 16px rgba(0,0,0,.26))}to{opacity:1}}@keyframes pattern-cube-bounce{0%{opacity:0;filter:brightness(1.45) drop-shadow(0 0 18px rgba(255,220,140,.55))}42%{opacity:1;filter:brightness(1.18) drop-shadow(0 0 14px rgba(255,220,140,.45))}to{opacity:1}}@media(max-width:700px){.standard-board-frame{height:auto;min-height:0}.spirit-choice-card:hover{transform:translateY(-12%) scale(1.72)}.setup-container{padding:14px!important}.setup-header{align-items:flex-start!important;flex-direction:column!important}.setup-actions{width:100%!important}.setup-actions button{width:100%!important;min-height:48px}.setup-grid,.setup-name-grid{grid-template-columns:1fr!important}.setup-card{border-radius:12px!important}}.cube-track-overlay{-ms-overflow-style:none}.cube-track-overlay::-webkit-scrollbar{display:none}@media(max-width:700px){html,body,#root{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.standard-board-frame{overflow:visible}.completed-cards-strip{max-height:92px}}@media(hover:none),(pointer:coarse){.animal-card-slot:hover .animal-zoom-target,.animal-card-slot:active .animal-zoom-target,.animal-card-slot:focus-within .animal-zoom-target{transform:scale(1)!important;z-index:1!important}.spirit-choice-card:hover,.spirit-choice-card:active,.spirit-choice-card:focus-within{transform:scale(1)!important;z-index:1!important}}@media(max-width:820px){.platform-page{padding:12px 10px 26px!important;min-height:100svh!important;overflow-x:hidden!important}.platform-shell{width:100%!important;max-width:100%!important;min-width:0!important}.platform-nav{align-items:flex-start!important;gap:10px!important;padding:8px 0 14px!important}.platform-nav>nav{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;gap:6px!important;scrollbar-width:none!important}.platform-nav>nav::-webkit-scrollbar{display:none!important}.platform-nav a,.platform-nav select{flex:0 0 auto!important;font-size:12px!important;padding:8px 9px!important}.platform-hero,.platform-game-detail-grid,.platform-two-col{grid-template-columns:1fr!important;gap:12px!important}.platform-headline{font-size:34px!important;line-height:1.12!important;letter-spacing:0!important;margin-top:14px!important}.platform-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.platform-actions button,.platform-actions a,.platform-card-actions button{width:100%!important;min-height:46px!important;text-align:center!important}.platform-stats,.platform-meta-grid{grid-template-columns:1fr!important}.platform-section,.platform-game-detail,.platform-account-card{padding:14px!important;border-radius:18px!important;margin-top:14px!important}.platform-game-grid,.platform-service-grid{grid-template-columns:1fr!important;gap:10px!important}.platform-game-card{padding:14px!important;border-radius:18px!important;transform:none!important}.platform-card-actions{display:grid!important;grid-template-columns:1fr!important}.platform-footer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}}@media(max-width:420px){.platform-headline{font-size:29px!important}.platform-page p{font-size:14px!important;line-height:1.8!important}.platform-page h2{font-size:22px!important}.platform-page h3{font-size:20px!important}}@media(hover:none),(pointer:coarse){button,[role=button],.standard-board-frame,.standard-board-frame *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button,[role=button]{touch-action:manipulation}button:hover,[role=button]:hover{transform:none!important}}:root{color-scheme:dark;font-family:Vazirmatn,IRANSans,Dana,Tahoma,Segoe UI,Arial,sans-serif}html,body{margin:0;background:#080d14;color:#ffffffeb}button,input,select{font:inherit}*{box-sizing:border-box}html[dir=rtl],html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:Vazirmatn,IRANSans,Dana,Tahoma,Segoe UI,Arial,sans-serif}html[dir=ltr],html[dir=ltr] body,html[dir=ltr] button,html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.platform-page{min-height:100vh;background:radial-gradient(920px 540px at 78% 10%,rgba(80,130,255,.14),transparent 60%),radial-gradient(760px 480px at 14% 16%,rgba(79,221,152,.14),transparent 58%),linear-gradient(180deg,#08111d,#070a10);color:#fffffff0;padding:22px 16px 30px}.platform-shell{width:min(1080px,100%);margin:0 auto}.platform-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 0 18px}.platform-brand{border:0;background:transparent;color:#fff;font-weight:950;font-size:25px;cursor:pointer;padding:0;letter-spacing:0}.platform-nav-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.platform-nav-links a,.platform-nav-links button,.platform-nav-links select{border:1px solid rgba(255,255,255,.12);background:#ffffff0e;color:#ffffffc7;text-decoration:none;border-radius:999px;padding:8px 11px;cursor:pointer}.platform-nav-links a:hover,.platform-nav-links button:hover{background:#ffffff1a;color:#fff}.platform-hero-v24{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:14px;align-items:stretch}.hero-card-v24,.game-detail-v24,.platform-section-v24,.account-compact-v24,.info-panel-v24{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff13,#ffffff09);border-radius:26px;box-shadow:0 22px 70px #00000038}.hero-card-v24{padding:30px}.platform-badge,.version-pill,.game-status{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(255,255,255,.14);background:#ffffff13;color:#ffffffbd;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.hero-card-v24 h1,.game-detail-v24 h1{font-size:clamp(38px,7vw,72px);line-height:1.04;margin:18px 0 0;letter-spacing:0}.hero-card-v24 p,.game-detail-v24 p,.platform-section-v24 p,.info-panel-v24 p,.mode-card-v24 p{color:#ffffffad;line-height:1.9;font-size:16px}.platform-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.platform-actions a,.platform-actions button,.account-actions button,.small-back{border:1px solid rgba(255,255,255,.13);background:#ffffff13;color:#ffffffeb;border-radius:14px;padding:11px 14px;cursor:pointer;text-decoration:none;font-weight:900}.platform-actions button:hover,.account-actions button:hover,.small-back:hover{transform:translateY(-1px);background:#ffffff1c}.platform-actions .primary,.account-actions .primary{background:linear-gradient(135deg,#70ebaaf5,#62cdffeb);color:#06110d;border-color:transparent}.account-compact-v24{display:grid;gap:8px;align-content:start;padding:18px}.account-compact-v24 span,.account-compact-v24 small{color:#ffffff9e}.account-compact-v24 strong{color:#fff;font-size:20px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.platform-section-v24{margin-top:16px;padding:18px}.section-title-row{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.section-title-row h2,.info-panel-v24 h2{margin:0;font-size:24px}.game-list-grid-v24{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:12px}.game-card-v24{border:1px solid rgba(255,255,255,.1);background:#0003;border-radius:20px;padding:10px;overflow:hidden;display:grid;gap:12px}.game-card-v24.active{background:linear-gradient(135deg,#50b47e26,#00000038)}.game-card-v24.soon{opacity:.78}.game-card-top,.game-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-card-media-v60{position:relative;min-height:220px;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#0000003d;border:1px solid rgba(255,255,255,.1)}.game-card-media-v60 img{width:100%;height:100%;display:block;object-fit:cover}.game-card-media-v60:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#0000008a);pointer-events:none}.game-emoji{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#ffffff14;font-size:27px}.game-card-media-v60 .game-emoji{position:absolute;z-index:2;inset-block-end:10px;inset-inline-start:10px;background:#060a10b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card-media-v60 .game-status{position:absolute;z-index:2;inset-block-start:10px;inset-inline-end:10px;background:#060a10ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card-v24 h3{font-size:26px;margin:0 6px}.game-card-v24 strong{color:#ffffffd6;margin-inline:6px}.game-card-v24 p{color:#ffffffa3;line-height:1.8;margin:0 6px}.game-meta-row{justify-content:flex-start;flex-wrap:wrap;color:#ffffff94;font-size:13px;margin-inline:6px}.game-status.active{background:#5ae19629}.game-status.soon{background:#8291ff26}.game-detail-v24{padding:20px}.game-detail-hero-v24{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px;align-items:start}.small-back{margin-bottom:16px}.game-mode-grid-v24{display:grid;gap:10px}.mode-card-v24{border:1px solid rgba(255,255,255,.1);background:#00000026;border-radius:18px;padding:14px}.mode-card-v24 span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#ffffff14;margin-bottom:8px}.mode-card-v24 strong{display:block;color:#fff}.info-strip-v24{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.info-panel-v24{padding:14px}.contact-panel{display:grid;gap:10px}.contact-panel a{color:#8ed6fff2;text-decoration:none}.platform-footer-clean{color:#ffffff6b;padding:18px 4px 0;font-size:13px}@media(max-width:860px){.platform-page{padding:12px 10px 24px!important}.platform-nav{align-items:flex-start;flex-direction:column;gap:10px}.platform-brand{font-size:23px}.platform-nav-links{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.platform-nav-links::-webkit-scrollbar{display:none}.platform-hero-v24,.game-detail-hero-v24,.game-list-grid-v24,.info-strip-v24{grid-template-columns:1fr}.hero-card-v24,.game-detail-v24,.account-compact-v24,.platform-section-v24,.info-panel-v24{border-radius:18px;padding:14px}.hero-card-v24 h1,.game-detail-v24 h1{font-size:34px;line-height:1.16;letter-spacing:0}.hero-card-v24 p,.game-detail-v24 p,.platform-section-v24 p,.info-panel-v24 p,.mode-card-v24 p{font-size:14px;line-height:1.85}.platform-actions,.card-actions,.account-actions{display:grid;grid-template-columns:1fr}.platform-actions a,.platform-actions button,.account-actions button{width:100%;min-height:46px;text-align:center}.section-title-row{display:grid;gap:8px}.game-card-v24 h3{font-size:23px}}.game-side-stack-v25{display:grid;gap:12px}.game-detail-cover-v60{min-height:180px;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.11);background:#0000002e;border-radius:20px;overflow:hidden}.game-detail-cover-v60 img{width:100%;height:100%;display:block;object-fit:cover}.game-identity-card-v25{border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,#28be871f,#ffffff0a);border-radius:20px;padding:14px}.game-identity-card-v25 strong{display:block;color:#fff;font-size:18px;margin-bottom:10px}.game-identity-card-v25 dl{margin:0;display:grid;gap:8px}.game-identity-card-v25 dl div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:baseline;padding:8px 9px;border-radius:13px;background:#00000026}.game-identity-card-v25 dt{color:#ffffff85;font-size:12px;font-weight:900}.game-identity-card-v25 dd{margin:0;color:#ffffffe0;line-height:1.6;font-weight:850}.tutorial-page{min-height:100vh;padding:18px 14px 32px;color:#fffffff0;background:radial-gradient(900px 560px at 72% 10%,rgba(70,210,145,.16),transparent 62%),radial-gradient(820px 520px at 12% 20%,rgba(110,165,255,.16),transparent 60%),linear-gradient(180deg,#08111d,#06090f)}.tutorial-shell{width:min(1160px,100%);margin:0 auto}.tutorial-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.tutorial-topbar button,.tutorial-actions-row button,.tutorial-guide-card button,.tutorial-turn-panel button{border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:#ffffffeb;border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:950}.tutorial-topbar span{color:#ffffff8c;font-size:12px;font-weight:900}.tutorial-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:14px;align-items:stretch;margin-bottom:14px}.tutorial-hero>div,.tutorial-guide-card,.tutorial-table,.tutorial-id-card{border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,#ffffff13,#ffffff09);border-radius:24px;box-shadow:0 24px 74px #0000003d}.tutorial-hero>div:first-child{padding:24px}.tutorial-kicker{display:inline-flex;width:fit-content;border:1px solid rgba(255,255,255,.14);background:#ffffff13;color:#ffffffbd;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}.tutorial-hero h1{margin:16px 0 0;font-size:clamp(34px,6vw,62px);line-height:1.08}.tutorial-hero p,.tutorial-guide-card p{color:#ffffffad;line-height:1.9;font-size:15px}.tutorial-id-card{padding:16px}.tutorial-id-card strong{display:block;font-size:18px;margin-bottom:10px}.tutorial-id-card dl{margin:0;display:grid;gap:8px}.tutorial-id-card dl div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px;border-radius:13px;background:#00000029}.tutorial-id-card dt{color:#ffffff8c;font-size:12px;font-weight:900}.tutorial-id-card dd{margin:0;color:#ffffffe0;font-weight:850;line-height:1.6}.tutorial-layout{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,1fr);gap:14px;align-items:start}.tutorial-guide-card{position:sticky;top:14px;padding:16px}.tutorial-guide-card small{color:#ffffff8a;font-weight:900}.tutorial-guide-card h2{margin:12px 0 0;font-size:24px}.tutorial-progress{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-bottom:12px}.tutorial-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ee6a8,#7dd3fc);transition:width .18s ease}.tutorial-primary{background:linear-gradient(135deg,#70ebaaf5,#62cdffeb)!important;color:#06110d!important;border-color:transparent!important}.tutorial-actions-row{display:flex;gap:8px;flex-wrap:wrap}.tutorial-hint{margin-top:12px;border:1px solid rgba(245,158,11,.28);background:#f59e0b21;color:#fff6dcf2;border-radius:13px;padding:10px;line-height:1.7;font-weight:850}.tutorial-table{padding:14px;display:grid;gap:12px}.tutorial-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tutorial-players>div,.tutorial-market-panel,.tutorial-board-panel,.tutorial-card-panel,.tutorial-turn-panel{border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:18px;padding:12px}.tutorial-players>div{display:grid;gap:4px}.tutorial-players>div.active{border-color:#5ee6a86b;box-shadow:0 0 0 3px #5ee6a81a}.tutorial-players small{color:#ffffff94}.tutorial-panel-title{color:#ffffffa3;font-size:13px;font-weight:950;margin-bottom:10px}.tutorial-token-set,.tutorial-animal-card,.tutorial-cube-button,.tutorial-turn-panel button{width:100%;border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:#ffffffeb;border-radius:15px;padding:10px;cursor:pointer;font-weight:950}.tutorial-token-set{display:flex;align-items:center;gap:8px;justify-content:center}.tutorial-token-set img,.tutorial-pending img{width:34px;height:34px;object-fit:contain}.tutorial-disabled-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.tutorial-disabled-row button{border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#ffffff73;border-radius:12px;padding:9px;cursor:not-allowed}.tutorial-mini-board{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:10px}.tutorial-hex{min-height:86px;border:1px solid rgba(255,255,255,.13);background:#ffffff0e;color:#ffffffbd;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);display:grid;place-items:center;position:relative;cursor:pointer;font-weight:950}.tutorial-hex img{width:48px;height:48px;object-fit:contain}.tutorial-hex b{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:#ffd28a;font-size:26px;text-shadow:0 2px 8px rgba(0,0,0,.55)}.tutorial-hex.filled{background:#50b47e29}.tutorial-pending{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;color:#ffffffa8}.tutorial-pending span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#ffffff12;padding:6px 9px;font-size:13px;font-weight:850}.tutorial-animal-card{display:grid;gap:7px;min-height:150px}.tutorial-animal-card .animal-icon{font-size:40px}.tutorial-animal-card small,.tutorial-animal-card em{color:#ffffff9e;font-style:normal}.tutorial-cube-button{margin-top:8px}.tutorial-turn-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tutorial-score{grid-column:1 / -1;border:1px solid rgba(94,230,168,.28);background:#5ee6a81f;border-radius:14px;padding:10px;display:grid;gap:4px}.tutorial-score span{color:#ffffffa8}.tutorial-page .target{border-color:#5ee6a8ad!important;box-shadow:0 0 0 4px #5ee6a824,0 0 32px #5ee6a82e;animation:tutorial-pulse 1.1s ease-in-out infinite}.tutorial-page button:disabled{opacity:.55;cursor:not-allowed}@keyframes tutorial-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:860px){.tutorial-page{padding:12px 10px 24px}.tutorial-hero,.tutorial-layout,.tutorial-players,.tutorial-turn-panel{grid-template-columns:1fr}.tutorial-hero>div:first-child,.tutorial-guide-card,.tutorial-table,.tutorial-id-card{border-radius:18px;padding:14px}.tutorial-guide-card{position:static}.tutorial-hero h1{font-size:32px}.tutorial-mini-board{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-topbar{align-items:stretch;flex-direction:column}.tutorial-topbar button{width:100%}.tutorial-actions-row{display:grid;grid-template-columns:1fr}.game-identity-card-v25 dl div,.tutorial-id-card dl div{grid-template-columns:1fr}}.game-ranking-card-v54{margin-top:18px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#080e1894;box-shadow:0 18px 50px #00000038}.game-ranking-head-v54{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.game-ranking-head-v54 h2{margin:0 0 6px;font-size:22px}.game-ranking-head-v54 p{margin:0;opacity:.76}.game-ranking-head-v54 button{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;color:#fff;background:#ffffff14;cursor:pointer;font-weight:900}.ranking-list-v54{display:grid;gap:9px}.ranking-row-v54{display:grid;grid-template-columns:auto 44px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.ranking-row-v54 b,.ranking-row-v54 span{display:block}.ranking-row-v54 span{font-size:12px;opacity:.74;margin-top:3px}.ranking-row-v54 em{font-style:normal;font-weight:950;color:#a7f3d0}.ranking-avatar-v54{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;object-fit:cover;font-size:22px;border:1px solid rgba(255,255,255,.14);overflow:hidden}.ranking-empty-v54{padding:16px;border-radius:16px;background:#0000002e;opacity:.8}@media(max-width:720px){.game-ranking-head-v54{flex-direction:column}.ranking-row-v54{grid-template-columns:auto 40px 1fr}.ranking-row-v54 em{grid-column:3}}.platform-page{min-height:100dvh;background:radial-gradient(900px 520px at 14% 9%,rgba(128,48,220,.18),transparent 58%),radial-gradient(840px 520px at 86% 12%,rgba(30,108,220,.18),transparent 62%),radial-gradient(760px 520px at 58% 36%,rgba(205,52,57,.1),transparent 62%),linear-gradient(180deg,#060a14,#081126 48%,#050914);padding:18px 18px 34px}.platform-shell{width:min(1520px,100%)}.platform-nav{position:sticky;top:0;z-index:8;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#060a14c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 52px #00000047}.platform-brand{font-family:Vazirmatn,IRANSans,Dana,Tahoma,Segoe UI,Arial,sans-serif;font-size:clamp(24px,2.3vw,36px);font-weight:950;color:#fff4df;text-shadow:0 12px 30px rgba(129,80,255,.28),0 0 24px rgba(184,70,255,.18);line-height:1}.platform-nav-links a,.platform-nav-links button,.platform-nav-links select,.platform-actions a,.platform-actions button,.account-actions button,.small-back{border-radius:14px;background:linear-gradient(180deg,#ffffff17,#ffffff09);border-color:#ffffff21;box-shadow:inset 0 1px #ffffff1a}.platform-actions .primary,.account-actions .primary{background:linear-gradient(135deg,#7c3cff,#b846ff);color:#fff;box-shadow:0 14px 34px #7c3cff47,inset 0 1px #fff3}.platform-hero-v24{grid-template-columns:minmax(0,1.5fr) minmax(300px,.56fr);gap:16px}.hero-card-v24,.game-detail-v24,.platform-section-v24,.account-compact-v24,.info-panel-v24{border-radius:22px;border-color:#ffffff1c;background:linear-gradient(135deg,#ffffff16,#ffffff07),#090e1cc7;box-shadow:0 28px 90px #00000057}.hero-card-v24{position:relative;overflow:hidden;min-height:390px;padding:clamp(24px,4vw,52px);display:grid;align-content:center}.hero-card-v24:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050912f0,#050912b8 46%,#05091229),url(/game_covers/harmonies-cover.png) center right / cover no-repeat;opacity:.92}.hero-card-v24>*{position:relative;z-index:1}.hero-card-v24 h1,.game-detail-v24 h1{color:#fff8ec;text-shadow:0 18px 42px rgba(0,0,0,.4)}.platform-badge,.version-pill,.game-status{border-radius:12px;background:#ffffff14;color:#d8c9b5}.platform-section-v24{margin-top:16px;padding:clamp(16px,2.2vw,28px)}.game-list-grid-v24{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card-v24{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff13,#ffffff06),#080d19d6;box-shadow:0 18px 52px #00000042;overflow:hidden}.game-card-v24.active:hover{border-color:#8b5cf68a;box-shadow:0 26px 70px #00000057,0 0 0 1px #8b5cf62e}.game-card-media-v60{border-radius:15px;overflow:hidden;aspect-ratio:16 / 10;background:#0b1220}.game-card-media-v60 img{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}.game-card-v24 h3{color:#fff4df}.game-card-v24 strong{color:#ffffffe6}.game-detail-hero-v24{align-items:stretch}.game-detail-cover-v60{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000052}.mode-card-v24,.game-identity-card-v25,.game-ranking-card-v54{border-radius:18px;background:linear-gradient(135deg,#ffffff13,#ffffff06),#070c17d1}@media(max-width:1180px){.game-list-grid-v24{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.platform-page{padding:10px 10px 86px}.platform-nav{border-radius:18px}.platform-hero-v24,.game-list-grid-v24{grid-template-columns:1fr}.hero-card-v24{min-height:470px}.hero-card-v24:before{background:linear-gradient(180deg,#0509124d,#050912d1 52%,#050912f5),url(/game_covers/harmonies-cover.png) center / cover no-repeat}}.winner-splash{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top,0px)) 14px max(18px,env(safe-area-inset-bottom,0px));overflow:hidden;background:radial-gradient(900px 560px at 50% 42%,rgba(252,211,77,.24),transparent 62%),linear-gradient(180deg,#02060ed1,#01050cf5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:winnerSplashFade .34s ease-out both}.winner-splash-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}.winner-splash-ring{position:absolute;left:50%;top:45%;width:min(72vw,620px);aspect-ratio:1;border:2px solid rgba(253,224,120,.34);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;animation:winnerRing 1.7s ease-out infinite}.winner-splash-ring.two{width:min(88vw,760px);animation-delay:.42s;border-color:#7dd3fc47}.winner-splash-orbit{position:absolute;left:50%;top:45%;width:min(58vw,470px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 16deg,rgba(252,211,77,.72) 16deg 20deg,transparent 20deg 88deg,rgba(125,211,252,.62) 88deg 92deg,transparent 92deg 360deg);filter:blur(.2px);opacity:.7;animation:winnerOrbit 6s linear infinite}.winner-splash-particle{position:absolute;left:var(--x);bottom:-24px;width:var(--size);height:calc(var(--size) * 1.65);border-radius:3px;background:hsl(var(--hue) 92% 62%);box-shadow:0 0 18px hsl(var(--hue) 92% 62% / .55);opacity:0;animation:winnerParticle 1.45s cubic-bezier(.22,.9,.22,1) infinite;animation-delay:var(--delay)}.winner-splash-card{position:relative;width:min(620px,100%);display:grid;justify-items:center;gap:14px;padding:clamp(22px,4vw,38px);border:1px solid rgba(253,224,120,.38);border-radius:28px;background:linear-gradient(135deg,#ffffff26,#ffffff0b),#091022e0;box-shadow:0 34px 110px #00000094,0 0 0 7px #fde07817,inset 0 1px #fff3;text-align:center;animation:winnerCardIn .62s cubic-bezier(.16,1,.3,1) both}.winner-splash-mark{position:relative;width:92px;height:72px;display:grid;place-items:end center;filter:drop-shadow(0 14px 28px rgba(252,211,77,.26));animation:winnerMarkFloat 1.8s ease-in-out infinite}.winner-splash-mark span{position:absolute;bottom:0;width:24px;height:62px;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#fff3b0,#e5a823);transform-origin:bottom center}.winner-splash-mark span:nth-child(1){transform:translate(-28px) rotate(-18deg);height:50px}.winner-splash-mark span:nth-child(2){height:68px}.winner-splash-mark span:nth-child(3){transform:translate(28px) rotate(18deg);height:50px}.winner-splash-kicker{display:inline-flex;border:1px solid rgba(253,224,120,.34);border-radius:999px;background:#fde0781f;color:#ffeeb0;padding:6px 12px;font-weight:950;font-size:12px}.winner-splash-card h2{margin:0;color:#fff6c7;font-size:clamp(42px,8vw,78px);line-height:1.08;text-shadow:0 18px 44px rgba(252,211,77,.25)}.winner-splash-card p{margin:0;max-width:480px;color:#ffffffc7;line-height:1.85;font-weight:850}.winner-splash-score{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:10px;border:1px solid rgba(125,211,252,.25);border-radius:18px;background:#7dd3fc17;padding:10px 14px}.winner-splash-score b{color:#fff3b0;font-size:40px;line-height:1}.winner-splash-score span{color:#ffffffb3;font-weight:900}.winner-splash-rank{width:min(440px,100%);display:grid;gap:7px}.winner-splash-rank div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0003;padding:9px 11px;color:#ffffffd1;font-weight:900}.winner-splash-rank div.winner{border-color:#fde0786b;background:#fde0781a}.winner-splash-rank i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #00000047}.winner-splash-rank span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-splash-rank b{color:#fff3b0}.winner-splash-actions{width:min(440px,100%);display:grid;grid-template-columns:1fr 1fr .72fr;gap:8px}.winner-splash-actions button{min-height:46px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff13;color:#ffffffeb;cursor:pointer;font-weight:950}.winner-splash-actions button.primary{border-color:transparent;background:linear-gradient(135deg,#f6c762,#ffeaa0);color:#1b1607;box-shadow:0 18px 42px #f6c76233}@keyframes winnerSplashFade{0%{opacity:0}to{opacity:1}}@keyframes winnerCardIn{0%{opacity:0;transform:translateY(34px) scale(.86)}70%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winnerRing{0%{opacity:.68;transform:translate(-50%,-50%) scale(.2)}72%{opacity:.16}to{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}@keyframes winnerOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes winnerParticle{0%{opacity:0;transform:translateY(0) rotate(0)}16%{opacity:1}to{opacity:0;transform:translateY(calc(var(--travel) * -1)) rotate(240deg)}}@keyframes winnerMarkFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.03)}}@media(max-width:620px){.winner-splash-card{border-radius:22px;padding:22px 14px;gap:12px}.winner-splash-mark{width:76px;height:58px}.winner-splash-mark span{width:20px;height:50px}.winner-splash-mark span:nth-child(1),.winner-splash-mark span:nth-child(3){height:40px}.winner-splash-card h2{font-size:clamp(34px,12vw,52px)}.winner-splash-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.winner-splash,.winner-splash-card,.winner-splash-ring,.winner-splash-orbit,.winner-splash-particle,.winner-splash-mark{animation:none!important}}.ds-shell{min-height:100vh;min-height:100svh;background:var(--bg-page);color:var(--text);font-family:var(--font)}.ds-container{width:min(var(--shell-max),100%);margin-inline:auto;padding-inline:var(--sp-4)}.ds-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-card)}.ds-card--flat{box-shadow:none}.ds-card--glass{background:var(--accent-grad-soft);border-color:var(--border-strong)}.ds-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1;border:1px solid var(--border-strong);background:var(--chip);color:var(--text);border-radius:var(--r-md);padding:12px 18px;min-height:44px;cursor:pointer;text-decoration:none;transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ds-btn:hover{background:var(--chip-strong);border-color:var(--border-strong)}.ds-btn:active{transform:scale(.97)}.ds-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #46c8ff73}.ds-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ds-btn--primary{background:var(--accent-grad);color:var(--accent-ink);border-color:transparent;box-shadow:var(--glow-accent)}.ds-btn--primary:hover{filter:brightness(1.05);background:var(--accent-grad)}.ds-btn--ghost{background:transparent}.ds-btn--ghost:hover{background:var(--chip)}.ds-btn--danger{background:var(--danger-soft);color:var(--danger);border-color:#ff5d6c59}.ds-btn--sm{min-height:36px;padding:8px 12px;font-size:var(--fs-xs);border-radius:var(--r-sm)}.ds-btn--lg{min-height:52px;padding:14px 24px;font-size:var(--fs-md);border-radius:var(--r-lg)}.ds-btn--block{width:100%}.ds-btn--icon{padding:0;width:44px;min-height:44px}.ds-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--r-sm);cursor:pointer;color:var(--accent-ink);background:var(--accent);box-shadow:var(--sh-1);transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.ds-iconbtn:hover{filter:brightness(1.08);transform:scale(1.05)}.ds-iconbtn:active{transform:scale(.95)}.ds-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:5px 10px;border-radius:var(--r-pill);background:var(--chip);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.ds-badge--accent{background:var(--accent-grad-soft);color:var(--accent-soft);border-color:var(--border-accent)}.ds-badge--success{background:var(--success-soft);color:var(--success);border-color:#5ce8b44d}.ds-badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#ffb04a4d}.ds-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#ff5d6c4d}.ds-badge--gold{background:var(--gold-soft);color:var(--gold);border-color:#ffd66b4d}.ds-badge--info{background:var(--info-soft);color:var(--info);border-color:#46c8ff4d}.ds-live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);flex:0 0 auto}.ds-stat{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px}.ds-stat b{display:block;color:var(--text-strong);font-size:var(--fs-xl);font-weight:var(--fw-black)}.ds-stat small{color:var(--text-muted);font-size:var(--fs-xs)}.ds-input,.ds-select,.ds-textarea{width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;min-height:44px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--text-dim)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #46c8ff2e}.ds-label{display:block;font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-2);font-weight:var(--fw-bold)}.ds-row{display:flex;align-items:center;gap:var(--sp-2)}.ds-row--wrap{flex-wrap:wrap}.ds-col{display:flex;flex-direction:column;gap:var(--sp-2)}.ds-spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.ds-muted{color:var(--text-muted)}.ds-dim{color:var(--text-dim)}.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ds-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.ds-section-head h2{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--text)}.ds-section-head .ds-section-sub{color:var(--text-muted);font-size:var(--fs-sm)}.ds-game-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-lg)}.ds-game-icon:before{content:"";position:absolute;inset:-8px;border-radius:var(--r-xl);filter:blur(14px);opacity:.5;background:var(--icon-glow, var(--accent));z-index:0}.ds-game-icon>svg{position:relative;z-index:1}.ds-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.26) transparent}.ds-scroll::-webkit-scrollbar{height:6px;width:6px}.ds-scroll::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:var(--r-pill)}.ds-scroll::-webkit-scrollbar-track{background:transparent}@media(hover:none),(pointer:coarse){.ds-btn:hover,.ds-game-icon:hover{transform:none}}