.unified-player-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#3b82f633;border:2px solid rgba(59,130,246,.3);color:#fff;font-weight:600;flex-shrink:0;overflow:hidden}.unified-player-avatar--xxs{width:16px;height:16px;font-size:8px}.unified-player-avatar--xs{width:20px;height:20px;font-size:10px}.unified-player-avatar--sm{width:24px;height:24px;font-size:12px}.unified-player-avatar--md{width:32px;height:32px;font-size:14px}.unified-player-avatar--lg{width:40px;height:40px;font-size:16px}.unified-player-avatar--cpu{background:#64748b33;border-color:#64748b66}.unified-player-avatar--host{background:#fbbf2433;border-color:#fbbf2466}.unified-player-avatar--me{background:#3b82f64d;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.unified-player-avatar--online{border-color:#22c55e}.unified-player-avatar--offline{border-color:#ef4444;opacity:.6}.unified-player-avatar--default{border-color:#64748b4d}.game-result-modal{--modal-content-gap: var(--space-lg);--modal-list-gap: var(--space-md);--modal-item-padding-block: var(--space-md);--modal-item-padding-inline: var(--space-lg);--hand-area-padding-block: clamp(2px, .35cqh, 5px);--hand-area-padding-inline: clamp(4px, .6cqw, 8px);--hand-area-row-gap: clamp(2px, .45cqh, 6px);--modal-heading-size: var(--font-size-lg);--modal-title-size: var(--font-size-xl);--modal-body-size: var(--font-size-base);--result-modal-points-rank-min-inline: 50px;--result-modal-points-rank-padding-block: var(--space-xs);--result-modal-points-rank-padding-inline: var(--space-sm)}.game-result-modal__wait-message{font-size:clamp(12px,1.5cqh,14px);color:var(--color-text-secondary, #94a3b8);margin:0;padding:clamp(8px,1cqh,12px) clamp(12px,1.5cqw,16px);text-align:center}.game-result-modal .modal__header{position:relative;padding:0 clamp(2.5rem,4cqw,3rem) 0 0;margin-bottom:0;justify-content:center}.game-result-modal .modal__header-left{gap:.75rem}.game-result-modal .modal__title{text-align:center;width:100%;padding-top:clamp(8px,1.2cqh,16px);padding-bottom:clamp(8px,1.2cqh,16px)}.game-result-modal .modal__close-btn{position:absolute;top:clamp(4px,.6cqh,8px);right:clamp(4px,.6cqw,8px)}.game-result-modal__content{display:flex;flex-direction:column;gap:calc(var(--modal-content-gap) * .6);padding:calc(var(--hand-area-padding-block) * .5) calc(var(--hand-area-padding-inline) * .6);max-height:min(82vh,calc(100vh - 80px));overflow-y:auto}@media (min-width: 1024px){.game-result-modal__content{gap:calc(var(--modal-content-gap) * .85);padding:calc(var(--hand-area-padding-block) * .75) calc(var(--hand-area-padding-inline) * .85);max-height:min(90vh,calc(100vh - 50px))}.game-result-modal__rankings{max-height:clamp(400px,70cqh,600px);gap:calc(var(--modal-list-gap) * 1)}.game-result-modal__rank-item{padding:calc(var(--modal-item-padding-block) * .85) calc(var(--modal-item-padding-inline) * .85);min-height:clamp(48px,7.5cqh,72px);gap:calc(var(--modal-list-gap) * .9)}.game-result-modal__rank-number,.game-result-modal__rank-title,.game-result-modal__player-name{font-size:calc(var(--modal-heading-size) * .9)}}@media (min-width: 1440px){.game-result-modal__content{gap:var(--modal-content-gap);padding:calc(var(--hand-area-padding-block) * .9) var(--hand-area-padding-inline);max-height:min(92vh,calc(100vh - 40px))}.game-result-modal__rankings{max-height:clamp(480px,75cqh,720px);gap:calc(var(--modal-list-gap) * 1.2)}.game-result-modal__rank-item{padding:var(--modal-item-padding-block) var(--modal-item-padding-inline);min-height:clamp(52px,8cqh,80px);gap:var(--modal-list-gap)}.game-result-modal__rank-number,.game-result-modal__rank-title,.game-result-modal__player-name{font-size:var(--modal-heading-size)}}.game-result-modal__header{text-align:center}.game-result-modal__title{font-size:var(--modal-title-size);font-weight:600;color:#fff;margin:0 0 var(--space-sm, clamp(6px, 1cqh, 10px)) 0}.game-result-modal__current-rank{font-size:var(--modal-body-size);color:#c4b5fd;margin:0;font-weight:500}.game-result-modal__rankings{display:flex;flex-direction:column;gap:clamp(3px,.6cqh,8px);max-height:clamp(280px,65cqh,420px);overflow-y:auto;overflow-x:hidden;background:#1e293b66;border-radius:clamp(8px,1.2cqh,12px);padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .6);padding-bottom:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .8);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-result-modal__rank-item{display:grid;grid-template-columns:minmax(50px,auto) 1fr minmax(65px,auto);align-items:center;gap:calc(var(--modal-list-gap) * .6);min-width:0;padding:clamp(2px,.4cqh,5px) calc(var(--modal-item-padding-inline) * .6);border-radius:clamp(5px,.8cqh,8px);background:#334155cc;border:clamp(1px,.2cqh,2px) solid rgba(59,130,246,.3);box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #0003,inset 0 clamp(1px,.15cqh,2px) 0 #ffffff0d;transition:none;min-height:clamp(36px,5.5cqh,52px);overflow:hidden;box-sizing:border-box}.game-result-modal__rank-item--current{border-color:#c4b5fd;background:#c4b5fd26;box-shadow:0 0 clamp(8px,1.6cqh,12px) #c4b5fd4d}.game-result-modal__rank-item--rank-1{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:#ffd70080}.game-result-modal__rank-item--rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border-color:#c0c0c080}.game-result-modal__rank-item--rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border-color:#cd7f3280}.game-result-modal__rank-number{font-size:clamp(18px,2.6cqh,34px);font-weight:700;line-height:1;color:#60a5fa;min-width:var(--result-modal-points-rank-min-inline, 50px);text-align:center;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);background:transparent;padding:calc(var( --result-modal-points-rank-padding-block, clamp(4px, .6cqh, 8px) ) * .6) calc(var( --result-modal-points-rank-padding-inline, clamp(4px, .6cqh, 8px) ) * .6);border-radius:clamp(4px,.6cqh,7px);border:none}.game-result-modal__rank-suffix{font-size:.45em;margin-left:.1em}.game-result-modal__rank-item--rank-1 .game-result-modal__rank-number{color:gold;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(255,215,0,.5)}.game-result-modal__rank-item--rank-2 .game-result-modal__rank-number{color:silver;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(192,192,192,.5)}.game-result-modal__rank-item--rank-3 .game-result-modal__rank-number{color:#cd7f32;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(205,127,50,.5)}.game-result-modal__player-block{display:flex;align-items:center;gap:clamp(6px,.9cqh,10px);min-width:0}.game-result-modal__player-info{display:flex;flex-direction:column;gap:clamp(2px,.3cqh,4px);min-width:0;overflow:hidden}.game-result-modal__rank-info{display:flex;align-items:center;gap:clamp(4px,.6cqh,8px)}.game-result-modal__rank-title{font-size:clamp(10px,1.2cqh,14px);font-weight:600;color:#fef3c7;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-result-modal__rank-points{font-size:clamp(9px,1.1cqh,13px);color:#60a5fa;font-weight:600;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-result-modal__player-name{font-size:clamp(12px,1.5cqh,17px);font-weight:600;line-height:1.2;color:#fff;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-result-modal__total-points{font-size:clamp(14px,2cqh,24px);font-weight:700;line-height:1;color:#60a5fa;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);letter-spacing:clamp(.1px,.08cqw,.5px);text-align:right;justify-self:end;padding-right:clamp(4px,.7cqh,8px);display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(2px,.3cqh,4px)}.game-result-modal__points-unit{font-size:.6em;vertical-align:baseline}.game-result-modal__cpu-indicator{font-size:.5em;font-weight:700;color:#94a3b8;background:#94a3b833;padding:clamp(2px,.3cqh,4px) clamp(4px,.6cqh,6px);border-radius:clamp(3px,.5cqh,5px);margin-right:clamp(4px,.6cqh,8px);vertical-align:baseline}.game-result-modal__you-badge{font-size:var(--font-size-sm);color:#c4b5fd;font-weight:400;padding:var(--space-2xs, clamp(2px, .3cqh, 4px)) var(--space-sm, clamp(6px, 1cqw, 10px));background:#c4b5fd33;border-radius:var(--radius-sm, clamp(3px, .5cqh, 6px))}.game-result-modal__match-progress{font-size:calc(var(--modal-body-size) * .9);color:#c4b5fd;font-weight:500;margin-left:.75em;white-space:nowrap}.game-result-modal__ready-status{text-align:center;padding:var(--space-md, clamp(8px, 1.4cqh, 12px));background:#22c55e1a;border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(34,197,94,.3);border-radius:var(--radius-md, clamp(6px, .9cqh, 10px))}.game-result-modal__ready-text{font-size:var(--modal-body-size);color:#22c55e;margin:0;font-weight:500}.game-result-modal__actions{display:flex;justify-content:center;padding-top:var(--space-sm, clamp(6px, 1cqh, 10px))}.game-result-modal__action-buttons{display:grid;grid-template-columns:1fr 2fr;gap:clamp(10px,1.4cqh,16px);width:100%;justify-content:center}.game-result-modal__next-game-button,.game-result-modal__leave-button{max-width:none;width:100%;padding:var(--hand-area-row-gap) calc(var(--hand-area-row-gap) * 2);font-size:var(--modal-heading-size);font-weight:600}.game-result-modal__close-button{min-width:clamp(160px,26cqw,220px);padding:var(--hand-area-row-gap) calc(var(--hand-area-row-gap) * 2);font-size:var(--modal-heading-size);font-weight:600}.game-result-modal__rankings::-webkit-scrollbar{width:var(--rules-scrollbar-width, clamp(6px, .8cqw, 10px))}.game-result-modal__rankings::-webkit-scrollbar-track{background:#3341554d;border-radius:var(--rules-scrollbar-radius, clamp(3px, .5cqh, 6px))}.game-result-modal__rankings::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:var(--rules-scrollbar-radius, clamp(3px, .5cqh, 6px))}.game-result-modal__rankings::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}@media (max-width: 1024px){.game-result-modal .modal__title{padding-top:clamp(6px,1cqh,12px);padding-bottom:clamp(6px,1cqh,12px);font-size:calc(var(--modal-title-size) * .9)}.game-result-modal__content{gap:calc(var(--modal-content-gap) * .5);padding:calc(var(--hand-area-padding-block) * .4) calc(var(--hand-area-padding-inline) * .5);max-height:min(85vh,calc(100vh - 60px))}.game-result-modal__rankings{gap:clamp(2px,.5cqh,6px);max-height:clamp(240px,60cqh,380px);padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .5)}.game-result-modal__rank-item{grid-template-columns:minmax(40px,auto) 1fr minmax(52px,auto);gap:calc(var(--modal-list-gap) * .5);padding:clamp(2px,.35cqh,4px) calc(var(--modal-item-padding-inline) * .5);min-height:clamp(32px,5cqh,48px)}.game-result-modal__player-block .unified-player-avatar{width:28px;height:28px;font-size:12px}.game-result-modal__player-info{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:clamp(4px,.6cqh,8px)}.game-result-modal__rank-info{flex-shrink:0}.game-result-modal__rank-number{font-size:clamp(14px,2.2cqh,28px)}.game-result-modal__rank-title{font-size:clamp(9px,1.1cqh,12px)}.game-result-modal__rank-points{font-size:clamp(8px,1cqh,11px)}.game-result-modal__player-name{font-size:clamp(10px,1.3cqh,14px)}.game-result-modal__total-points{font-size:clamp(11px,1.6cqh,20px)}.game-result-modal__match-progress{font-size:calc(var(--modal-body-size) * .9)}.game-result-modal__ready-status{padding:var(--space-sm, clamp(6px, 1cqh, 10px))}.game-result-modal__ready-text{font-size:calc(var(--modal-body-size) * .9)}.game-result-modal__wait-message{font-size:clamp(11px,1.4cqh,13px);padding:clamp(6px,1cqh,10px) clamp(10px,1.3cqw,14px)}.game-result-modal__actions{padding-top:var(--space-xs, clamp(4px, .8cqh, 8px))}.game-result-modal__action-buttons{gap:clamp(8px,1.2cqh,12px)}.game-result-modal__next-game-button,.game-result-modal__leave-button,.game-result-modal__close-button{font-size:calc(var(--modal-heading-size) * .85);padding:clamp(8px,1.2cqh,12px) clamp(12px,1.8cqh,16px)}}@media (max-width: 720px){.game-result-modal__content{gap:var(--space-sm, clamp(6px, 1cqh, 10px));padding:var(--space-sm, clamp(6px, 1cqh, 10px));max-height:min(80vh,calc(100vh - 50px))}.game-result-modal__rankings{max-height:min(55vh,calc(100vh - 140px));padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .45)}.game-result-modal__rank-item{grid-template-columns:minmax(36px,auto) 1fr minmax(48px,auto);gap:var(--space-xs, clamp(4px, .8cqh, 10px));padding:clamp(4px,.8cqh,8px) clamp(6px,1cqh,10px);min-height:clamp(30px,4.5cqh,44px)}.game-result-modal__player-block .unified-player-avatar{width:24px;height:24px;font-size:11px}.game-result-modal__player-info{flex-direction:row;align-items:center;flex-wrap:nowrap}.game-result-modal__rank-icon{font-size:calc(var(--modal-heading-size) * 1)}.game-result-modal__rank-number,.game-result-modal__rank-title,.game-result-modal__player-name{font-size:calc(var(--modal-heading-size) * .7)}.game-result-modal__action-buttons{grid-template-columns:1fr 2fr}.game-result-modal__next-game-button,.game-result-modal__leave-button,.game-result-modal__close-button{max-width:none;width:100%;font-size:calc(var(--modal-heading-size) * .85);padding:clamp(8px,1.2cqh,12px) clamp(14px,2.2cqh,18px)}}@media (max-height: 350px){.game-result-modal{margin:4px!important;max-height:calc(100vh - 8px)!important}.game-result-modal .modal__header{padding-top:4px;padding-bottom:0}.game-result-modal .modal__title{padding-top:4px;padding-bottom:4px;font-size:.9rem}.game-result-modal .modal__content{padding:0 6px 6px}.game-result-modal__content{max-height:min(calc(100vh - 70px),260px);padding:4px 6px;gap:4px}.game-result-modal__header{margin-bottom:2px}.game-result-modal__match-progress{font-size:.75rem}.game-result-modal__rankings{max-height:min(calc(100vh - 120px),140px);padding:4px 6px 6px;gap:2px}.game-result-modal__rank-item{padding:3px 6px;min-height:28px;gap:4px}.game-result-modal__rank-number{font-size:14px;min-width:28px}.game-result-modal__player-block .unified-player-avatar{width:20px;height:20px;font-size:9px}.game-result-modal__player-name{font-size:10px}.game-result-modal__rank-title,.game-result-modal__rank-points{font-size:9px}.game-result-modal__total-points{font-size:11px}.game-result-modal__actions{padding-top:4px}.game-result-modal__next-game-button,.game-result-modal__leave-button,.game-result-modal__close-button{padding:6px 10px;font-size:.8rem}}@media (max-height: 640px){.game-result-modal__content{max-height:min(90vh,calc(100vh - 15px));padding:clamp(4px,.6cqh,8px)}.game-result-modal__rankings{max-height:min(50vh,calc(100vh - 140px))}.game-result-modal__rank-icon{font-size:calc(var(--modal-heading-size) * .95)}.game-result-modal__rank-number,.game-result-modal__rank-title,.game-result-modal__player-name{font-size:calc(var(--modal-heading-size) * .7)}}@media (max-width: 480px){.game-result-modal__content{max-height:min(95vh,calc(100vh - 20px));padding:clamp(4px,.6cqh,8px);gap:var(--space-xs, clamp(4px, .8cqh, 8px))}.game-result-modal__rankings{max-height:min(60vh,calc(100vh - 130px));padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .4);gap:clamp(2px,.4cqh,5px)}.game-result-modal__rank-item{grid-template-columns:minmax(32px,auto) 1fr minmax(44px,auto);padding:clamp(4px,.7cqh,8px) clamp(5px,.9cqh,8px);min-height:auto;gap:var(--space-2xs, clamp(3px, .6cqh, 6px))}.game-result-modal__player-block .unified-player-avatar{width:22px;height:22px;font-size:10px}.game-result-modal__player-info{flex-direction:row;align-items:center;flex-wrap:nowrap}.game-result-modal__rank-number,.game-result-modal__rank-title,.game-result-modal__player-name{font-size:calc(var(--modal-heading-size) * .65)}.game-result-modal__total-points{font-size:clamp(10px,1.5cqh,18px)}.game-result-modal__rank-number{min-width:32px}}.game-match-result-modal{--result-modal-content-gap: var(--space-lg);--result-modal-content-padding: var(--space-md);--result-modal-title-size: var(--font-size-xl);--result-modal-winner-gap: var(--space-md);--result-modal-winner-padding-block: var(--space-md);--result-modal-winner-padding-inline: var(--space-xl);--result-modal-winner-name-size: var(--font-size-xl);--result-modal-points-padding-block: var(--space-md);--result-modal-points-padding-inline: var(--space-lg);--result-modal-points-gap: var(--space-md);--result-modal-points-rank-size: var(--font-size-lg);--result-modal-points-rank-min-inline: 50px;--result-modal-points-rank-padding-block: var(--space-xs);--result-modal-points-rank-padding-inline: var(--space-sm);--result-modal-points-name-size: var(--font-size-base);--result-modal-points-value-size: var(--font-size-lg);--result-modal-close-padding-block: var(--space-sm);--result-modal-close-padding-inline: var(--space-xl);--result-modal-close-font-size: var(--font-size-base);--result-modal-header-direction: row;--result-modal-header-align: center;--result-modal-game-result-padding: var(--space-lg);--result-modal-game-ranking-gap: var(--space-sm);--result-modal-game-ranking-flex-wrap: nowrap;--result-modal-game-ranking-padding-block: var(--space-sm);--result-modal-game-ranking-padding-inline: var(--space-md);--result-modal-time-info-padding: var(--space-md)}.game-match-result-modal__content{display:flex;flex-direction:column;gap:calc(var(--result-modal-content-gap) * .6);padding:calc(var(--result-modal-content-padding) * .5);max-height:min(75vh,calc(100vh - 100px));overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){.game-match-result-modal__content{gap:calc(var(--result-modal-content-gap) * .85);padding:calc(var(--result-modal-content-padding) * .75);max-height:min(90vh,calc(100vh - 50px))}.game-match-result-modal__title{font-size:clamp(18px,3.8cqh,44px)}.game-match-result-modal__header{padding-bottom:calc(var(--space-lg, clamp(10px, 1.6cqh, 18px)) * .9)}.game-match-result-modal__points-ranking{padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .9);gap:clamp(5px,.9cqh,11px)}.game-match-result-modal__points-item{padding:clamp(3px,.6cqh,7px) calc(var(--result-modal-points-padding-inline) * .85);min-height:clamp(36px,4.8cqh,64px);gap:calc(var(--result-modal-points-gap) * .9)}.game-match-result-modal__points-rank{font-size:clamp(22px,3.4cqh,44px)}.game-match-result-modal__points-name{font-size:clamp(13px,1.7cqh,19px)}.game-match-result-modal__points-value{font-size:clamp(15px,2.2cqh,26px);padding-right:clamp(6px,.9cqh,12px)}.game-match-result-modal__points-player{gap:clamp(8px,1.2cqh,13px)}}@media (min-width: 1440px){.game-match-result-modal__content{gap:var(--result-modal-content-gap);padding:var(--result-modal-content-padding);max-height:min(92vh,calc(100vh - 40px))}.game-match-result-modal__title{font-size:clamp(20px,4cqh,48px)}.game-match-result-modal__header{padding-bottom:var(--space-lg, clamp(10px, 1.6cqh, 18px))}.game-match-result-modal__points-ranking{padding:var(--space-lg, clamp(12px, 2cqh, 20px));gap:clamp(6px,1cqh,12px)}.game-match-result-modal__points-item{padding:clamp(4px,.6cqh,8px) var(--result-modal-points-padding-inline);min-height:clamp(40px,5.2cqh,72px);gap:var(--result-modal-points-gap)}.game-match-result-modal__points-rank{font-size:clamp(24px,3.6cqh,48px)}.game-match-result-modal__points-name{font-size:clamp(14px,1.8cqh,20px)}.game-match-result-modal__points-value{font-size:clamp(16px,2.4cqh,28px);padding-right:clamp(8px,1.2cqh,16px)}.game-match-result-modal__points-player{gap:clamp(10px,1.4cqh,14px)}}.game-match-result-modal__header{text-align:center;padding-bottom:calc(var(--space-lg, clamp(10px, 1.6cqh, 18px)) * .7)}.game-match-result-modal__header-row{display:flex;flex-direction:var(--result-modal-header-direction);justify-content:space-between;align-items:var(--result-modal-header-align);position:sticky;top:0;background:transparent;z-index:10;padding:var(--space-sm, clamp(6px, 1cqh, 10px)) 0}.game-match-result-modal__title{font-size:clamp(14px,2.6cqh,32px);font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:clamp(.1px,.08cqw,.5px);text-shadow:0 clamp(2px,.3cqh,4px) clamp(4px,.6cqh,8px) rgba(0,0,0,.3);flex:1;text-align:center}.game-match-result-modal__winner{display:inline-flex;align-items:center;justify-content:center;gap:var(--result-modal-winner-gap);padding:var(--result-modal-winner-padding-block) var(--result-modal-winner-padding-inline);background:linear-gradient(135deg,#ffd70040,#ffc10726);border:var(--border-thin, clamp(1px, .2cqh, 2px)) solid rgba(255,215,0,.6);border-radius:var(--radius-lg, clamp(8px, 1.2cqh, 12px));margin-top:var(--space-sm, clamp(6px, 1cqh, 10px));box-shadow:0 clamp(3px,.6cqh,6px) clamp(10px,1.6cqh,16px) #ffd70033,inset 0 clamp(1px,.2cqh,2px) 0 #ffffff1a;animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{box-shadow:0 clamp(3px,.6cqh,6px) clamp(10px,1.6cqh,16px) #ffd70033,inset 0 clamp(1px,.2cqh,2px) 0 #ffffff1a}50%{box-shadow:0 clamp(4px,.8cqh,8px) clamp(16px,2.4cqh,24px) #ffd70066,inset 0 clamp(1px,.2cqh,2px) 0 #ffffff1a}}.game-match-result-modal__winner-label{font-size:calc(16px * var(--ui-font-scale));color:#fff;font-weight:600;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-match-result-modal__winner-name{font-size:var(--result-modal-winner-name-size);color:gold;font-weight:700;text-shadow:0 clamp(2px,.3cqh,4px) clamp(4px,.6cqh,8px) rgba(0,0,0,.3);letter-spacing:clamp(.1px,.08cqw,.5px)}.game-match-result-modal__winner-points{font-size:var(--result-modal-points-name-size);color:gold;font-weight:600;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-match-result-modal__time-info{display:flex;flex-direction:column;gap:clamp(6px,1cqh,10px);padding:var(--result-modal-time-info-padding);background:#33415566;border-radius:clamp(6px,.9cqh,10px);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-match-result-modal__time-item{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2cqh,12px);font-size:calc(.9rem * var(--ui-font-scale))}.game-match-result-modal__time-value{color:#e2e8f0;font-weight:600}.game-match-result-modal__sections{display:flex;flex-direction:column;gap:calc(var(--result-modal-content-gap) * 1.6);padding-top:calc(var(--result-modal-content-gap) * .6);padding-bottom:calc(var(--result-modal-content-gap) * .6)}.game-match-result-modal__section{display:flex;flex-direction:column;gap:var(--result-modal-points-gap);background:transparent;border:none;box-shadow:none}.game-match-result-modal__section--supplementary{opacity:.85;margin-top:calc(var(--result-modal-content-gap) * .4)}.game-match-result-modal__section-title{font-size:var(--result-modal-points-name-size);font-weight:600;color:#fff;margin:0 0 var(--space-xs, clamp(4px, .8cqh, 8px)) 0}.game-match-result-modal__section-title--supplementary{font-size:calc(.9rem * var(--ui-font-scale));color:#94a3b8;font-weight:500;opacity:.8}.game-match-result-modal__points-ranking{display:flex;flex-direction:column;gap:clamp(3px,.6cqh,8px);background:#1e293b66;border-radius:clamp(8px,1.2cqh,12px);padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .6);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-match-result-modal__points-item{display:grid;grid-template-columns:minmax(45px,auto) 1fr minmax(65px,auto);align-items:center;gap:calc(var(--result-modal-points-gap) * .6);padding:clamp(2px,.4cqh,5px) calc(var(--result-modal-points-padding-inline) * .6);min-height:clamp(28px,3.5cqh,48px);border-radius:clamp(5px,.8cqh,8px);background:#334155cc;border:clamp(1px,.2cqh,2px) solid rgba(59,130,246,.3);box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #0003,inset 0 clamp(1px,.15cqh,2px) 0 #ffffff0d;transition:none;min-width:0}.game-match-result-modal__points-item--rank-1{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:#ffd70080}.game-match-result-modal__points-item--rank-1 .game-match-result-modal__points-rank{color:gold;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(255,215,0,.5)}.game-match-result-modal__points-item--rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a);border-color:#c0c0c080}.game-match-result-modal__points-item--rank-2 .game-match-result-modal__points-rank{color:silver;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(192,192,192,.5)}.game-match-result-modal__points-item--rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f321a);border-color:#cd7f3280}.game-match-result-modal__points-item--rank-3 .game-match-result-modal__points-rank{color:#cd7f32;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(205,127,50,.5)}.game-match-result-modal__points-rank{font-size:clamp(18px,2.6cqh,34px);font-weight:700;color:#60a5fa;min-width:var(--result-modal-points-rank-min-inline);text-align:center;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);background:transparent;padding:calc(var(--result-modal-points-rank-padding-block) * .6) calc(var(--result-modal-points-rank-padding-inline) * .6);border-radius:clamp(4px,.6cqh,7px);border:none}.game-match-result-modal__points-rank-suffix{font-size:.45em;margin-left:.1em}.game-match-result-modal__points-player{display:flex;align-items:center;gap:clamp(6px,.9cqh,10px);min-width:0}.game-match-result-modal__points-name{font-size:clamp(11px,1.3cqh,15px);font-weight:600;color:#fff;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-match-result-modal__points-value{font-size:clamp(12px,1.7cqh,20px);font-weight:700;color:#60a5fa;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);letter-spacing:clamp(.1px,.08cqw,.5px);text-align:right;justify-self:end;padding-right:clamp(4px,.7cqh,8px);display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(2px,.3cqh,4px)}.game-match-result-modal__points-unit{font-size:.6em;vertical-align:baseline}.game-match-result-modal__cpu-indicator{font-size:.5em;font-weight:700;color:#94a3b8;background:#94a3b833;padding:clamp(2px,.3cqh,4px) clamp(4px,.6cqh,6px);border-radius:clamp(3px,.5cqh,5px);margin-right:clamp(4px,.6cqh,8px);vertical-align:baseline}.game-match-result-modal__game-results{display:flex;flex-direction:column;gap:var(--result-modal-points-gap);max-height:clamp(260px,60cqh,450px);overflow-y:auto;overflow-x:hidden;padding-right:clamp(3px,.5cqw,6px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.game-match-result-modal__game-result{padding:var(--result-modal-game-result-padding);background:#1e293b66;border-radius:clamp(6px,.9cqh,10px);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.15);box-shadow:0 clamp(1px,.2cqh,3px) clamp(4px,.8cqh,8px) #0000001a;transition:all .2s ease}.game-match-result-modal__game-result:hover{background:#1e293b80;border-color:#3b82f640;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #00000026}.game-match-result-modal__game-result-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--result-modal-game-ranking-gap);padding:var(--result-modal-game-ranking-padding-block) var(--result-modal-game-ranking-padding-inline);background:none;border:none;border-bottom:clamp(1px,.2cqh,2px) solid rgba(59,130,246,.2);color:#e2e8f0;cursor:pointer;text-align:left;transition:background-color .2s ease;margin-bottom:0}.game-match-result-modal__game-header-content{display:flex;flex-direction:column;gap:clamp(4px,.6cqh,6px);flex:1}.game-match-result-modal__game-result-header:hover{background-color:#3b82f614}.game-match-result-modal__expand-icon{color:#64748b;font-size:calc(.7rem * var(--ui-font-scale));margin-left:auto;transition:transform .2s ease;opacity:.7}.game-match-result-modal__game-number{font-size:calc(16px * var(--ui-font-scale));font-weight:600;color:#94a3b8;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);letter-spacing:clamp(.05px,.05cqw,.3px)}.game-match-result-modal__game-time-range,.game-match-result-modal__game-date{font-size:calc(12px * var(--ui-font-scale));color:#64748b;font-weight:400;opacity:.9}.game-match-result-modal__game-rankings{display:flex;flex-direction:column;gap:var(--result-modal-game-ranking-gap);padding:var(--result-modal-game-ranking-padding-block) var(--result-modal-game-ranking-padding-inline);background:#0f172a33;border-top:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.08)}.game-match-result-modal__game-ranking{display:flex;align-items:center;flex-wrap:var(--result-modal-game-ranking-flex-wrap);gap:var(--result-modal-game-ranking-gap);padding:var(--result-modal-game-ranking-padding-block) var(--result-modal-game-ranking-padding-inline);background:#33415559;border-radius:clamp(5px,.8cqh,8px);font-size:calc(14px * var(--ui-font-scale));border:clamp(1px,.15cqh,2px) solid transparent;transition:all .2s ease}.game-match-result-modal__game-ranking:hover{background:#33415580;border-color:#3b82f626}.game-match-result-modal__game-ranking--current{background:#c4b5fd33;border:clamp(1px,.15cqh,2px) solid rgba(196,181,253,.4);box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,.9cqh,10px) #c4b5fd33}.game-match-result-modal__game-rank{font-weight:600;color:#94a3b8;min-width:clamp(36px,6cqw,50px);text-align:center;font-size:calc(14px * var(--ui-font-scale));text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-match-result-modal__game-player-name{flex:1;color:#cbd5e1;font-weight:500;text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2);font-size:calc(14px * var(--ui-font-scale))}.game-match-result-modal__game-rank-name{color:#64748b;min-width:clamp(60px,10cqw,90px);text-align:center;font-weight:400;font-size:calc(13px * var(--ui-font-scale))}.game-match-result-modal__game-points{font-weight:600;color:#a78bfa;min-width:clamp(44px,8cqw,70px);text-align:right;font-size:calc(14px * var(--ui-font-scale));text-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) rgba(0,0,0,.2)}.game-match-result-modal__close-button{min-width:clamp(140px,20cqw,200px);padding:var(--result-modal-close-padding-block) calc(var(--result-modal-close-padding-inline) * 1.1);font-size:var(--result-modal-close-font-size);font-weight:600;letter-spacing:clamp(.1px,.08cqw,.5px);box-shadow:0 clamp(3px,.5cqh,6px) clamp(10px,1.6cqh,16px) #0003;transition:all .3s ease;white-space:nowrap}.game-match-result-modal__actions{display:flex;justify-content:center;padding-top:var(--space-sm, clamp(6px, 1cqh, 10px))}.game-match-result-modal__close-button:hover{transform:translateY(clamp(-2px,-.3cqh,-4px));box-shadow:0 clamp(4px,.7cqh,8px) clamp(12px,2cqh,20px) #0000004d}.game-match-result-modal__content::-webkit-scrollbar,.game-match-result-modal__game-results::-webkit-scrollbar{width:clamp(6px,.9cqw,10px)}.game-match-result-modal__content::-webkit-scrollbar-track,.game-match-result-modal__game-results::-webkit-scrollbar-track{background:#33415566;border-radius:clamp(3px,.5cqh,6px)}.game-match-result-modal__content::-webkit-scrollbar-thumb,.game-match-result-modal__game-results::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:clamp(3px,.5cqh,6px);border:clamp(1px,.2cqh,2px) solid rgba(51,65,85,.4)}.game-match-result-modal__content::-webkit-scrollbar-thumb:hover,.game-match-result-modal__game-results::-webkit-scrollbar-thumb:hover{background:#94a3b8cc}.game-match-result-modal__error{padding:clamp(16px,2.6cqh,32px);text-align:center;color:#e2e8f0}.game-match-result-modal__error p{margin:clamp(6px,1cqh,10px) 0;font-size:calc(.95rem * var(--ui-font-scale))}@media (max-width: 1024px){.game-match-result-modal__content{gap:calc(var(--result-modal-content-gap) * .5);padding:calc(var(--result-modal-content-padding) * .45);max-height:min(82vh,calc(100vh - 70px))}.game-match-result-modal__title{font-size:clamp(13px,2.4cqh,28px)}.game-match-result-modal__header{padding-bottom:calc(var(--space-lg, clamp(10px, 1.6cqh, 18px)) * .6)}.game-match-result-modal__header-row{padding:var(--space-xs, clamp(4px, .8cqh, 8px)) 0}.game-match-result-modal__sections{gap:calc(var(--result-modal-content-gap) * 1.2);padding-top:calc(var(--result-modal-content-gap) * .5);padding-bottom:calc(var(--result-modal-content-gap) * .5)}.game-match-result-modal__points-ranking{padding:calc(var(--space-lg, clamp(12px, 2cqh, 20px)) * .5);gap:clamp(2px,.5cqh,6px)}.game-match-result-modal__points-item{grid-template-columns:minmax(38px,auto) 1fr minmax(52px,auto);padding:clamp(2px,.35cqh,5px) calc(var(--result-modal-points-padding-inline) * .5);min-height:clamp(26px,3.2cqh,44px);gap:calc(var(--result-modal-points-gap) * .5)}.game-match-result-modal__points-rank{font-size:clamp(16px,2.4cqh,30px)}.game-match-result-modal__points-name{font-size:clamp(10px,1.2cqh,14px)}.game-match-result-modal__points-value{font-size:clamp(11px,1.6cqh,18px);padding-right:clamp(4px,.6cqh,8px)}.game-match-result-modal__points-player{gap:clamp(5px,.8cqh,10px)}.game-match-result-modal__winner{padding:calc(var(--result-modal-winner-padding-block) * .8) calc(var(--result-modal-winner-padding-inline) * .8)}.game-match-result-modal__winner-label{font-size:calc(14px * var(--ui-font-scale))}.game-match-result-modal__winner-name{font-size:calc(var(--result-modal-winner-name-size) * .9)}.game-match-result-modal__time-info{padding:calc(var(--result-modal-time-info-padding) * .8)}.game-match-result-modal__game-results{max-height:clamp(220px,55cqh,380px)}.game-match-result-modal__game-result{padding:calc(var(--result-modal-game-result-padding) * .7)}.game-match-result-modal__game-result-header,.game-match-result-modal__game-rankings{padding:calc(var(--result-modal-game-ranking-padding-block) * .8) calc(var(--result-modal-game-ranking-padding-inline) * .8)}.game-match-result-modal__game-number{font-size:calc(14px * var(--ui-font-scale))}.game-match-result-modal__game-time-range,.game-match-result-modal__game-date{font-size:calc(11px * var(--ui-font-scale))}.game-match-result-modal__game-ranking{padding:calc(var(--result-modal-game-ranking-padding-block) * .7) calc(var(--result-modal-game-ranking-padding-inline) * .7);font-size:calc(13px * var(--ui-font-scale))}.game-match-result-modal__game-rank,.game-match-result-modal__game-player-name,.game-match-result-modal__game-points{font-size:calc(13px * var(--ui-font-scale))}.game-match-result-modal__game-rank-name{font-size:calc(12px * var(--ui-font-scale))}.game-match-result-modal__section-title{font-size:calc(var(--result-modal-points-name-size) * .9)}.game-match-result-modal__close-button{font-size:calc(var(--result-modal-close-font-size) * .9);padding:calc(var(--result-modal-close-padding-block) * .9) calc(var(--result-modal-close-padding-inline) * .9)}.game-match-result-modal__actions{padding-top:var(--space-xs, clamp(4px, .8cqh, 8px))}}@media (max-width: 720px){.game-match-result-modal__content{padding:var(--space-sm, clamp(6px, 1cqh, 10px));max-height:min(80vh,calc(100vh - 50px))}.game-match-result-modal__title{font-size:clamp(14px,2.8cqh,30px)}.game-match-result-modal__header-row{flex-direction:column;gap:var(--space-sm, clamp(6px, 1cqh, 10px));align-items:center;margin-top:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.game-match-result-modal__close-button{margin-left:0;width:100%;font-size:clamp(14px,2cqh,18px);padding:clamp(10px,1.4cqh,14px) clamp(16px,2.4cqh,20px)}.game-match-result-modal__winner{flex-direction:column;gap:var(--space-xs, clamp(4px, .8cqh, 8px));text-align:center}.game-match-result-modal__time-item{flex-direction:column;gap:var(--space-2xs, clamp(3px, .6cqh, 6px))}.game-match-result-modal__points-ranking{padding:clamp(8px,1.2cqh,14px);gap:clamp(4px,.8cqh,10px)}.game-match-result-modal__points-item{grid-template-columns:minmax(34px,auto) 1fr minmax(48px,auto);gap:var(--space-xs, clamp(4px, .8cqh, 10px));padding:clamp(5px,.8cqh,8px) clamp(6px,1cqh,10px);min-height:clamp(28px,3.6cqh,48px)}.game-match-result-modal__points-rank{font-size:clamp(16px,2.4cqh,32px)}.game-match-result-modal__points-name{font-size:clamp(10px,1.3cqh,15px)}.game-match-result-modal__points-value{font-size:clamp(12px,1.6cqh,20px);padding-right:clamp(4px,.8cqh,10px)}.game-match-result-modal__game-results{max-height:min(50vh,calc(100vh - 300px))}.game-match-result-modal__game-result-header{flex-direction:column;align-items:flex-start}.game-match-result-modal__game-ranking{flex-wrap:wrap}.game-match-result-modal__game-rank-name,.game-match-result-modal__game-points{min-width:auto}}@media (max-height: 350px){.game-match-result-modal{margin:4px!important;max-height:calc(100vh - 8px)!important}.game-match-result-modal__content{max-height:min(calc(100vh - 70px),260px);padding:4px 6px;gap:4px}.game-match-result-modal__title{font-size:.9rem}.game-match-result-modal__header{padding-bottom:4px}.game-match-result-modal__points-item{padding:3px 6px;min-height:26px;gap:3px}.game-match-result-modal__points-rank{font-size:14px;min-width:28px}.game-match-result-modal__points-name{font-size:10px}.game-match-result-modal__points-value{font-size:11px}.game-match-result-modal__close-button{padding:6px 10px;font-size:.8rem}.game-match-result-modal__actions{padding-top:4px}}@media (max-height: 640px){.game-match-result-modal__content{max-height:min(90vh,calc(100vh - 15px));padding:clamp(4px,.6cqh,8px)}.game-match-result-modal__title{font-size:clamp(12px,2.4cqh,26px)}.game-match-result-modal__points-rank{font-size:clamp(14px,2.2cqh,28px)}.game-match-result-modal__points-name{font-size:clamp(9px,1.2cqh,13px)}.game-match-result-modal__points-value{font-size:clamp(10px,1.4cqh,18px)}.game-match-result-modal__points-item{min-height:clamp(26px,3.2cqh,46px);padding:clamp(3px,.5cqh,6px) clamp(5px,.8cqh,8px)}.game-match-result-modal__game-results{max-height:min(45vh,calc(100vh - 280px))}}@media (max-width: 480px){.game-match-result-modal__content{max-height:min(95vh,calc(100vh - 20px));padding:clamp(4px,.6cqh,8px);gap:calc(var(--result-modal-content-gap) * .4)}.game-match-result-modal__title{font-size:clamp(12px,2.2cqh,24px)}.game-match-result-modal__points-ranking{padding:clamp(6px,1cqh,12px);gap:clamp(2px,.5cqh,6px)}.game-match-result-modal__points-item{grid-template-columns:minmax(30px,auto) 1fr minmax(44px,auto);padding:clamp(3px,.5cqh,6px) clamp(5px,.9cqh,8px);min-height:clamp(28px,3.6cqh,48px);gap:var(--space-2xs, clamp(3px, .6cqh, 6px))}.game-match-result-modal__points-rank{min-width:30px;font-size:clamp(14px,2.2cqh,28px)}.game-match-result-modal__points-name{font-size:clamp(9px,1.2cqh,13px)}.game-match-result-modal__points-value{font-size:clamp(10px,1.5cqh,16px)}.game-match-result-modal__game-results{max-height:min(45vh,calc(100vh - 260px))}}.game-match-progress{padding:var(--match-progress-padding);background-color:var(--match-progress-panel-bg);border-radius:var(--match-progress-radius);border:clamp(1px,.15cqh,2px) solid var(--match-progress-border-color)}.game-match-progress__header{display:flex;flex-direction:column;gap:var(--match-progress-header-gap);margin-bottom:var(--match-progress-header-margin-bottom);padding-bottom:var(--match-progress-header-padding-bottom);border-bottom:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-match-progress__header-top{display:flex;justify-content:space-between;align-items:center}.game-match-progress__header h3{margin:0;color:#fff;font-size:var(--match-progress-title-size);font-weight:600}.game-match-progress__game-count{color:#94a3b8;font-size:var(--match-progress-subtitle-size);font-weight:500}.game-match-progress__start-time{color:#64748b;font-size:var(--match-progress-meta-size);font-weight:400}.game-match-progress__content{display:flex;flex-direction:column;gap:var(--match-progress-content-gap)}.game-match-progress__points h4{margin:0 0 var(--match-progress-section-title-margin-end) 0;color:#e2e8f0;font-size:var(--match-progress-section-title-size);font-weight:600}.game-match-progress__points-list{display:flex;flex-direction:column;gap:var(--match-progress-list-gap)}.game-match-progress__points-item{display:flex;align-items:center;flex-wrap:var(--match-progress-points-item-flex-wrap);gap:var(--match-progress-card-gap);padding:var(--match-progress-card-padding);background-color:#0f172a80;border-radius:var(--match-progress-card-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);transition:all .2s ease}.game-match-progress__points-item:hover{background-color:#0f172ab3;border-color:#3b82f64d}.game-match-progress__points-item--current{background-color:#3b82f626;border-color:#3b82f666;box-shadow:0 0 clamp(6px,1cqh,10px) #3b82f633}.game-match-progress__points-rank{min-width:var(--match-progress-rank-min-inline);color:#fbbf24;font-weight:600;font-size:var(--match-progress-subtitle-size);display:flex;align-items:center;gap:var(--space-2xs)}.game-match-progress__rank-change{font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);display:inline-flex;align-items:center;gap:calc(var(--space-2xs) / 2)}.game-match-progress__rank-change--up{color:#10b981;background-color:#10b9811a}.game-match-progress__rank-change--down{color:#ef4444;background-color:#ef44441a}.game-match-progress__rank-change--same{color:#94a3b8;background-color:#94a3b81a}.game-match-progress__points-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2xs)}.game-match-progress__points-name{color:#e2e8f0;font-size:var(--match-progress-subtitle-size);display:flex;align-items:center;gap:var(--space-xs)}.game-match-progress__you-badge{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__points-value{color:#94a3b8;font-size:var(--match-progress-meta-size);font-weight:500}.game-match-progress__point-changes{display:flex;flex-wrap:wrap;gap:var(--match-progress-point-change-gap);margin-top:var(--match-progress-point-change-gap)}.game-match-progress__point-change{font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-point-change-padding-block) var(--match-progress-point-change-padding-inline);border-radius:var(--match-progress-tag-radius);display:inline-block}.game-match-progress__point-change--positive{color:#10b981;background-color:#10b9811a}.game-match-progress__point-change--negative{color:#ef4444;background-color:#ef44441a}.game-match-progress__point-change--zero{color:#94a3b8;background-color:#94a3b81a}.game-match-progress__points-previous-rank{color:#64748b;font-size:var(--match-progress-caption-size);margin-left:var(--match-progress-previous-rank-margin-left);margin-top:var(--match-progress-previous-rank-margin-top);width:var(--match-progress-previous-rank-width)}.game-match-progress__game-results{margin-top:var(--match-progress-results-margin-top)}.game-match-progress__game-results h4{margin:0 0 var(--match-progress-section-title-margin-end) 0;color:#e2e8f0;font-size:var(--match-progress-section-title-size);font-weight:600}.game-match-progress__game-results-list{display:flex;flex-direction:column;gap:var(--match-progress-result-gap)}.game-match-progress__game-result{background-color:#0f172a80;border-radius:var(--match-progress-card-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);overflow:hidden;transition:all .2s ease}.game-match-progress__game-result--current{border-color:#3b82f666;box-shadow:0 0 clamp(6px,1cqh,10px) #3b82f633}.game-match-progress__game-result-header{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:var(--match-progress-game-result-header-flex-wrap);gap:var(--match-progress-result-header-gap);padding:var(--match-progress-card-padding);background:none;border:none;color:#e2e8f0;cursor:pointer;text-align:left;transition:background-color .2s ease}.game-match-progress__game-result-header:hover{background-color:#3b82f61a}.game-match-progress__game-result-header:not(button){cursor:default}.game-match-progress__game-result-header:not(button):hover{background-color:transparent}.game-match-progress__game-number{font-weight:600;font-size:var(--match-progress-subtitle-size);color:#fff}.game-match-progress__current-badge{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__game-date{color:#94a3b8;font-size:var(--match-progress-meta-size);margin-left:var(--match-progress-game-date-margin-left);width:var(--match-progress-game-date-width)}.game-match-progress__expand-icon{color:#94a3b8;font-size:var(--match-progress-caption-size);margin-left:var(--space-xs);transition:transform .2s ease}.game-match-progress__game-rankings{padding:var(--match-progress-result-padding);background-color:#0f172a4d;border-top:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);display:flex;flex-direction:column;gap:var(--match-progress-result-gap)}.game-match-progress__game-ranking{display:flex;align-items:center;flex-wrap:var(--match-progress-game-ranking-flex-wrap);gap:var(--match-progress-ranking-gap);padding:var(--match-progress-ranking-padding);background-color:#0f172a4d;border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.05);transition:all .2s ease}.game-match-progress__game-ranking:hover{background-color:#0f172a80}.game-match-progress__game-ranking--current{background-color:#3b82f61a;border-color:#3b82f64d}.game-match-progress__game-rank{min-width:var(--match-progress-rank-min-inline);color:#fbbf24;font-weight:600;font-size:var(--match-progress-meta-size)}.game-match-progress__game-player-name{flex:1;color:#e2e8f0;font-size:var(--match-progress-meta-size);display:flex;align-items:center;gap:var(--space-xs)}.game-match-progress__you-badge-small{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-caption-size);font-weight:600;padding:calc(var(--match-progress-tag-padding-block) * .8) calc(var(--match-progress-tag-padding-inline) * .75);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__game-rank-name{color:#94a3b8;font-size:var(--match-progress-caption-size);min-width:var(--match-progress-ranking-min-inline);text-align:var(--match-progress-ranking-name-align)}.game-match-progress__game-points{color:#94a3b8;font-size:var(--match-progress-caption-size);font-weight:500;min-width:var(--match-progress-ranking-point-min-inline);text-align:var(--match-progress-ranking-point-align)}.game-match-progress__game-progress-info{color:#94a3b8;font-size:var(--match-progress-caption-size);margin-left:auto;margin-right:var(--space-xs)}.game-match-progress__game-section-title{color:#e2e8f0;font-size:var(--match-progress-caption-size);font-weight:600;margin-top:var(--match-progress-section-title-margin-start);margin-bottom:var(--match-progress-section-title-margin-end);padding:var(--match-progress-section-title-padding-block) 0;border-bottom:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-match-progress__game-section-divider{height:clamp(1px,.15cqh,2px);background-color:#3b82f61a;margin:var(--match-progress-divider-margin-block) 0}.game-match-progress__game-status{color:#10b981;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-status-padding-block) var(--match-progress-status-padding-inline);border-radius:var(--match-progress-status-radius);background-color:#10b9811a;border:clamp(1px,.15cqh,2px) solid rgba(16,185,129,.2)}.game-match-progress__game-hand-count{color:#94a3b8;font-size:var(--match-progress-caption-size);font-weight:400;margin-left:auto}.game-match-progress__game-status-message{padding:var(--match-progress-result-padding);text-align:center;color:#94a3b8;font-size:var(--match-progress-meta-size);font-style:italic}.game-page{height:100%;max-height:none;min-height:0;width:100%;max-width:100%;min-width:var(--game-page-min-inline);background:#1e293b;color:#fff;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;transition:background .3s ease;position:relative;flex:1 1 auto;overscroll-behavior:none}body.revolution .game-page{background:#4a1f1f}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap)}.loading-spinner{width:var(--game-page-spinner-size);height:var(--game-page-spinner-size);border:calc(4px * var(--border-scale-base, 1)) solid #334155;border-top:calc(4px * var(--border-scale-base, 1)) solid #60a5fa;border-radius:50%;animation:spin 1s linear infinite;transition:width .3s ease,height .3s ease}.game-loading p{font-size:var(--game-state-text-size);color:#e2e8f0;transition:font-size .3s ease}.game-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.error-title{font-size:var(--game-state-title-size);font-weight:600;color:#fca5a5;margin:0;transition:font-size .3s ease}.game-error p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;max-width:var(--game-state-message-max);margin:0;transition:font-size .3s ease,max-width .3s ease}.error-actions{display:flex;gap:calc(12px * var(--spacing-scale-base, 1));margin-top:var(--game-state-gap)}.retry-button{background:#3b82f6;color:#fff;border:none;padding:var(--game-state-button-padding-block) var(--game-state-button-padding-inline);border-radius:var(--game-state-button-radius);cursor:pointer;font-size:var(--game-state-button-font-size);font-weight:500;transition:background .2s ease,padding .3s ease,font-size .3s ease;min-height:var(--game-state-button-min-height)}.retry-button:hover{background:#2563eb}.back-button{background:#6b7280;color:#fff;border:none;padding:var(--game-state-button-padding-block) var(--game-state-button-padding-inline);border-radius:var(--game-state-button-radius);cursor:pointer;font-size:var(--game-state-button-font-size);font-weight:500;transition:background .2s ease,padding .3s ease,font-size .3s ease;min-height:var(--game-state-button-min-height)}.back-button:hover{background:#4b5563}.game-ended{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-ended-title{font-size:var(--game-state-title-size);font-weight:600;color:#c4b5fd;margin:0;transition:font-size .3s ease}.game-ended-message{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;max-width:var(--game-state-message-max);margin:0;transition:font-size .3s ease,max-width .3s ease}.game-ended-countdown{font-size:var(--game-state-subtext-size);color:#94a3b8;text-align:center;margin-top:calc(10px * var(--spacing-scale-base, 1));transition:font-size .3s ease}.game-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-not-found p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;transition:font-size .3s ease}.game-page__next-game-preparing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-page__next-game-preparing p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center}.game-start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);opacity:0;animation:fadeIn .3s ease-in forwards;pointer-events:none}.game-start-overlay--fading-out{animation:fadeOut .3s ease-out forwards}.game-start-overlay__content{text-align:center}.game-start-overlay__title{font-size:clamp(48px,8vw,96px);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(96,165,250,.8),0 0 40px rgba(96,165,250,.6),0 4px 8px rgba(0,0,0,.5);margin:0;letter-spacing:.1em}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.card{width:var(--card-base-width, clamp(42px, 6.5cqw, 70px));height:var(--card-base-height, clamp(60px, 9.1cqw, 98px));container-type:size;container-name:card;--card-rank-font-size: clamp(11px, 13.5cqh, 26px);--card-suit-font-size: clamp(8px, 9cqh, 18px);--card-corner-font-size: clamp(9px, 11cqh, 22px);--card-suit-large-font-size: clamp(18px, 40cqh, 48px);--card-count-font-size: clamp(10px, 2cqh, 22px);border-radius:var(--card-border-radius-large);box-shadow:0 var(--card-shadow-y) var(--card-shadow-blur) var(--card-shadow-medium);cursor:pointer;transition:all .2s ease,width .3s ease,height .3s ease;position:relative;background:#fff;opacity:1;-webkit-user-select:none;user-select:none;overflow:visible}.card__front,.card__back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--card-border-radius-large);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--card-padding);box-sizing:border-box;overflow:hidden}.card__front.card-front-pattern{border:var(--card-border-width) solid var(--card-border-color);background:#fff;opacity:1;box-shadow:none}.card__side-column{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.card__side-column--left{align-self:flex-start}.card__side-column--right{align-self:flex-end}.card__side-column:not(.card__side-column--joker){position:absolute;width:auto;height:auto;z-index:1}.card__side-column--left:not(.card__side-column--joker){top:var(--card-corner-inset-block);left:var(--card-corner-inset-inline)}.card__side-column--right:not(.card__side-column--joker){bottom:var(--card-corner-inset-block);right:var(--card-corner-inset-inline)}.card__side-column--joker{align-items:center;justify-content:center}.card__side-column--joker.card__side-column--right{transform:rotate(180deg)}.card-rank-pattern--joker{writing-mode:vertical-rl;text-orientation:upright;white-space:normal;font-size:var(--card-joker-font-size)!important;font-weight:700;line-height:.7;letter-spacing:var(--card-joker-letter-spacing);color:#1f2937}.card--small .card-rank-pattern--joker,.card--play .card-rank-pattern--joker{font-size:calc(10px * var(--ui-font-scale))!important}.card--hand .card-rank-pattern--joker{font-size:clamp(9px,10cqh,14px)!important;letter-spacing:-.34em!important}.card__back.card-back-pattern{background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;border:var(--card-border-width) solid rgba(248,250,252,.45);box-shadow:inset 0 0 0 clamp(1px,.2cqh,2px) #0f172a99}.play-history-timeline__card.card--face-down .card__back.card-back-pattern{background:linear-gradient(135deg,#1e293b,#334155)}.card__back.card-back-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 4px);border-radius:var(--card-border-radius-large)}.card__count{position:relative;z-index:1;color:#fff;font-size:var(--card-count-font-size);font-weight:700}.card__corner{display:flex;flex-direction:column;align-items:center;gap:var(--card-corner-gap);flex-shrink:0;z-index:1}.card__corner--top-left{align-self:flex-start}.card__corner--bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-corner-pattern{font-size:var(--card-corner-font-size);font-weight:700}.card-rank-pattern{font-size:var(--card-rank-font-size);font-weight:700;line-height:1;color:#1f2937;display:block;white-space:nowrap}.card-suit-pattern{font-size:var(--card-suit-font-size);line-height:1;display:block}.card-suit-pattern--red{color:#dc2626}.card-suit-pattern--black{color:#1f2937}.card__center{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;min-height:0;position:relative;z-index:0}.card-suit-large-pattern{font-size:var(--card-suit-large-font-size);line-height:1;display:block;text-align:center}.card-suit-large-pattern--red{color:#dc2626}.card-suit-large-pattern--black{color:#1f2937}.card--hand .card__center-rank-suit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;min-width:0;overflow:hidden}.card--hand .card__center-rank-suit .card-suit-large-pattern{margin-top:-.1em;font-size:clamp(12px,28cqh,32px)}.card--hand .card__center-rank-suit--joker{overflow:visible;padding-block:.12em}.card--hand .card__center-rank-suit--joker .card__center-rank{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.2em;font-size:clamp(10px,28cqh,28px);line-height:1.1}.card--hand .card__center-rank{font-size:clamp(16px,42cqh,44px);font-weight:800;line-height:1;color:#1f2937}.card__joker-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card__joker-symbol-svg{width:100%;height:100%;max-width:clamp(20px,2.6cqh,28px);max-height:clamp(20px,2.6cqh,28px);color:#dc2626}.card--small .card__joker-symbol-svg{max-width:clamp(14px,2cqh,20px);max-height:clamp(14px,2cqh,20px)}.card--hand .card__joker-symbol-svg{max-width:clamp(18px,2.4cqh,24px);max-height:clamp(18px,2.4cqh,24px)}@media (hover: hover){.card--playable:hover{transform:translateY(calc(var(--card-shadow-y) * -1));box-shadow:0 calc(var(--card-shadow-y) * 2) calc(var(--card-shadow-blur) * 2) #00000040}}.card--selected{transform:translateY(calc(var(--card-shadow-y) * -2));box-shadow:0 0 0 var(--card-shadow-y) #3b82f6}.card--disabled{opacity:1;cursor:not-allowed}@media (hover: hover){.card--disabled:hover{transform:none;box-shadow:0 2px 8px var(--card-shadow-medium)}}.card--mini{width:var(--card-mini-width, clamp(20px, 3.2cqw, 36px));height:var(--card-mini-height, clamp(28px, 4.5cqw, 50px));--card-mini-text-size: clamp(10px, 42cqh, 22px)}.card--mini .card__front,.card--mini .card__back{padding:0;justify-content:center;align-items:center}.card--mini .card-simple-pattern{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(1px,.5cqh,4px);font-weight:700;line-height:1;font-size:var(--card-mini-text-size)}.card--mini .card-simple-rank{font-size:var(--card-mini-text-size);color:#1f2937}.card--mini .card-simple-suit{font-size:var(--card-mini-text-size)}.card-simple-pattern--red .card-simple-suit{color:#dc2626}.card-simple-pattern--black .card-simple-suit{color:#1f2937}.card--mini .card__corner,.card--mini .card-suit-large-pattern{display:none}.card--small{width:var(--card-small-width, clamp(34px, 5.2cqw, 58px));height:var(--card-small-height, clamp(48px, 7.3cqw, 82px))}.card--hand{width:var(--card-hand-width);height:var(--card-hand-height)}@media (max-width: 1199px){.card--hand .card__side-column{display:none}}.card--play{width:var(--played-cards-card-base-width, clamp(70px, 10cqw, 120px));height:var(--played-cards-card-base-height, clamp(98px, 14cqw, 168px))}.card--play .card__joker-symbol-svg{max-width:clamp(28px,4cqh,40px);max-height:clamp(28px,4cqh,40px)}.card--display{cursor:default;opacity:1;pointer-events:none}@media (hover: hover){.card--display:hover{transform:none!important;box-shadow:0 2px 8px var(--card-shadow-medium)!important}}.hand{padding:0;min-height:var(--hand-card-min-height);height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#1e293b;overflow:visible;background:transparent;border-radius:0;position:relative;width:100%;margin-top:0;transition:min-height .3s ease}.hand__cards:not(:hover)::-webkit-scrollbar{opacity:.3;transition:opacity .3s ease}.hand__cards:hover::-webkit-scrollbar{opacity:1}.hand__cards{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;margin-top:-48px;padding:48px calc(var(--hand-cards-padding-inline) + clamp(4px,1cqw,8px)) clamp(2px,.4cqh,4px) calc(var(--hand-cards-padding-inline) + clamp(4px,1cqw,8px));overflow-x:auto;overflow-y:visible;min-height:calc(var(--hand-card-min-height) + 48px);height:100%;gap:0;scrollbar-width:thin;scrollbar-color:#64748b #1e293b;width:100%;box-sizing:border-box;position:relative;background-color:#67341e00;transition:padding .3s ease,min-height .3s ease,overflow-x .3s ease;-webkit-overflow-scrolling:touch;touch-action:pan-x}.hand__cards--no-scroll{overflow-x:hidden!important;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.hand__cards--no-scroll::-webkit-scrollbar{display:none}@container hand-column (max-width: 520px){.hand__cards{padding-left:clamp(4px,1cqw,8px);padding-right:clamp(4px,1cqw,8px);padding-bottom:clamp(2px,.4cqh,4px)}.hand__cards--no-scroll{justify-content:center}}.hand__cards--overlapping{gap:0}.hand__cards::-webkit-scrollbar{height:var(--hand-cards-scrollbar-height)}.hand__cards::-webkit-scrollbar-track{background:#1e293b;border-radius:calc(3px * var(--radius-scale-base, 1))}.hand__cards::-webkit-scrollbar-thumb{background:#64748b;border-radius:calc(3px * var(--radius-scale-base, 1))}.hand__cards::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hand__card-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0;margin-top:0;touch-action:manipulation;margin-left:var( --card-margin-left, 0 );z-index:1;transition:transform .2s ease,z-index .2s ease}@media (hover: hover){.hand__card-wrapper:hover,.hand__card-wrapper:active{z-index:10}.hand__cards:has(.hand__card-wrapper:hover) .hand__card-wrapper:hover~.hand__card-wrapper{transform:translate(var(--card-overlap, 0))}}.hand__card-wrapper--long-press{z-index:10}.hand__cards:has(.hand__card-wrapper--long-press) .hand__card-wrapper--long-press~.hand__card-wrapper{transform:translate(var(--card-overlap, 0))}.hand__card-wrapper--long-press .hand__revealed-label{transform:translate(-50%) translateY(-5px)}.hand__card-wrapper--long-press .hand__card{transform:translateY(var(--hand-card-hover-offset))}.hand__card-wrapper--long-press .hand__card.card--playable{box-shadow:0 calc(var(--card-shadow-y) * 2) calc(var(--card-shadow-blur) * 2) #00000040}.hand__card-wrapper--long-press .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset))}.hand__card-wrapper--dimmed .hand__card{opacity:1;filter:grayscale(1) brightness(.85) contrast(.9)}.hand__card-wrapper--exchange-determined .hand__card{box-shadow:0 0 0 2px #22c55ecc,0 2px 8px #22c55e4d}.hand__card-wrapper--exchange-choose-from .hand__card{box-shadow:0 0 0 2px #3b82f699,0 2px 8px #3b82f640}.hand__card-controls{position:absolute;top:calc(-18px * var(--spacing-scale-base, 1));left:50%;transform:translate(-50%);display:flex;gap:calc(4px * var(--spacing-scale-sm, 1));z-index:20;align-items:center}.hand__face-toggle{background:#334155;border:calc(1px * var(--border-scale-base, 1)) solid #475569;border-radius:calc(4px * var(--radius-scale-base, 1));color:#e2e8f0;font-size:var(--hand-face-toggle-font-size);width:var(--hand-face-toggle-size);height:var(--hand-face-toggle-size);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease,width .3s ease,height .3s ease;padding:0;line-height:1}.hand__face-toggle:hover:not(:disabled){background:#475569;border-color:#64748b;transform:scale(1.1)}.hand__face-toggle:disabled{opacity:.5;cursor:not-allowed}.hand__face-toggle--face-up{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand__face-toggle--face-up:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand__face-toggle--face-down{background:#64748b;border-color:#64748b}.hand__face-toggle--face-down:hover:not(:disabled){background:#475569;border-color:#64748b}.hand__revealed-label{position:absolute;bottom:clamp(4px,.8cqh,10px);left:50%;transform:translate(-50%);background:#10b981f2;color:#fff;height:clamp(12px,calc(var(--card-hand-height) * .2),36px);min-height:clamp(12px,calc(var(--card-hand-height) * .2),36px);padding:0 clamp(6px,1.6cqw,14px);border-radius:clamp(3px,.7cqh,7px);font-size:clamp(10px,calc(var(--card-hand-height) * .09),16px);font-weight:600;white-space:nowrap;z-index:100;box-shadow:0 calc(2px * var(--size-scale-base, 1)) calc(6px * var(--size-scale-base, 1)) #0006;pointer-events:none;transition:transform .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;gap:clamp(3px,.7cqh,7px);border:clamp(1px,.18cqh,2px) solid rgba(255,255,255,.3);max-width:calc(100% - clamp(8px,1.5cqw,18px));box-sizing:border-box}.hand__revealed-label-icon{width:1em;height:1em;flex:0 0 auto;display:block}@media (hover: hover){.hand__card-wrapper:hover .hand__revealed-label{transform:translate(-50%) translateY(-5px)}}.hand__card-wrapper:has(.hand__card.card--selected) .hand__revealed-label{transform:translate(-50%) translateY(-10px)}@media (max-width: 1200px),(max-height: 520px){.hand__revealed-label span{display:none}.hand__revealed-label{padding:clamp(2px,.6cqh,6px);gap:0}}.hand__card{transition:all .2s ease;position:relative;z-index:1;transform:translateY(0);flex-shrink:0;width:var(--card-hand-width);max-width:var(--card-hand-width);height:var(--card-hand-height);margin-top:0}@media (hover: hover){.hand__card-wrapper:hover .hand__card{transform:translateY(var(--hand-card-hover-offset))}}.hand__card-wrapper .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset));box-shadow:0 0 0 2px #3b82f6,0 8px 24px #3b82f680}@media (hover: hover){.hand__card-wrapper:hover .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset))}}.hand__card-wrapper--adding{animation:handCardAdd .5s ease-out forwards}.hand__card-wrapper--removing{animation:handCardRemove .4s ease-out forwards;pointer-events:none}.hand__card-wrapper--removing.hand__card-wrapper--removing-self-selected{animation:handCardRemoveFromSelected .4s ease-out forwards}@keyframes handCardAdd{0%{opacity:0;transform:translateY(24px) scale(1)}45%{opacity:1;transform:translateY(-12px) scale(1)}55%{opacity:1;transform:translateY(-12px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes handCardRemove{0%{opacity:1;transform:translateY(0) scale(1)}18%{opacity:1;transform:translateY(-12px) scale(1)}to{opacity:0;transform:translateY(-48px) scale(1)}}@keyframes handCardRemoveFromSelected{0%{opacity:1;transform:translateY(-12px) scale(1)}to{opacity:0;transform:translateY(-48px) scale(1)}}.hand__card-wrapper--effect-six_take.hand__card-wrapper--adding,.hand__card-wrapper--effect-seven_pass.hand__card-wrapper--adding{animation:handCardAdd .5s ease-out forwards}.player-info-panel-wrapper{position:fixed;z-index:var(--z-game-overlay, 5000);pointer-events:none}.player-info-panel{position:relative;background:#1e293bf2;border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.2);border-radius:var(--radius-md, clamp(6px, .9cqh, 10px));padding:var(--space-sm, clamp(6px, .9cqh, 10px)) var(--space-md, clamp(8px, 1.2cqw, 14px));min-width:clamp(120px,18cqw,160px);box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:fadeIn .2s ease-out}.player-info-panel__header{border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);padding-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));margin-bottom:var(--space-sm, clamp(6px, 1cqh, 10px))}.player-info-panel__name{font-size:calc(12px * var(--ui-font-scale));font-weight:600;color:#f8fafc}.player-info-panel__content{display:flex;flex-direction:column;gap:var(--space-xs, clamp(4px, .7cqh, 8px))}.player-info-panel__item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, clamp(6px, 1cqh, 10px))}.player-info-panel__label{display:flex;align-items:center;gap:var(--space-2xs, clamp(3px, .5cqh, 6px));font-size:calc(10px * var(--ui-font-scale));color:#94a3b8}.player-info-panel__value{font-size:calc(11px * var(--ui-font-scale));font-weight:600;color:#f8fafc}.player-info-panel__mini-card{display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-info-panel__mini-card-back{position:relative;width:clamp(10px,1.4cqh,14px);height:clamp(14px,2.2cqh,20px);border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));background:linear-gradient(135deg,#1e293b,#334155);border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0000001a}.player-info-panel__mini-card-back:before{content:"";position:absolute;top:clamp(1px,.2cqh,2px);left:clamp(1px,.2cqw,2px);right:clamp(1px,.2cqw,2px);bottom:clamp(1px,.2cqh,2px);border-radius:var(--radius-sm, clamp(1px, .2cqh, 2px));background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.game-player-info-modal-wrapper{max-width:min(40vw,600px)!important;width:40vw!important;min-width:400px}.game-player-info-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.game-player-info-modal__avatar-section,.game-player-info-modal__name-section{display:flex;justify-content:center;align-items:center;width:100%}.game-player-info-modal__name{margin:0;font-size:1.5rem;font-weight:600;color:#fff;text-align:center;word-break:break-word}.game-player-info-modal__name-section{flex-direction:column;gap:.5rem}.game-player-info-modal__previous-rank{font-size:1rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;white-space:nowrap}.game-player-info-modal__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);text-shadow:0 0 8px rgba(251,191,36,.5)}.game-player-info-modal__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.game-player-info-modal__previous-rank--heimin{color:#86efac;background:#22c55e26}.game-player-info-modal__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.game-player-info-modal__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}.game-player-info-modal__content{display:flex;flex-direction:column;gap:1rem;width:100%}.game-player-info-modal__item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:.5rem}.game-player-info-modal__label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;font-weight:500}.game-player-info-modal__value{font-size:.875rem;font-weight:600;color:#f8fafc}.game-player-info-modal__mini-card{display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-player-info-modal__mini-card-back{position:relative;width:16px;height:22px;border-radius:4px;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0000001a}.game-player-info-modal__mini-card-back:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:3px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px)}.game-player-info-modal__revealed-indicator{font-size:.75rem;line-height:1}.game-player-info-modal__hand-section{display:flex;flex-direction:column;gap:.75rem;width:100%;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.game-player-info-modal__hand-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#f8fafc}.game-player-info-modal__hand-count{font-size:.75rem;font-weight:500;color:#94a3b8}.game-player-info-modal__hand-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;justify-content:flex-start;align-items:flex-start;padding:.75rem;background:#0f172a80;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);min-height:calc(var(--card-mini-height, clamp(22px, 3.5cqw, 50px)) + 4px + 1.5rem + .5rem);height:calc(var(--card-mini-height, clamp(22px, 3.5cqw, 50px)) + 4px + 1.5rem + .5rem);width:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.game-player-info-modal__hand-card-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid rgba(148,163,184,.4);border-radius:6px;background:#94a3b81a;box-sizing:border-box;width:calc(var(--card-mini-width, clamp(16px, 2.5cqw, 36px)) + 4px);height:calc(var(--card-mini-height, clamp(22px, 3.5cqw, 50px)) + 4px);min-width:20px;min-height:26px}.game-player-info-modal__hand-card{flex-shrink:0;display:block;width:var(--card-mini-width, clamp(16px, 2.5cqw, 36px));height:var(--card-mini-height, clamp(22px, 3.5cqw, 50px));min-width:16px;min-height:22px}.game-player-info-modal__hand-cards::-webkit-scrollbar{height:6px}.game-player-info-modal__hand-cards::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}.game-player-info-modal__hand-cards::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.game-player-info-modal__hand-cards::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.game-player-card{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);align-items:stretch;align-content:stretch;container-type:size;--player-card-name-size: clamp(12px, 1.7cqh, 22px);--player-card-doubt-size: clamp(11px, 1.4cqh, 20px);--player-card-meta-size: clamp(10px, 1.2cqh, 16px);--player-card-row-gap: clamp(2px, .4cqh, 6px);--player-card-mini-count-size: clamp(10px, 1.2cqh, 16px);padding:var(--player-card-padding, clamp(1px, .2cqh, 3px));background:#ffffff0d;border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid transparent;border-radius:var(--card-border-radius-large, 8px);transition:all .2s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box;white-space:nowrap;z-index:1;min-height:var(--player-card-min-height, 28px);gap:var(--player-card-gap, var(--space-2xs, clamp(2px, .3cqh, 4px)))}.game-player-card:hover{border-color:#fff6}.game-player-card--me{border-color:#3b82f699;background:#3b82f61a}.game-player-card__row{display:flex;align-items:center;gap:var(--player-card-row-gap, var(--space-xs, clamp(4px, .7cqh, 8px)));white-space:nowrap;overflow:hidden;min-width:0;min-height:0;height:100%}.game-player-card__avatar{display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;z-index:10;flex-shrink:0}.game-player-card__row--first{justify-content:flex-start;overflow:visible}.game-player-card__row--second{justify-content:flex-end}.game-player-card__row--third{grid-column:1 / -1;min-height:0;justify-content:flex-start}.game-player-card__row--meta{display:none;grid-column:1 / -1;justify-content:flex-start;font-size:var(--player-card-meta-size);color:#cbd5f5;gap:clamp(4px,.6cqh,8px)}.game-player-card__meta-item{display:inline-flex;align-items:center;gap:clamp(4px,.5cqh,8px)}.game-player-card__meta-label{color:#94a3b8;font-weight:600}.game-player-card__meta-value{color:#e2e8f0;font-weight:700}.game-player-card__meta-separator{color:#475569}.game-player-card__name-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1px,.2cqh,3px);flex:1;min-width:0;overflow:hidden}.game-player-name{font-size:var(--player-card-name-size, 10px);font-weight:500;color:#f8fafc;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.game-player-card__rank-badge{font-size:clamp(8px,1cqh,11px);font-weight:600;color:#fbbf24;background:#fbbf2433;padding:clamp(1px,.15cqh,2px) clamp(4px,.5cqw,6px);border-radius:var(--radius-sm, 4px);white-space:nowrap;line-height:1.2;border:1px solid rgba(251,191,36,.4)}.game-doubt-tickets{display:flex;align-items:center;gap:var(--space-2xs, clamp(2px, .4cqh, 5px));font-weight:600;font-size:var(--player-card-doubt-size, 11px);color:#fbbf24;line-height:1.1;white-space:nowrap;flex-shrink:0;min-width:0}.game-mini-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-mini-card-back-pattern{position:relative;width:var(--player-card-mini-width, var(--mini-card-width, clamp(10px, 1.6cqh, 14px)));height:var(--player-card-mini-height, var(--mini-card-height, clamp(14px, 2.4cqh, 20px)));border-radius:var(--card-border-radius-small, clamp(2px, .3cqh, 4px));background:linear-gradient(135deg,#1e293b,#334155);border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);box-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-mini-card-back-pattern:before{content:"";position:absolute;top:clamp(1px,.2cqh,2px);left:clamp(1px,.2cqw,2px);right:clamp(1px,.2cqw,2px);bottom:clamp(1px,.2cqh,2px);border-radius:calc(var(--card-border-radius-small, 2px) - 1px);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px);opacity:.6}.game-mini-card-count{position:relative;z-index:1;font-size:var(--player-card-mini-count-size, 10px);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;white-space:nowrap}@container (min-height: 56px){.game-player-card__row--meta{display:flex}}@container (min-height: 84px) and (min-width: 180px){.game-player-card{grid-template-rows:auto minmax(0,1fr) auto;--player-card-name-size: clamp(14px, 1.9cqh, 26px);--player-card-doubt-size: clamp(12px, 1.6cqh, 22px);--player-card-meta-size: clamp(11px, 1.3cqh, 18px);--player-card-mini-width: clamp(16px, 4cqh, 34px);--player-card-mini-height: clamp(22px, 5.6cqh, 46px);--player-card-mini-count-size: clamp(12px, 1.4cqh, 18px)}.game-player-card__row--first{align-self:start}.game-player-card__row--second{align-self:stretch;justify-content:center}.game-player-card__row--second .game-doubt-tickets{display:none}.game-player-card__row--meta{display:flex;justify-content:space-between;width:100%}.game-player-card__avatar .unified-player-avatar{width:clamp(26px,3.4cqh,40px);height:clamp(26px,3.4cqh,40px);font-size:clamp(11px,1.5cqh,18px)}}.game-player-list{color:#fff;background:#1e293b;border-radius:clamp(6px,.9cqh,10px);padding:var(--player-list-padding);height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;box-sizing:border-box}.game-player-list__header{display:flex;justify-content:space-between;align-items:center;border-bottom:clamp(1px,.15cqh,2px) solid rgba(255,255,255,.1);margin-bottom:var(--player-list-header-margin-bottom);flex-shrink:0}.game-player-list__title{font-size:var(--player-list-title-size);font-weight:600;color:#f8fafc;margin:0}.game-player-list__content{display:flex;flex-direction:column;gap:var(--player-list-content-gap);overflow-y:auto;overflow-x:hidden;flex:1 1 0;min-height:0;justify-content:flex-start;align-items:stretch;scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.5) rgba(30,41,59,.3);scroll-behavior:smooth}.game-player-list__content::-webkit-scrollbar{width:var(--player-list-scrollbar-width)}.game-player-list__content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:clamp(2px,.3cqh,4px)}.game-player-list__content::-webkit-scrollbar-thumb{background:#6b728080;border-radius:clamp(2px,.3cqh,4px);transition:background .2s ease}.game-player-list__content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.game-player-list__content::-webkit-scrollbar-thumb:active{background:#6b7280e6}.game-player-row{display:grid;grid-template-columns:var(--player-list-indicator-column) 1fr;grid-template-areas:"indicator card";align-items:center;min-height:var(--player-list-row-min-height);flex-shrink:0}.game-player-row__indicator{grid-area:indicator;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2px,.3cqh,4px);min-height:var(--player-list-row-min-height)}.game-player-row__card{grid-area:card;width:100%}.turn-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#fbbf2433;border:clamp(1px,.15cqh,2px) solid rgba(251,191,36,.5)}.turn-indicator svg{color:#fbbf24}.play-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#4ade8033;border:clamp(1px,.15cqh,2px) solid rgba(74,222,128,.5)}.play-indicator svg{color:#4ade80}.pass-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#94a3b833;border:clamp(1px,.15cqh,2px) solid rgba(148,163,184,.5)}.pass-indicator svg{color:#94a3b8}.through-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#60a5fa33;border:clamp(1px,.15cqh,2px) solid rgba(96,165,250,.5)}.through-indicator svg{color:#60a5fa}.four-stop-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#f59e0b33;border:clamp(1px,.15cqh,2px) solid rgba(245,158,11,.5)}.four-stop-indicator svg{color:#f59e0b}.doubt-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#ef444433;border:clamp(1px,.15cqh,2px) solid rgba(239,68,68,.5)}.doubt-indicator svg{color:#ef4444}.play-history-special-effect__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs, 4px);width:100%}.play-history-special-effect__title{font-size:var(--play-history-label-size, 10px);font-weight:600;color:var(--color-special-effect, #a78bfa);text-transform:uppercase;letter-spacing:.02em}.play-history-special-effect__summary{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);line-height:1.3}.play-history-special-effect__summary--four-ticket{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.play-history-special-effect__ticket-count{font-size:1.4em;font-weight:600;margin:0 .25em}.play-history-special-effect__ranks{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);line-height:1.3}.play-history-special-effect__cards-by-player{display:flex;flex-direction:column;gap:var(--space-2xs, 4px);width:100%}.play-history-special-effect__player-cards{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.play-history-special-effect__player-name{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);flex-shrink:0;min-width:3em}.play-history-special-effect__cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.play-history-special-effect__mini-card{flex-shrink:0}.play-history-special-effect__mini-card--face-down{opacity:.85}.play-history-special-effect__face-down-cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.play-history-special-effect__overflow{font-size:10px;color:var(--play-history-summary-color, #94a3b8);margin-left:2px}.play-history-special-effect__summary--with-icon{display:flex;align-items:center;gap:6px}.play-history-special-effect__direction-icon{flex-shrink:0;font-size:1.5em;line-height:1}.play-history-special-effect__summary--with-icon .play-history-special-effect__direction-icon{color:var(--color-special-effect, #a78bfa)}.play-history-special-effect__strength-change{display:flex;align-items:center;gap:8px}.play-history-special-effect__strength-badge{font-size:var(--play-history-summary-size, 11px);font-weight:600;color:var(--color-special-effect, #a78bfa);padding:2px 6px;background:color-mix(in srgb,var(--color-special-effect, #a78bfa) 15%,transparent);border-radius:4px}@media (max-width: 1199px){.play-history-special-effect__content,.play-history-special-effect__cards-by-player{gap:clamp(1px,.2cqh,3px)}.play-history-special-effect__player-cards{gap:2px}.play-history-special-effect__overflow{font-size:9px}.play-history-special-effect__summary--with-icon,.play-history-special-effect__strength-change{gap:4px}.play-history-special-effect__strength-badge{padding:1px 4px}}.play-history-timeline{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;border:none;width:100%;height:100%;min-height:fit-content;max-height:100%;overflow:hidden;box-sizing:border-box}.play-history-timeline__header{display:flex;align-items:center;padding-block:var(--space-2xs) var(--space-xs);padding-inline:0;margin:0;flex-shrink:0;border:none}.play-history-timeline__title{font-size:var(--play-history-title-size);font-weight:600;color:var(--play-history-title-color);letter-spacing:var( --play-history-title-letter-spacing, clamp(.08px, .06cqw, .3px) );text-transform:uppercase}.play-history-timeline__scroll-wrapper{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-history-timeline__fade{position:absolute;left:0;right:0;height:clamp(16px,2.5cqh,28px);pointer-events:none;z-index:1}.play-history-timeline__fade--top{top:0;background:linear-gradient(to bottom,rgba(30,41,59,.7) 0%,rgba(30,41,59,.35) 50%,transparent 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.play-history-timeline__fade--bottom{bottom:0;background:linear-gradient(to top,rgba(30,41,59,.7) 0%,rgba(30,41,59,.35) 50%,transparent 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}body.revolution .play-history-timeline__fade--top{background:linear-gradient(to bottom,rgba(74,31,31,.7) 0%,rgba(74,31,31,.35) 50%,transparent 100%)}body.revolution .play-history-timeline__fade--bottom{background:linear-gradient(to top,rgba(74,31,31,.7) 0%,rgba(74,31,31,.35) 50%,transparent 100%)}.play-history-timeline__container{flex:1 1 auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.4) rgba(30,41,59,.2);-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box;padding:0}.play-history-timeline__container::-webkit-scrollbar{width:clamp(4px,.6cqw,8px);height:auto}.play-history-timeline__container::-webkit-scrollbar-track{background:#1e293b33;border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px))}.play-history-timeline__container::-webkit-scrollbar-thumb{background:#6b728066;border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px));transition:background .2s ease}.play-history-timeline__container::-webkit-scrollbar-thumb:hover{background:#6b728099}.play-history-timeline__content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1cqh,14px);width:100%;min-height:min-content;box-sizing:border-box}.play-history-timeline__turn-panel{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,8px);width:100%;padding:clamp(6px,.8cqh,10px);background:#00000026;border-radius:clamp(6px,.8cqh,10px);border:1px solid rgba(255,255,255,.08)}.play-history-timeline__turn-panel--current{border-color:#60a5fa59;background:#60a5fa0f}.play-history-timeline__turn-header{font-size:clamp(10px,1.2cqh,13px);font-weight:600;color:#94a3b8;letter-spacing:.03em;flex-shrink:0}.play-history-timeline__turn-content{display:flex;flex-direction:column;gap:clamp(6px,.8cqh,10px);width:100%}.play-history-timeline__play-group{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.play-history-timeline__play-group--with-special-effects{flex-direction:column;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible;gap:clamp(4px,.5cqh,6px)}.play-history-timeline__doubt-result-penalty-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;width:100%}.play-history-timeline__play-group-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.play-history-timeline__play-group-special-effects{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,6px);width:100%}.play-history-timeline__player-avatar{flex-shrink:0}.play-history-timeline__item--doubted{border-color:#ef444480;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #ef444466}.play-history-timeline__item--outcome-uncertain{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 1px 2px #00000026}.play-history-timeline__item--special-effect{background:#a855f71f;border-color:#a855f773}.play-history-timeline__item--special-effect-result{background:#a78bfa1a;border-color:#a78bfa59}.play-history-timeline__item--result-success{background:#4ade801f;border-color:#4ade8080;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #4ade8040}.play-history-timeline__item--result-success.play-history-timeline__item--special-effect{background:#4ade8026;border-color:#4ade808c}.play-history-timeline__item--result-fail{background:#f871711f;border-color:#f8717180;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #f8717140}.play-history-timeline__item--result-fail.play-history-timeline__item--special-effect{background:#f8717126;border-color:#f871718c}.play-history-timeline__item--four-stop-compact.play-history-timeline__item--result-success,.play-history-timeline__item--doubt.play-history-timeline__item--result-success{background:#4ade801f;border-color:#4ade8080}.play-history-timeline__item--four-stop-compact.play-history-timeline__item--result-fail,.play-history-timeline__item--doubt.play-history-timeline__item--result-fail{background:#f871711f;border-color:#f8717180}.play-history-timeline__item{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:clamp(8px,1cqw,14px);row-gap:var(--play-history-card-gap);padding:clamp(6px,.7cqh,10px) clamp(8px,1cqw,14px);background:#ffffff0f;border-radius:clamp(4px,.5cqh,6px);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:fit-content;min-width:var(--play-history-item-min-inline, clamp(36px, 5.5cqw, 60px));max-width:100%;min-height:0;box-sizing:border-box;cursor:default;position:relative}.play-history-timeline__item:has(.play-history-timeline__item-content){display:flex;flex-direction:column;grid-template-columns:unset;grid-template-rows:unset}.play-history-timeline__item-content--vertical{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5cqh,6px);width:100%;min-width:0}.play-history-timeline__result-badge{position:absolute;top:clamp(2px,.25cqh,4px);right:clamp(2px,.25cqw,4px);width:clamp(14px,1.8cqh,20px);height:clamp(14px,1.8cqh,20px);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:clamp(8px,1cqh,11px);font-weight:700;line-height:1;z-index:10}.play-history-timeline__result-badge--success{background:#4ade80e6;color:#052e16}.play-history-timeline__result-badge--fail{background:#f87171e6;color:#450a0a}.play-history-timeline__item--latest{border-color:var(--play-history-latest-border-color);background:var(--play-history-latest-background);box-shadow:0 1px 3px #0003,0 0 0 1px #60a5fa4d;animation:play-history-latest-pulse 2s ease-out 1}@keyframes play-history-latest-pulse{0%{box-shadow:0 1px 3px #0003,0 0 0 2px #60a5fa80}to{box-shadow:0 1px 3px #0003,0 0 0 1px #60a5fa4d}}.play-history-timeline__card-wrapper--pair{gap:0}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:first-child{z-index:6}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(2){z-index:5}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(3){z-index:4}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(4){z-index:3}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(5){z-index:2}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(6){z-index:1}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:not(:first-child){margin-left:clamp(-20px,-3.2cqw,-32px)}.play-history-timeline__card-wrapper{--card-mini-text-size: clamp(10px, 42cqh, 22px);display:flex;align-items:center;justify-content:flex-start;position:relative;min-height:0;min-width:0;overflow:visible;gap:clamp(2px,.3cqh,4px);flex-wrap:wrap;width:fit-content}.play-history-timeline__mini-card{transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;will-change:transform;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.play-history-timeline__mini-card--doubted-success,.play-history-timeline__mini-card--doubted-fail{position:relative}.play-history-timeline__doubted-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(14px,2cqh,22px);font-weight:700;line-height:1;text-shadow:0 0 2px #fff,0 0 4px #fff,0 1px 3px rgba(0,0,0,.8);z-index:20;pointer-events:none}.play-history-timeline__doubted-badge--fail{color:#ef4444}.play-history-timeline__doubted-badge--success{color:#4ade80}.play-history-timeline__declared-rank-on-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--card-mini-text-size);font-weight:700;line-height:1;color:#1f2937;background:#fff;padding:clamp(3px,.4cqh,5px) clamp(4px,.5cqw,7px);border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px));z-index:10;white-space:nowrap;display:block;box-shadow:0 var(--card-shadow-y, clamp(1px, .125cqh, 2px)) var(--card-shadow-blur, clamp(2px, .3cqh, 4px)) #0000004d;pointer-events:none}.play-history-timeline__joker-label-on-card{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:var(--card-mini-text-size);font-weight:700;line-height:1;color:#1f2937;background:#fff;padding:clamp(3px,.4cqh,5px) clamp(4px,.5cqw,7px);border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px));z-index:11;white-space:nowrap;display:block;box-shadow:0 var(--card-shadow-y, clamp(1px, .125cqh, 2px)) var(--card-shadow-blur, clamp(2px, .3cqh, 4px)) #0000004d;pointer-events:none}.play-history-timeline__declared-rank-on-card--joker{writing-mode:vertical-rl!important;text-orientation:upright!important;white-space:normal!important;font-size:var(--card-mini-text-size)!important;font-weight:700!important;line-height:.85!important;letter-spacing:var( --play-history-joker-letter-spacing, clamp(-4px, -.5cqh, -2px) )!important;padding-block:var( --play-history-joker-padding-block, clamp(1px, .125cqh, 2px) )!important;padding-inline:var( --play-history-joker-padding-inline, clamp(2px, .25cqw, 3px) )!important;display:inline-block!important;transform:translate(-50%,-50%)!important;color:#1f2937!important;text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important;margin:0!important}.play-history-timeline__overflow-badge{position:absolute;right:clamp(-4px,-.5cqw,-8px);top:clamp(-4px,-.5cqh,-6px);font-size:var( --play-history-more-font, clamp(6px, .7cqh, 8px) );font-weight:600;color:#e2e8f0;background:#000000bf;padding:clamp(1px,.2cqh,3px) clamp(2px,.4cqw,5px);border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));z-index:10;white-space:nowrap;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.1)}.play-history-timeline__more-cards{position:absolute;right:var(--player-seat-indicator-offset, clamp(-8px, -1cqw, -12px));top:50%;transform:translateY(-50%);font-size:var( --play-history-more-font, clamp(6px, .7cqh, 8px) );font-weight:600;color:#e2e8f0;background:#000000bf;padding:var(--space-2xs, clamp(1px, .2cqh, 3px)) var(--space-2xs, clamp(2px, .4cqw, 5px));border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));z-index:10;border:var(--border-thin, clamp(1px, .125cqh, 2px)) solid rgba(255,255,255,.1);white-space:nowrap}.play-history-timeline__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--play-history-info-gap);flex:0 0 auto;min-width:0;overflow:hidden;padding:0;margin:0}.play-history-timeline__info--with-effect-result{flex-direction:column;align-items:flex-start;gap:clamp(2px,.3cqh,4px)}.play-history-timeline__effect-result-row{width:100%;display:flex;justify-content:center;align-items:center}.play-history-timeline__special-effect-result{font-size:clamp(10px,1.2cqh,13px);font-weight:700;line-height:1;flex-shrink:0}.play-history-timeline__special-effect-result--success{color:#4ade80}.play-history-timeline__special-effect-result--fail{color:#f87171}.play-history-timeline__player-name{font-size:var(--play-history-player-name-size, clamp(12px, 1.4cqh, 17px));font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3;letter-spacing:.02em;text-align:left;padding:0;box-sizing:border-box;text-shadow:0 1px 2px rgba(0,0,0,.3)}.play-history-timeline__declared-rank{font-size:clamp(6px,.7cqh,8px);color:#fbbf24;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;letter-spacing:clamp(.05px,.04cqw,.2px)}.play-history-timeline__item--pass{opacity:.7;grid-template-columns:auto auto}.play-history-timeline__pass-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-pass-background);border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) dashed var(--play-history-pass-border-color)}.play-history-timeline__pass-text{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.play-history-timeline__item--finished-player{opacity:.9;grid-template-columns:auto auto}.play-history-timeline__finished-player-badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-finished-background, rgba(34, 197, 94, .2));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-finished-border-color, rgba(34, 197, 94, .5))}.play-history-timeline__finished-player-rank{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-finished-text-color, #22c55e);letter-spacing:.02em}.play-history-timeline__item--doubt-penalty{opacity:.85;grid-template-columns:auto auto;padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,8px)}.play-history-timeline__doubt-penalty-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.3cqh,4px);flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-penalty-background, rgba(239, 68, 68, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-penalty-border-color, rgba(239, 68, 68, .4))}.play-history-timeline__doubt-penalty-text{font-size:clamp(8px,1cqh,11px);font-weight:600;color:var(--play-history-penalty-text-color, #ef4444);letter-spacing:.02em}.play-history-timeline__doubt-penalty-count{font-size:1.4em;font-weight:600;color:var(--play-history-penalty-text-color, #ef4444);margin:0 .25em}.play-history-timeline__doubt-penalty-unit{font-size:.75em;font-weight:500}.play-history-timeline__info--doubt-penalty{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__info--doubt-penalty .play-history-timeline__player-name{text-align:center}.play-history-timeline__doubt-penalty-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1px,.2cqw,3px);align-items:center}.play-history-timeline__doubt-penalty-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__item--doubt-revealed{opacity:.85;grid-template-columns:auto auto}.play-history-timeline__doubt-revealed-badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-revealed-background, rgba(34, 197, 94, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-revealed-border-color, rgba(34, 197, 94, .4))}.play-history-timeline__doubt-revealed-text{font-size:clamp(8px,1cqh,11px);font-weight:600;color:var(--play-history-revealed-text-color, #22c55e);letter-spacing:.02em}.play-history-timeline__info--doubt-revealed{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__doubt-revealed-cards{display:flex;flex-wrap:wrap;gap:clamp(4px,.6cqw,8px);align-items:center}.play-history-timeline__doubt-revealed-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__item--doubt-result{opacity:.9;display:grid;grid-template-columns:auto 1fr;gap:clamp(6px,.8cqw,10px);align-items:stretch;padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,8px)}.play-history-timeline__doubt-result-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.5cqh,6px);min-width:clamp(48px,6cqw,72px)}.play-history-timeline__doubt-player-name{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-doubt-text-color, #fbbf24);text-align:center}.play-history-timeline__doubt-result-badge{display:flex;align-items:center;justify-content:center}.play-history-timeline__doubt-result-text{font-size:clamp(8px,1cqh,11px);font-weight:600;letter-spacing:.02em}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-success .play-history-timeline__doubt-result-text{color:#4ade80}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-fail .play-history-timeline__doubt-result-text{color:#f87171}.play-history-timeline__doubt-result-right{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.3cqh,4px);padding:clamp(2px,.3cqh,4px);border:clamp(1px,.15cqh,2px) solid transparent;border-radius:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-success .play-history-timeline__doubt-result-right{border-color:#ef444466;background:#ef44440f}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-fail .play-history-timeline__doubt-result-right{border-color:#4ade8066;background:#4ade800f}.play-history-timeline__doubt-result-declared-ranks{font-size:clamp(8px,1cqh,11px);color:var(--play-history-summary-color, #94a3b8);text-align:center}.play-history-timeline__doubt-result-cards{display:flex;flex-wrap:wrap;gap:clamp(1px,.2cqw,3px);align-items:center;justify-content:center}.play-history-timeline__doubt-result-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__doubt-result-right .play-history-timeline__player-name--target{text-align:center}.play-history-timeline__item--selecting{opacity:.9;border-style:dashed;border-color:#60a5fa80}.play-history-timeline__selecting-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.play-history-timeline__selecting-spinner{display:inline-block;width:clamp(10px,1.6cqh,14px);height:clamp(10px,1.6cqh,14px);border-radius:50%;border:clamp(1px,.2cqh,2px) solid rgba(96,165,250,.25);border-top-color:#60a5fae6;animation:play-history-spin .9s linear infinite}@keyframes play-history-spin{to{transform:rotate(360deg)}}.play-history-timeline__selecting-label{font-size:clamp(8px,1cqh,11px);font-weight:600;color:#60a5fa;letter-spacing:.02em}.play-history-timeline__item--doubt{opacity:.9;grid-template-columns:auto auto}.play-history-timeline__item--doubt .play-history-timeline__info{display:flex;flex-direction:column;align-items:stretch;gap:clamp(2px,.3cqh,4px);min-width:0}.play-history-timeline__item--doubt .play-history-timeline__effect-result-row{width:100%}.play-history-timeline__doubt-icon{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:clamp(36px,4.5cqw,52px);min-height:var(--card-mini-height, clamp(28px, 4.5cqw, 50px));flex-shrink:0;background:var(--play-history-doubt-background, rgba(251, 191, 36, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-doubt-border-color, rgba(251, 191, 36, .5))}.play-history-timeline__item--doubt .play-history-timeline__item-content{flex:1;min-height:0}.play-history-timeline__doubt-text{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-doubt-text-color, #fbbf24);letter-spacing:.02em}.play-history-timeline__doubt-result{font-size:clamp(10px,1.2cqh,13px);font-weight:700;line-height:1}.play-history-timeline__doubt-result--success{color:#4ade80}.play-history-timeline__doubt-result--fail{color:#f87171}.play-history-timeline__chain{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:calc(14px * var(--ui-font-scale));padding:0 clamp(3px,.5cqw,6px);height:100%;align-self:stretch;box-sizing:border-box;line-height:1;opacity:.7;transition:opacity .2s ease}.play-history-timeline__chain:hover{opacity:1}.play-history-timeline__item--four-stop{border-color:var(--play-history-four-stop-border-color);background:var(--play-history-four-stop-background);position:relative}.play-history-timeline__item--four-stop.play-history-timeline__item--latest{border-color:#fbbf2499;background:#fbbf2426;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #fbbf244d}.play-history-timeline__item--four-stop-target{border-color:var(--play-history-four-stop-target-border-color);background:var(--play-history-four-stop-target-background);box-shadow:0 0 0 clamp(1px,.125cqh,2px) #dc26264d}.play-history-timeline__four-stop-icon{position:absolute;top:clamp(-6px,-.7cqh,-4px);left:clamp(-6px,-.7cqw,-4px);width:clamp(12px,1.8cqh,18px);height:clamp(12px,1.8cqh,18px);display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:50%;z-index:10;box-shadow:0 clamp(1px,.15cqh,2px) clamp(2px,.3cqh,4px) #0006;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.2)}.play-history-timeline__four-stop-icon-svg{width:clamp(8px,1.2cqh,12px);height:clamp(8px,1.2cqh,12px);color:#fff;stroke:#fff}.play-history-timeline__item--four-stop{position:relative}.play-history-timeline__four-stop-badge{display:none}.play-history-timeline__item--four-stop-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.5cqh,6px);padding:clamp(6px,.7cqh,10px) clamp(8px,1cqw,14px);min-width:auto}.play-history-timeline__item-content--vertical .play-history-timeline__card-wrapper{display:flex;align-items:center;justify-content:center}.play-history-timeline__card-wrapper--four-stop{--card-mini-width: clamp(14px, 2.2cqw, 24px);--card-mini-height: clamp(20px, 3.2cqw, 34px);--card-mini-text-size: clamp(10px, 1.5cqh, 14px);gap:0}.play-history-timeline__card-wrapper--four-stop.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:not(:first-child){margin-left:clamp(-14px,-2.2cqw,-24px)}.play-history-timeline__four-stop-title{font-size:clamp(7px,.9cqh,10px);font-weight:600;color:#fbbf24;letter-spacing:.02em;line-height:1}.play-history-timeline__mini-card .card--mini .card-simple-pattern,.play-history-timeline__mini-card .card--mini .card-simple-rank,.play-history-timeline__mini-card .card--mini .card-simple-suit{font-size:var(--card-mini-text-size)}:root[data-aspect=portrait] .play-history-timeline__card-wrapper{height:calc(100% - clamp(12px,1.8cqh,18px));min-height:clamp(18px,2.8cqh,25px)}.play-history-timeline__item--card-exchange{opacity:.9;background:#8b5cf614;border-color:#8b5cf64d}.play-history-timeline__card-exchange-header{margin-bottom:clamp(4px,.5cqh,6px)}.play-history-timeline__card-exchange-label{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:#a78bfa;letter-spacing:.02em}.play-history-timeline__card-exchange-list{display:flex;flex-direction:column;gap:clamp(6px,.8cqh,10px)}.play-history-timeline__card-exchange-row{display:flex;flex-direction:column;gap:clamp(2px,.3cqh,4px)}.play-history-timeline__card-exchange-pair{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:clamp(9px,1.1cqh,12px)}.play-history-timeline__card-exchange-arrow{color:#94a3b8;font-weight:500}.play-history-timeline__card-exchange-type{font-size:clamp(8px,1cqh,11px);color:#64748b}.play-history-timeline__card-exchange-cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}@media (max-width: 1199px){.play-history-timeline__fade{height:clamp(8px,1.2cqh,14px)}.play-history-timeline__header{padding-block:clamp(2px,.3cqh,4px) clamp(4px,.5cqh,6px);padding-inline:0}.play-history-timeline__content{gap:clamp(4px,.6cqh,8px)}.play-history-timeline__turn-panel{padding:clamp(4px,.5cqh,6px);gap:clamp(2px,.35cqh,5px)}.play-history-timeline__turn-header{font-size:clamp(9px,1cqh,11px)}.play-history-timeline__turn-content{gap:clamp(4px,.5cqh,6px)}.play-history-timeline__play-group--with-special-effects,.play-history-timeline__play-group-row,.play-history-timeline__play-group{gap:3px}.play-history-timeline__play-group-special-effects{gap:clamp(2px,.35cqh,4px)}.play-history-timeline__item{padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,10px);column-gap:clamp(5px,.7cqw,10px)}.play-history-timeline__item-content--vertical{gap:clamp(2px,.35cqh,4px)}.play-history-timeline__result-badge{width:clamp(12px,1.5cqh,16px);height:clamp(12px,1.5cqh,16px);font-size:clamp(7px,.85cqh,9px)}.play-history-timeline__special-effect-result{font-size:clamp(9px,1cqh,11px)}.play-history-timeline__pass-icon,.play-history-timeline__finished-player-badge{min-width:clamp(28px,3.5cqw,40px);min-height:clamp(18px,2.2cqh,28px)}.play-history-timeline__pass-text{font-size:clamp(8px,.95cqh,10px)}.play-history-timeline__declared-rank{font-size:clamp(5px,.6cqh,7px)}}.special-effect-announcement{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:grid;place-items:center;padding:var(--layout-overlay-safe-inset, clamp(12px, 2.5vh, 24px));pointer-events:none}.special-effect-announcement__multi-index{position:absolute;top:var(--space-2xs, 6px);right:var(--effect-announcement-padding-inline, clamp(16px, 2vw, 24px));font-size:var(--overlay-line2-size, clamp(14px, 1.6vh, 18px));font-weight:600;color:#ffffffd9;background:#00000059;padding:2px 8px;border-radius:999px}.special-effect-announcement__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5vh,8px);text-align:center;color:#fff;padding:var(--layout-overlay-safe-inset, clamp(12px, 2.5vh, 24px));overflow:visible}.special-effect-announcement__effect-name{font-size:var(--overlay-line1-size, clamp(32px, 8vh, 72px));font-weight:700;letter-spacing:.04em;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2vh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5vh, 16px)) rgba(0,0,0,.5);white-space:nowrap;padding:clamp(8px,1.5vh,20px);overflow:visible}.special-effect-announcement__line1--with-avatar{display:flex;align-items:center;gap:4px;white-space:nowrap}.special-effect-announcement__line1--with-avatar span{flex-shrink:0}.special-effect-announcement__line1{font-size:var(--overlay-line1-size, clamp(32px, 8vh, 72px));font-weight:700;letter-spacing:.04em;color:#fffffff2;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2vh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5vh, 16px)) rgba(0,0,0,.5);white-space:nowrap;padding:clamp(8px,1.5vh,20px);overflow:visible}.special-effect-announcement__line2{font-size:var(--overlay-line2-size, clamp(18px, 4vh, 36px));font-weight:600;color:#fffffff2;line-height:1.3;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2vh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5vh, 16px)) rgba(0,0,0,.5);white-space:nowrap;padding:clamp(8px,1.5vh,20px);overflow:visible}.special-effect-announcement__message{font-size:var(--font-size-base);line-height:1.4;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2vh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5vh, 16px)) rgba(0,0,0,.5)}.hand-area{display:flex;flex-direction:column;gap:0;padding:0 var(--hand-area-padding-inline) var(--hand-area-padding-block) var(--hand-area-padding-inline);background:#1e293b;border:var(--border-thin, 1px) solid rgba(255,255,255,.06);border-radius:var(--hand-area-radius, clamp(6px, .8cqh, 10px));height:100%;min-height:0;width:100%;min-width:0;max-width:100%;overflow:visible;position:relative;box-sizing:border-box;transition:background-color .3s ease,padding .3s ease,gap .3s ease;container-type:size;container-name:hand-area;--card-hand-height: clamp(61px, 87cqh, 326px);--card-hand-width: min(calc(var(--card-hand-height) * .714), 26cqw);--hand-card-min-height: var(--card-hand-height)}body.revolution .hand-area{background:#4a1f1f}.hand-area--current-turn{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite;gap:0}body.revolution .hand-area--current-turn{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area--four-stop-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite}body.revolution .hand-area--four-stop-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area--special-effect-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite}body.revolution .hand-area--special-effect-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:var(--hand-area-radius, clamp(6px, .8cqh, 10px));z-index:var(--z-game-overlay, 5000);cursor:pointer;pointer-events:auto}.hand-area__rank-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.hand-area__rank-overlay-text{font-size:clamp(16px,35cqh,72px);font-weight:800;color:#fbbf24;text-align:center;line-height:1.1;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:clamp(4px,1cqh,12px);word-break:keep-all}.hand-area__player-info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,1.5cqw,24px);width:100%;flex-shrink:0;min-height:clamp(32px,5cqh,44px);container-type:inline-size;container-name:player-info}.hand-area__meta-item{display:inline-flex;align-items:center;gap:clamp(4px,.6cqh,8px);white-space:nowrap}.hand-area__player-info-group{display:flex;align-items:center;gap:clamp(6px,.8cqw,12px);margin-right:clamp(16px,2cqw,32px)}.hand-area__meta-label{font-size:clamp(12px,1.5cqh,19px);color:#94a3b8;font-weight:600}.hand-area__meta-value{font-size:clamp(13px,1.65cqh,20px);color:#f8fafc;font-weight:700}@container player-info (max-width: 180px){.hand-area__previous-rank{display:none}}:root[data-aspect=portrait] .hand-area__player-info{justify-content:center}@media (max-width: 1199px){.hand-area__player-info{position:absolute;bottom:var(--hand-area-padding-block);left:calc(var(--hand-area-padding-inline) + 2%);right:calc(var(--hand-area-padding-inline) + 2%);width:auto;min-height:0;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:clamp(4px,.5cqw,8px);z-index:15;pointer-events:none;filter:drop-shadow(0 0 4px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(0,0,0,.4))}.hand-area__player-info .hand-area__previous-rank{display:none}.hand-area__player-info .hand-area__player-info-group{margin-right:0}.hand-area__player-info .hand-area__player-avatar{width:calc(var(--card-hand-height) * .3);height:calc(var(--card-hand-height) * .3);min-width:18px;min-height:18px;max-width:36px;max-height:36px;overflow:hidden}.hand-area__player-info .hand-area__player-avatar>*{width:100%!important;height:100%!important;min-width:0;min-height:0}.hand-area__player-info .hand-area__player-name{font-size:clamp(9px,calc(var(--card-hand-height) * .15),18px);max-width:clamp(60px,calc(var(--card-hand-height) * .9),120px);text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.9)}.hand-area__player-info .hand-area__meta-item{display:inline-flex;font-size:clamp(9px,calc(var(--card-hand-height) * .12),16px);gap:clamp(2px,.3cqw,4px)}.hand-area__player-info .hand-area__meta-item .hand-area__meta-label,.hand-area__player-info .hand-area__meta-item .hand-area__meta-value{font-size:inherit}.hand-area__player-info .hand-area__meta-item .hand-area__meta-label{color:#94a3b8f2}.hand-area__player-info .hand-area__meta-item .hand-area__meta-value{color:#f8fafc;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.9)}.hand-area__player-info .hand-area__meta-item:first-of-type{margin-left:auto;margin-right:clamp(4px,.5cqw,8px)}}.hand-area__player-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--hand-area-avatar-size);height:var(--hand-area-avatar-size)}.hand-area__player-name{font-size:clamp(13px,1.6cqh,24px);font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(80px,12cqw,160px)}.hand-area__previous-rank{font-size:clamp(9px,1.1cqh,15px);font-weight:600;padding:.15em .5em;border-radius:4px;white-space:nowrap;flex-shrink:0}.hand-area__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26)}.hand-area__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.hand-area__previous-rank--heimin{color:#86efac;background:#22c55e26}.hand-area__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.hand-area__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}@container hand-area (min-height: 300px){.hand-area__player-info{min-height:clamp(36px,5.5cqh,56px);gap:clamp(16px,2cqw,32px)}.hand-area__player-info-group{gap:clamp(6px,.7cqw,12px)}.hand-area__player-name{font-size:clamp(17px,2.2cqh,34px)}.hand-area__meta-item{gap:clamp(5px,.6cqw,10px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(16px,2cqh,28px)}.hand-area__player-avatar{width:clamp(28px,3.8cqh,40px);height:clamp(28px,3.8cqh,40px)}}@container hand-area (min-height: 500px){.hand-area__player-info{min-height:clamp(44px,6.5cqh,72px);gap:clamp(20px,2.5cqw,40px)}.hand-area__player-info-group{gap:clamp(4px,.5cqw,8px)}.hand-area__player-name{font-size:clamp(19px,2.5cqh,42px)}.hand-area__meta-item{gap:clamp(6px,.8cqw,14px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(18px,2.4cqh,34px)}.hand-area__player-avatar{width:clamp(34px,4.5cqh,54px);height:clamp(34px,4.5cqh,54px)}}@container hand-area (min-height: 200px) and (max-height: 250px){.hand-area__player-info{min-height:clamp(32px,5cqh,42px);gap:clamp(10px,1.2cqw,20px)}.hand-area__player-info-group{gap:clamp(5px,.6cqw,10px)}.hand-area__player-name{font-size:clamp(15px,1.9cqh,26px)}.hand-area__meta-item{gap:clamp(4px,.5cqw,8px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(14px,1.75cqh,22px)}.hand-area__player-avatar{width:clamp(24px,3cqh,32px);height:clamp(24px,3cqh,32px)}}@container hand-area (max-height: 200px){.hand-area__player-info{min-height:32px;gap:clamp(6px,.8cqw,12px)}.hand-area__player-info-group{gap:clamp(4px,.5cqw,8px)}.hand-area__player-name{font-size:clamp(12px,1.45cqh,16px)}.hand-area__meta-item{gap:clamp(1px,.15cqw,2px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(11px,1.35cqh,15px)}.hand-area__player-avatar{width:24px;height:24px}}@container hand-area (max-height: 120px){.hand-area__player-info{min-height:24px;gap:clamp(2px,.4cqw,6px)}.hand-area__player-info .hand-area__player-avatar{min-width:14px;min-height:14px;max-width:28px;max-height:28px}.hand-area__player-info .hand-area__player-name{font-size:clamp(8px,1.2cqh,14px);max-width:clamp(48px,calc(var(--card-hand-height) * .75),90px)}.hand-area__player-info .hand-area__meta-item{font-size:clamp(7px,1cqh,12px)}}.hand-area__four-stop-selecting-info{display:flex;align-items:center;gap:var(--hand-area-row-gap);padding:calc(var(--hand-area-row-gap) / 2) var(--hand-area-padding-inline);width:100%;justify-content:center}.hand-area__four-stop-selecting-info-icon{font-size:var(--hand-area-info-icon-font)}.hand-area__four-stop-selecting-info-text{font-size:var(--hand-area-info-text-font);font-weight:500;color:#fbbf24;white-space:nowrap;animation:text-pulse 2s ease-in-out 0s infinite}@keyframes pulse-border{0%,to{border-color:#f59e0b4d;box-shadow:0 0 #f59e0b66}50%{border-color:#f59e0b99;box-shadow:0 0 0 clamp(2px,.3cqh,4px) #f59e0b1a}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hand-area__normal-card-selecting-info{display:flex;align-items:center;gap:var(--hand-area-row-gap);padding:calc(var(--hand-area-row-gap) / 2) var(--hand-area-padding-inline);width:100%;justify-content:flex-end}.hand-area__normal-card-selecting-info-icon{font-size:clamp(12px,1.4cqh,16px)}.hand-area__normal-card-selecting-info-text{font-size:clamp(9px,1.1cqh,13px);font-weight:500;color:#fbbf24;white-space:nowrap;text-align:right;animation:text-pulse 2s ease-in-out 0s infinite}.hand-area__normal-card-selecting-info-text--warning{color:#f87171}.hand-area__hand{width:100%;overflow-x:visible;overflow-y:visible;position:relative;flex:1 1 auto;min-width:0;min-height:0}.hand-area__board-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:clamp(6px,1cqw,8px);width:100%;flex:1 1 auto;min-width:0;min-height:0;max-width:100%;align-content:stretch;box-sizing:border-box}.hand-area__hand-column{flex:5 1 0;display:flex;flex-direction:column;gap:0;overflow:visible;container-type:size;container-name:hand-column;min-width:0;min-height:0;max-width:100%;box-sizing:border-box}.hand-area__hand-controls{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * .8);padding:0 var(--hand-area-padding-inline);box-sizing:border-box}.hand-area__spectator-join-spacer{flex:0 0 auto;width:clamp(100px,14cqw,150px);min-width:0}.hand-area--spectator-join-visible .hand__cards{justify-content:center}.hand-area__spectator-join-area{flex:0 0 auto;width:clamp(100px,14cqw,150px);min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:var(--hand-area-row-gap);box-sizing:border-box;align-self:stretch;container-type:size;container-name:spectator-join-area}.hand-area__spectator-join-area .hand-area__action-buttons{display:flex;flex-direction:column;flex:0 0 auto;gap:calc(var(--hand-area-row-gap) * .8)}.hand-area__spectator-join-area .hand-area__action-button--spectator-join{flex:0 0 auto;width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.3;font-size:clamp(14px,3.5cqh,22px);padding:calc(var(--hand-area-button-padding-block) * .9) calc(var(--hand-area-button-padding-inline) * .7)}.hand-area__side-controls{flex:2 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--hand-area-row-gap);align-items:stretch;justify-content:flex-end;align-self:stretch;max-height:100%;overflow-y:auto;box-sizing:border-box;container-type:size;container-name:hand-side-controls}.hand-area__controls{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * 1.2);align-items:stretch;min-height:0;flex:0 0 auto}.hand-area__controls+.hand-area__action-buttons{margin-top:calc(var(--hand-area-control-gap) * 1.25)}.hand-area__face-and-ranks{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--hand-area-control-gap) * 1.15);width:100%;align-items:center;margin-top:0}.hand-area__face-and-ranks--hand-row{position:static;margin-top:0;background:transparent}.hand-area__face-and-ranks--pinned{position:sticky;bottom:0;z-index:2;margin-top:auto;background:inherit}.hand-area__controls .hand-area__face-and-ranks--pinned{position:static;margin-top:0}:root[data-aspect=portrait] .hand-area__side-controls{min-width:0}:root[data-aspect=portrait] .hand-area__face-and-ranks{flex-direction:row;flex-wrap:wrap}:root[data-aspect=portrait] .hand-area__action-buttons{width:100%}.hand-area__face-choice{display:flex;flex-shrink:0}.hand-area__face-toggle{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:var(--hand-area-action-button-height);min-height:clamp(24px,8vh,44px);background:#334155;border:clamp(2px,.25cqh,4px) solid #475569;border-radius:clamp(6px,.8cqh,10px);color:#e2e8f0;font-size:clamp(10px,1.1vh,14px);font-weight:600;padding:calc(var(--space-2xs) * 1.35) calc(var(--space-sm) * 1);cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;white-space:nowrap}.hand-area__face-toggle:hover:not(:disabled){background:#475569;border-color:#64748b;transform:translateY(clamp(-1px,-.125cqh,-2px));box-shadow:0 clamp(2px,.25cqh,4px) clamp(4px,.5cqh,8px) #0003}.hand-area__face-toggle:disabled{opacity:.5;cursor:not-allowed}.hand-area__face-toggle--face-up{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__face-toggle--face-up:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,.9cqh,12px) #3b82f666}.hand-area__face-toggle--face-down{background:#7c3aed;border-color:#7c3aed;color:#fff}.hand-area__face-toggle--face-down:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,.9cqh,12px) #7c3aed66}.hand-area__face-toggle--disabled{opacity:.5;cursor:not-allowed}.hand-area__face-toggle--revealed-warning{border-color:#f59e0b!important;background:#78350f!important;position:relative}.hand-area__face-toggle--revealed-warning:after{content:"⚠️";position:absolute;top:clamp(-8px,-1cqh,-6px);right:clamp(-8px,-1cqw,-6px);font-size:clamp(14px,1.6cqh,18px);background:#f59e0b;border-radius:50%;width:clamp(18px,2.6cqh,24px);height:clamp(18px,2.6cqh,24px);display:flex;align-items:center;justify-content:center;box-shadow:0 clamp(2px,.3cqh,4px) clamp(3px,.5cqh,6px) #0000004d}.hand-area__declared-ranks{display:flex;flex:1 1 auto;min-width:0}.hand-area__declared-ranks--inline{flex:1 1 auto}.hand-area__declared-ranks-content{display:flex;flex-wrap:nowrap;gap:clamp(4px,.5cqh,8px);align-items:center;width:100%;overflow-x:auto;padding:0}.hand-area__declared-rank-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hand-area__declared-rank-button{background:#334155;border:clamp(1px,.125cqh,2px) solid #475569;border-radius:clamp(4px,.5cqh,6px);color:#e2e8f0;font-size:calc(clamp(15px,2.1cqh,24px)*1.05);font-weight:600;padding:calc(var(--hand-area-row-gap) * .95) calc(var(--hand-area-row-gap) * 1.8);min-width:calc(var(--hand-area-rank-button-min-inline) * 1.35);cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;white-space:nowrap}.hand-area__declared-rank-button:hover:not(:disabled){background:#475569;border-color:#64748b;transform:translateY(clamp(-1px,-.125cqh,-2px))}.hand-area__declared-rank-button:disabled{opacity:.5;cursor:not-allowed}.hand-area__declared-rank-button--set{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__declared-rank-button--set:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand-area__declared-rank-button--disabled,.hand-area__declared-rank-button:disabled{opacity:.5;cursor:not-allowed;background:#334155;border-color:#475569}.hand-area__declared-rank-button--disabled:hover,.hand-area__declared-rank-button:disabled:hover{background:#334155;border-color:#475569;transform:none}.hand-area__declared-rank-button--set.hand-area__declared-rank-button--disabled,.hand-area__declared-rank-button--set:disabled{background:#3b82f680;border-color:#3b82f680;color:#ffffffb3}.hand-area__action-buttons{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * .9);flex-shrink:0;flex:0 0 auto;width:100%;align-content:stretch;align-items:stretch;padding:clamp(2px,.4cqh,6px) 0}.hand-area__card-exchange-info{display:flex;flex-direction:column;gap:clamp(2px,.4cqh,6px);padding:clamp(6px,1cqh,10px) clamp(8px,1.4cqh,12px);background:#3b82f61f;border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3);border-radius:clamp(6px,.8cqh,10px);color:#e2e8f0;font-size:clamp(11px,1.2cqh,14px);font-weight:600;text-align:center}.hand-area__card-exchange-selected{color:#93c5fd;font-weight:500}.hand-area__reaction-layout{display:flex;flex-direction:column;gap:var(--hand-area-row-gap);width:100%;align-items:stretch}.hand-area__reaction-buttons{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * 1.25);flex:1 1 auto;align-content:stretch;align-items:stretch}.hand-area__reaction-row{display:flex;gap:calc(var(--hand-area-row-gap) * 1.25);width:100%}.hand-area__reaction-row>.hand-area__action-button{flex:1 1 0;max-width:calc(50% - (var(--hand-area-row-gap) * .7))}.hand-area__reaction-preparing,.hand-area__reaction-waiting{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2cqh,12px);width:100%;padding:clamp(8px,1.2cqh,12px) clamp(10px,1.6cqw,14px);background:#0f172aa6;border:clamp(1px,.15cqh,2px) solid rgba(148,163,184,.35);border-radius:clamp(6px,.8cqh,10px);color:#f8fafc;font-size:clamp(12px,1.3cqh,14px);font-weight:500;box-sizing:border-box}.hand-area__reaction-preparing-spinner{width:clamp(10px,1.6cqh,14px);height:clamp(10px,1.6cqh,14px);border-radius:50%;border:clamp(1px,.2cqh,2px) solid rgba(248,250,252,.25);border-top-color:#f8fafce6;animation:spin .9s linear infinite}.hand-area__reaction-preparing-text{color:#f8fafc}.hand-area__action-button{display:flex;align-items:center;justify-content:center;padding:calc(var(--hand-area-button-padding-block) * .9) calc(var(--hand-area-button-padding-inline) * .9);border-radius:clamp(6px,.8cqh,10px);font-size:clamp(var(--hand-area-button-font-size),calc(var(--hand-area-action-button-height) * .45),calc(var(--hand-area-button-font-size) * 2));font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;border:clamp(1px,.125cqh,2px) solid transparent;white-space:nowrap;text-align:center;height:var(--hand-area-action-button-height);min-height:0;width:100%}.hand-area__primary-actions{display:flex;flex-direction:row;gap:calc(var(--hand-area-row-gap) * 1.25);width:100%;flex:1 1 auto;align-content:stretch;align-items:stretch}.hand-area__action-buttons>.hand-area__action-button,.hand-area__primary-actions>.hand-area__action-button,.hand-area__reaction-buttons>.hand-area__action-button{width:100%;min-width:0}.hand-area__primary-actions>.hand-area__action-button{flex:1 1 0;max-width:calc(50% - (var(--hand-area-row-gap) * .7));height:var(--hand-area-action-button-height);min-height:0}.hand-area__pass-row{display:flex;width:100%}.hand-area__pass-row>.hand-area__action-button{height:var(--hand-area-action-button-height);min-height:0}@media (max-height: 720px){.hand-area__primary-actions>.hand-area__action-button,.hand-area__pass-row>.hand-area__action-button{height:min(var(--hand-area-action-button-height),clamp(24px,30.5cqh,80px));font-size:clamp(10px,10.6cqh,24px)}.hand-area__action-button--seven-pass{height:min(var(--hand-area-action-button-height),clamp(24px,30.5cqh,80px));font-size:clamp(10px,10.6cqh,24px);color:#e2e8f0}.hand-area__action-button--seven-pass.hand-area__action-button--enabled{color:#fff!important}.hand-area__seven-pass-text--long{display:none}.hand-area__seven-pass-text--short{display:inline}}.hand-area__seven-pass-text--short{display:none}.hand-area__action-button--play,.hand-area__action-button--play-face-up,.hand-area__action-button--play-face-down{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--play-face-down{position:relative;box-shadow:inset 0 0 0 clamp(2px,.3cqh,4px) #0f172a;overflow:hidden}.hand-area__action-button--play:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--play-face-up:hover:not(:disabled),.hand-area__action-button--play-face-down:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--play.hand-area__action-button--enabled,.hand-area__action-button--play-face-up.hand-area__action-button--enabled,.hand-area__action-button--play-face-down.hand-area__action-button--enabled{background:#15803d;border-color:#166534;color:#f8fafc}.hand-area__action-button--play.hand-area__action-button--enabled:hover:not(:disabled){background:#16a34a;border-color:#14532d}.hand-area__action-button--play-face-up.hand-area__action-button--enabled:hover:not(:disabled),.hand-area__action-button--play-face-down.hand-area__action-button--enabled:hover:not(:disabled){background:#16a34a;border-color:#14532d}.hand-area__action-button--pass{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--pass:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--pass.hand-area__action-button--enabled{background:#64748b;border-color:#64748b;color:#fff}.hand-area__action-button--pass.hand-area__action-button--enabled:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--seven-pass{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--seven-pass:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--seven-pass.hand-area__action-button--enabled{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.hand-area__action-button--seven-pass.hand-area__action-button--enabled:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.hand-area__action-button--special-effect{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--special-effect:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--special-effect.hand-area__action-button--enabled{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__action-button--special-effect.hand-area__action-button--enabled:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand-area__action-button--doubt.hand-area__action-button--enabled{background:#f97316;border-color:#f97316;color:#fff}.hand-area__action-button--doubt.hand-area__action-button--enabled:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.hand-area__action-button--four-stop{background:#7f1d1d;border-color:#b91c1c;color:#fee2e2}.hand-area__action-button--four-stop:hover:not(:disabled){background:#991b1b;border-color:#ef4444}.hand-area__action-button--four-stop.hand-area__action-button--enabled{background:#dc2626;border-color:#ef4444;color:#fff}.hand-area__action-button--four-stop.hand-area__action-button--enabled:hover:not(:disabled){background:#b91c1c;border-color:#f87171}.hand-area__action-button--four-stop:disabled{background:#475569;border-color:#64748b;color:#e2e8f0;opacity:1}.hand-area__action-button--through{background:#3f3f46;border-color:#52525b;color:#e4e4e7}.hand-area__action-button--through:hover:not(:disabled){background:#52525b;border-color:#71717a}.hand-area__action-button--through.hand-area__action-button--enabled{background:#6b7280;border-color:#9ca3af;color:#fff}.hand-area__action-button--through.hand-area__action-button--enabled:hover:not(:disabled){background:#4b5563;border-color:#94a3b8}.hand-area__action-button:disabled{opacity:.5;cursor:not-allowed}.hand-area__seven-pass-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:clamp(8px,1.2cqh,12px);width:100%;margin-left:0}.hand-area__seven-pass-actions>.hand-area__action-button{flex-shrink:0;margin-left:auto}.hand-area__seven-pass-player-selection-buttons{display:flex;flex-direction:row;align-items:center;gap:clamp(8px,1.4cqh,14px);flex:1;min-width:0}.hand-area__seven-pass-player-selection-header{margin-bottom:clamp(6px,1cqh,10px)}.hand-area__seven-pass-player-selection-label{font-size:clamp(12px,1.5cqh,16px);color:#94a3b8;font-weight:600;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;line-height:1;height:100%}.hand-area__seven-pass-player-selection-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:clamp(4px,.7cqh,8px);flex:1;min-width:0;overflow-x:auto;align-items:center;height:100%;margin:0!important;padding:0!important}.hand-area__seven-pass-player-button{padding:clamp(6px,.9cqh,10px) clamp(12px,1.6cqw,20px);border-radius:clamp(8px,1cqh,12px);font-size:clamp(12px,1.5cqh,16px);font-weight:600;cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;border:clamp(1px,.125cqh,2px) solid #475569;background:#334155;color:#e2e8f0;white-space:nowrap;line-height:1.2;display:flex;align-items:center;justify-content:center}.hand-area__seven-pass-player-button:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__seven-pass-player-button--selected{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.hand-area__seven-pass-player-button--selected:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.hand-area__seven-pass-player-button:disabled{opacity:.5;cursor:not-allowed}.hand-area__four-stop-info{display:flex;align-items:center;justify-content:center;padding:clamp(4px,.6cqh,8px) clamp(8px,1.2cqw,16px);min-height:var(--hand-area-action-button-height);background:#3b82f61a;border:clamp(1px,.125cqh,2px) solid rgba(59,130,246,.3);border-radius:clamp(6px,.8cqh,10px);font-size:clamp(var(--hand-area-button-font-size),calc(var(--hand-area-action-button-height) * .45),calc(var(--hand-area-button-font-size) * 2));color:#93c5fd;white-space:nowrap}.hand-area__four-stop-count{font-weight:600;text-align:center;width:100%}.hand-area__action{flex:0 0 auto;min-width:clamp(100px,16cqw,140px);max-width:clamp(140px,22cqw,200px)}.hand-area__loading-spinner{font-size:clamp(10px,1.2cqh,14px)}.hand-area__seven-pass-player-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);padding:clamp(10px,1.6cqh,16px)}.hand-area__seven-pass-player-selection{padding:0;background-color:transparent;border-radius:0;color:inherit;max-width:none;width:100%;box-shadow:none;border:none}.hand-area__seven-pass-player-selection-title{font-size:clamp(16px,1.2cqh,20px);font-weight:700;margin-bottom:clamp(12px,2.2cqh,24px);text-align:center}.hand-area__seven-pass-player-selection-list{display:flex;flex-direction:column;gap:clamp(8px,1.2cqh,12px);margin-bottom:clamp(12px,2.2cqh,24px)}.hand-area__seven-pass-player-selection-button{padding:clamp(8px,1.2cqh,12px) clamp(10px,1.6cqw,16px);background-color:#333;color:#fff;border:clamp(1px,.2cqh,2px) solid #555;border-radius:clamp(6px,.9cqh,10px);cursor:pointer;transition:all .2s;font-size:clamp(14px,1cqh,18px);text-align:left}.hand-area__seven-pass-player-selection-button:hover{background-color:#444;border-color:#666}.hand-area__seven-pass-player-selection-cancel{padding:clamp(8px,1.2cqh,12px) clamp(12px,2.2cqw,24px);background-color:#555;color:#fff;border:none;border-radius:clamp(6px,.9cqh,10px);font-size:clamp(14px,1cqh,18px);font-weight:700;cursor:pointer;transition:background-color .2s;width:100%}.hand-area__seven-pass-player-selection-cancel:hover{background-color:#666}:root[data-aspect=portrait] .hand-area__declared-ranks-label{display:none}@container hand-side-controls (max-height: 96px){.hand-area__side-controls .hand-area__action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:clamp(2px,.5cqw,6px);padding:0;overflow:hidden;block-size:var(--hand-area-action-button-height);min-block-size:32px}@supports (display: contents){.hand-area__side-controls .hand-area__primary-actions,.hand-area__side-controls .hand-area__pass-row,.hand-area__side-controls .hand-area__reaction-layout,.hand-area__side-controls .hand-area__reaction-buttons,.hand-area__side-controls .hand-area__reaction-row{display:contents}}.hand-area__side-controls .hand-area__primary-actions>.hand-area__action-button{flex:1.4 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__pass-row>.hand-area__action-button{flex:.7 1 0;width:0;min-width:clamp(60px,15cqw,90px);max-width:none}.hand-area__side-controls .hand-area__four-stop-info{flex:.7 1 0;width:0;min-width:clamp(60px,15cqw,90px);max-width:none;min-height:0;height:100%;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.15;padding:clamp(4px,.6cqh,6px) clamp(6px,1.2cqw,10px);font-size:clamp(9px,2.8cqw,12px)}.hand-area__side-controls .hand-area__action-buttons>.hand-area__action-button--seven-pass{flex:1 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__reaction-layout:has(.hand-area__reaction-waiting) .hand-area__reaction-buttons{display:none}.hand-area__side-controls .hand-area__reaction-waiting{flex:1 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__action-buttons>.hand-area__action-button:not(.hand-area__action-button--seven-pass),.hand-area__side-controls .hand-area__reaction-buttons>.hand-area__action-button,.hand-area__side-controls .hand-area__reaction-row>.hand-area__action-button{flex:1 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__action-button{height:100%;min-height:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.15;text-align:center;padding-inline:clamp(6px,1.2cqw,10px);padding-block:clamp(4px,.9cqh,8px);font-size:clamp(9px,2.8cqw,12px)}.hand-area__side-controls .hand-area__action-button--seven-pass.hand-area__action-button--enabled{color:#fff!important}.hand-area__side-controls .hand-area__action-button--seven-pass{font-size:clamp(10px,3cqw,13px);color:#e2e8f0}.hand-area__side-controls .hand-area__action-button--seven-pass .hand-area__seven-pass-text{display:inline;color:inherit}.hand-area__side-controls .hand-area__action-button--seven-pass .hand-area__seven-pass-text--long{display:none}.hand-area__side-controls .hand-area__action-button--seven-pass .hand-area__seven-pass-text--short{display:inline}}@media (min-width: 1200px){.hand-area__hand-column{flex:7 1 0}.hand-area__side-controls{flex:1 1 0}}@media (min-width: 1920px){.hand-area__hand-column{flex:8 1 0}.hand-area__side-controls{flex:1 1 0}}.declared-rank-badge{position:absolute;top:0;left:0;z-index:20;padding:clamp(2px,.3cqh,4px) clamp(3px,.5cqw,6px);font-size:calc(14px * var(--ui-font-scale));font-weight:700;line-height:1;color:#fff;background:#000000b3;border:clamp(1px,.15cqh,2px) solid rgba(255,255,255,.2);border-radius:clamp(3px,.5cqh,5px);white-space:nowrap;pointer-events:none;box-shadow:0 clamp(1px,.15cqh,2px) clamp(2px,.3cqh,4px) #0000004d}.card-stack__declared-rank.declared-rank-badge{padding:clamp(3px,.5cqh,6px) clamp(6px,1cqw,10px);font-size:var(--card-rank-font-size);border-radius:clamp(4px,.7cqh,8px);border-width:clamp(1px,.2cqh,2px);box-shadow:0 clamp(2px,.3cqh,4px) clamp(4px,.6cqh,8px) #0006}.declared-rank-badge--joker{writing-mode:vertical-rl;text-orientation:upright;font-size:calc(11px * var(--ui-font-scale));line-height:.9;letter-spacing:clamp(-3px,-.4cqh,-1px);padding:clamp(1px,.2cqh,2px) clamp(2px,.3cqw,4px);white-space:normal}.card-stack__declared-rank.declared-rank-badge--joker{font-size:var(--card-joker-font-size, var(--card-rank-font-size));padding:clamp(2px,.3cqh,4px) clamp(3px,.5cqw,6px);letter-spacing:clamp(-4px,-.5cqh,-2px)}.card-stack{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:visible;padding:0;box-sizing:border-box}.card-stack__card-wrapper{position:absolute;opacity:1;transform-origin:center center;animation:cardStackAppear .4s ease-out}.card-stack__card-container{position:relative;transform:scale(var(--card-stack-scale, 1));transform-origin:center center;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.card-stack__card{transition:none;pointer-events:none}@keyframes cardStackAppear{0%{transform:translateY(calc(-20px * var(--size-scale-base, 1))) scale(.9)}to{transform:translateY(0) scale(1)}}.stack-play-info{display:flex;align-items:center;justify-content:center;gap:clamp(6px,.7cqw,10px);padding:clamp(4px,.5cqh,6px) clamp(10px,1.2cqw,16px);background:#0f172a;border-radius:clamp(6px,.7cqh,8px);border:1px solid rgba(255,255,255,.12);font-size:clamp(12px,1.5cqh,20px);white-space:nowrap;pointer-events:none}.played-cards-area__stack-play-info{flex-shrink:0;z-index:3}.stack-play-info__player{color:#60a5fa;font-weight:600}.stack-play-info__separator{color:#94a3b880}.stack-play-info__face--up{color:#34d399}.stack-play-info__face--down{color:#94a3b8}.stack-play-info__declared{color:#fbbf24;font-weight:600}.turn-order-indicator{position:relative;pointer-events:none;opacity:.7;transition:opacity .3s ease;z-index:-1;height:min(100%,var(--turn-order-max-size));max-height:min(100%,var(--turn-order-max-size));max-width:min(100%,var(--turn-order-max-size));width:auto;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.turn-order-indicator__circle{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;background:#1e293bb3;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:clamp(2px,.3cqh,4px) solid rgba(255,255,255,.15)}.turn-order-indicator--reversed .turn-order-indicator__circle{border-color:#94a3b866;background:#94a3b826}.turn-order-indicator__arrow{width:95%;height:95%;color:#94a3b8;transform-origin:center center}.turn-order-indicator--reversed .turn-order-indicator__arrow{color:#94a3b8}:root[data-aspect=portrait] .turn-order-indicator__circle{border-width:clamp(2px,.3cqh,4px)}.revolution-indicator{display:flex;align-items:center;justify-content:center;background:#b91c1cf2;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));box-shadow:var(--revolution-indicator-shadow);align-self:center}.revolution-indicator__text{font-size:var(--game-state-indicator-font-size, clamp(11px, 1.3cqh, 16px));line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.jack-back-indicator{display:flex;align-items:center;justify-content:center;gap:var(--hud-gap);background:#1d4ed8f2;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #3b82f64d;align-self:center}.jack-back-indicator__text{font-size:var(--game-state-indicator-font-size, clamp(11px, 1.3cqh, 16px));line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.force-face-up-indicator{display:flex;align-items:center;justify-content:center;gap:var(--hud-gap);background:#0d9488f2;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #0d94884d;align-self:center}.force-face-up-indicator__text{font-size:var(--game-state-indicator-font-size, clamp(11px, 1.3cqh, 16px));line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.game-state-indicator{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--hud-gap, 6px);flex-shrink:0;padding:0;width:100%;line-height:1}.game-state-indicator--single,.game-state-indicator--multiple{justify-content:center}.game-state-indicator--empty{min-height:clamp(24px,2.5cqh,36px)}.played-cards-area{grid-area:center;position:relative;display:grid;grid-template-rows:min-content min-content minmax(0,1fr);grid-template-areas:"state" "play-info" "stack";row-gap:0;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;box-sizing:border-box;overflow:hidden;z-index:var(--played-cards-area-z-index, 10);--card-base-height: var(--played-cards-card-base-height);--card-base-width: var(--played-cards-card-base-width);--card-stack-max-height: calc( 100% * var(--played-cards-stack-height-factor) );--card-stack-max-width: calc(100% * var(--played-cards-stack-width-factor));--card-stack-scale-by-height: calc( var(--card-stack-max-height) / var(--card-base-height) );--card-stack-scale-by-width: calc( var(--card-stack-max-width) / var(--card-base-width) );--card-stack-scale: clamp( var(--played-cards-stack-scale-min, 1), min( var(--card-stack-scale-by-height), var(--card-stack-scale-by-width) ), var(--played-cards-stack-scale-max, 3) )}.played-cards-area__state-strip{grid-area:state;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--space-2xs) var(--space-xs);min-height:0;max-height:fit-content;flex-shrink:0;box-sizing:border-box;overflow:hidden}.played-cards-area__game-state{pointer-events:none}.played-cards-area__play-info-strip{grid-area:play-info;display:flex;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-xs);flex-shrink:0;min-height:clamp(24px,2.5cqh,36px)}.played-cards-area__stack-stage{grid-area:stack;position:relative;min-height:0;min-width:0;width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:row;align-items:stretch;padding:var(--space-2xs) var(--space-3xs);overflow:hidden;box-sizing:border-box}.played-cards-area__stack-layer{flex:1;min-width:0}.played-cards-area__stack-layer .played-cards-area__turn-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.played-cards-area__stack-layer{position:relative;z-index:2;width:min(100%,var(--played-cards-stage-max-inline, 100%));max-width:100%;height:min(100%,var(--played-cards-stage-max-block, 100%));max-height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.played-cards-area__stack-stage>.played-cards-area__stack-layer{flex:1;width:auto;max-width:none;height:100%;display:flex;align-items:center;justify-content:center}.played-cards-area__stack-with-info{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;position:relative}.played-cards-area__stack-with-info>*:first-child{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.played-cards-area__card-stack{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;z-index:1}.played-cards-area__layered-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.played-cards-area__layered-stack .played-cards-area__card-stack--base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.played-cards-area__layered-stack .played-cards-area__card-stack--four-stop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translateY(-8%) rotate(-12deg);transform-origin:center center}.played-cards-area[data-continuation-display] .card-stack__card-wrapper{animation:none}.played-cards-area__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#9ca3af;text-align:center;padding:var(--space-xs);box-sizing:border-box;z-index:1}.played-cards-area__empty-state-text{font-size:var(--played-cards-empty-text-size);font-weight:500;opacity:.8}@media (max-width: 1199px){.played-cards-area{--hud-gap: 2px;--game-state-indicator-padding-block: 2px;--game-state-indicator-padding-inline: 6px;--game-state-indicator-font-size: 9px;--game-state-indicator-min-width: 52px;grid-template-areas:"state" "stack" "play-info";grid-template-rows:min-content minmax(0,1fr) min-content}.played-cards-area__state-strip{padding:2px var(--space-2xs)}.played-cards-area__state-strip .game-state-indicator--empty{min-height:clamp(14px,1.5cqh,20px)}.played-cards-area__play-info-strip{padding:2px var(--space-2xs);min-height:clamp(14px,1.5cqh,22px)}.played-cards-area__play-info-strip .stack-play-info{padding:clamp(1px,.2cqh,3px) clamp(4px,.6cqw,8px);font-size:clamp(9px,1.1cqh,12px);gap:clamp(2px,.4cqw,5px)}}@media (orientation: landscape) and (max-height: 420px){.played-cards-area__play-info-strip{min-height:clamp(12px,1.4cqh,20px);padding:1px var(--space-2xs)}.played-cards-area__state-strip{padding:1px var(--space-2xs)}.played-cards-area__state-strip .game-state-indicator--empty{min-height:clamp(12px,1.3cqh,18px)}.played-cards-area__play-info-strip .stack-play-info{padding:clamp(1px,.2cqh,2px) clamp(3px,.5cqw,6px);font-size:clamp(8px,1cqh,11px);gap:clamp(2px,.3cqw,4px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.played-cards-area__play-info-strip{min-height:clamp(18px,2cqh,28px)}}.play-sheet{position:relative;z-index:10}.penalty-deck{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--penalty-deck-gap);padding:var(--penalty-deck-padding);background:#ffffff05;border-radius:var(--penalty-deck-radius);height:auto;width:auto;overflow:visible;box-sizing:border-box;transition:padding .3s ease,gap .3s ease,border-radius .3s ease}.penalty-deck__label{font-size:var(--penalty-deck-label-size);font-weight:600;color:#fbbf24;text-align:center;flex-shrink:0;line-height:1.2;white-space:normal;max-width:100%;transition:font-size .3s ease}.penalty-deck__container{position:relative;width:var(--penalty-deck-card-inline);aspect-ratio:5 / 7;flex-shrink:0;max-width:100%;overflow:visible;transition:width .3s ease}.penalty-deck__card{position:relative;width:100%;height:100%;overflow:visible}.penalty-deck__card-inner{width:100%;height:100%;position:relative}.penalty-deck__card-inner .card__count{position:absolute;top:0;right:0;bottom:0;left:0;font-size:clamp(18px,50cqh,80px)!important;font-weight:700!important;color:#fff!important;text-shadow:0 clamp(2px,.125cqh,4px) clamp(4px,.25cqh,6px) rgba(0,0,0,.5);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2cqh,10px);transition:font-size .3s ease;line-height:1}.penalty-deck__card-inner .card__count:after{content:"枚";font-size:clamp(10px,18cqh,28px)!important;font-weight:600!important;line-height:1;margin-top:clamp(2px,.6cqh,6px);transition:font-size .3s ease}.game-layout{--played-cards-area-min-height-desktop: clamp(180px, 20cqh, 220px);--played-cards-area-min-height-tablet: clamp(160px, 18cqh, 200px);--played-cards-area-min-height-mobile: clamp(140px, 16cqh, 180px);--play-area-seat-stack-max-height: var(--player-seats-area-height);--play-area-played-min-height: var(--played-cards-area-min-height-desktop);--play-area-main-overflow: visible}.game-layout[data-aspect=standard],:root[data-aspect=standard] .game-layout{--play-area-played-min-height: var(--played-cards-area-min-height-tablet);--play-area-main-overflow: hidden}.game-layout[data-aspect=portrait],:root[data-aspect=portrait] .game-layout{--play-area-played-min-height: var(--played-cards-area-min-height-mobile);--play-area-main-overflow: hidden}.play-area__main-area{--played-cards-area-z-index: 10}.play-area__history-section{grid-area:history;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:transparent;border:none;padding:0;margin:0}.play-area__events-and-actions-panel{grid-area:events;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.play-area__penalty-deck-section{grid-area:penalty;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.play-area__penalty-deck-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.play-area__penalty-deck{width:100%;height:auto}.play-area__timer-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.play-area__timer-slot--above-overlay{position:relative;z-index:calc(var(--layer-overlay, 500) + 1)}.play-area__timer{display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.2vh,14px);background:#ffffff05;border-radius:clamp(10px,2vh,20px);backdrop-filter:blur(clamp(4px,.6vh,8px));-webkit-backdrop-filter:blur(clamp(4px,.6vh,8px))}.play-area__timer .reaction-timer,.play-area__timer .action-decision-timer,.play-area__timer .special-effect-selection-timer{pointer-events:auto}@media (max-width: 1199px){.game-layout__hand-area-timer .play-area__timer{max-width:100%;max-height:100%;padding:clamp(4px,.8cqh,10px)}.game-layout__hand-area-penalty .penalty-deck,.game-layout__hand-area-penalty .play-area__penalty-deck{max-width:100%;min-width:0}.game-layout__hand-area-penalty .penalty-deck__container{max-width:100%}}:root[data-aspect=standard] .play-area__main-area,:root[data-aspect=portrait] .play-area__main-area{flex-direction:column}.play-area__hand-area{grid-area:hand;position:relative;width:100%;max-width:100%;min-height:0;height:100%;max-height:100%;min-width:0;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;z-index:15;pointer-events:auto;margin:0;padding:0;background:#1e293b;box-shadow:none;display:flex;flex-direction:column}.play-area__hand-area:before{display:none}.play-area--revolution .play-area__hand-area{background:#3b0d0d;box-shadow:none}.play-area--revolution .play-area__hand-area:before{display:none}.play-area__hand-area>*{position:relative;z-index:1}.play-area__card-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:auto;height:auto}.play-area__notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1cqh,10px);max-width:clamp(300px,40cqw,400px);width:auto;margin-top:clamp(-60px,-8cqh,-100px)}.play-area__play-history-timeline{width:100%;flex:1 1 0;min-height:0;box-sizing:border-box}:root[data-aspect=portrait] .played-cards{padding:var(--space-xs);gap:var(--space-2xs)}:root[data-aspect=portrait] .play-area__header{padding-bottom:var(--space-2xs)}:root[data-aspect=portrait] .play-area__main-area{gap:var(--space-xs)}.play-area__reaction-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .3s ease-out}.play-area__reaction-overlay--buttons{align-items:center;padding-top:0;justify-content:center}.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(150px,21cqh,250px)}@media (orientation: landscape) and (max-height: 420px){.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(60px,14cqh,100px)}.play-area__reaction-ui{gap:clamp(6px,1.2cqh,10px);padding:var(--play-area-reaction-gap) clamp(8px,1cqw,14px);min-width:min(100%,200px);max-width:min(90%,320px)}.play-area__reaction-content{padding:clamp(6px,1.2cqh,12px) clamp(10px,1.8cqw,20px)}.play-area__action-buttons{padding:clamp(4px,.6cqh,8px) clamp(6px,1cqw,12px);gap:clamp(4px,.6cqh,8px)}.play-area__button{padding:clamp(6px,1cqh,12px) clamp(10px,1.6cqw,20px);font-size:clamp(10px,1.1cqh,14px);min-height:clamp(32px,3.8cqh,44px)}.play-area__timer-container{margin-top:clamp(50px,10cqh,90px);max-width:clamp(280px,50cqw,400px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(70px,16cqh,120px)}.play-area__reaction-ui{gap:clamp(8px,1.4cqh,12px)}.play-area__button{font-size:clamp(11px,1.2cqh,15px);min-height:clamp(34px,4.2cqh,48px)}.play-area__timer-container{margin-top:clamp(60px,11cqh,100px)}}.play-area__reaction-ui{position:relative;z-index:1;pointer-events:auto;background:transparent;padding:var(--play-area-reaction-gap) clamp(12px,1.3cqw,20px);animation:slideInFromBottom .3s ease-out;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.6cqh,20px);min-width:var(--play-area-reaction-min-width);max-width:clamp(280px,50cqw,500px)}.play-area__reaction-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--play-area-reaction-gap);width:100%;padding:clamp(12px,1.6cqh,20px) clamp(16px,2.4cqw,32px)}:root[data-aspect=portrait] .play-area__reaction-content{flex-direction:column;gap:var(--play-area-reaction-gap)}.play-area__action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--play-area-reaction-button-gap);flex-wrap:nowrap;flex:1;width:100%;background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);box-sizing:border-box}.play-area__timer-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:100%;max-width:clamp(400px,60cqw,600px);display:flex;justify-content:center;pointer-events:none;margin-top:clamp(80px,12cqh,140px)}.play-area__button{display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.4cqh,18px) clamp(16px,2.4cqw,32px);border:none;border-radius:clamp(6px,.8cqh,10px);font-size:clamp(12px,1.4cqh,16px);font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:#94a3b8;white-space:nowrap;flex:1;min-width:0;min-height:clamp(40px,4.8cqh,56px);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #0003}.play-area__button:hover:not(:disabled){background:#ffffff1a;transform:translateY(clamp(-2px,-.25cqh,-4px));box-shadow:0 clamp(4px,.5cqh,8px) clamp(10px,1.2cqh,16px) #0000004d}.play-area__button--enabled{opacity:1;color:#f8fafc;cursor:pointer;font-weight:900}.play-area__button--doubt.play-area__button--enabled{background:#fbbf24cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(251,191,36,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #fbbf244d}.play-area__button--doubt.play-area__button--enabled:hover:not(:disabled){background:#fbbf24d9;border-color:#fbbf24e6;box-shadow:0 clamp(4px,.5cqh,8px) clamp(12px,1.6cqh,20px) #fbbf2466}.play-area__button--four-stop.play-area__button--enabled{background:#ef4444cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(239,68,68,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #ef44444d}.play-area__button--four-stop.play-area__button--enabled:hover:not(:disabled){background:#ef4444d9;border-color:#ef4444e6;box-shadow:0 clamp(3px,.5cqh,6px) clamp(10px,1.6cqh,16px) #ef444466}.play-area__button--four-stop:disabled{background:#475569bf;border-color:#64748bd9;color:#e2e8f0;box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #0003}.play-area__button--through.play-area__button--enabled{background:#94a3b8cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(148,163,184,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #94a3b84d}.play-area__button--through.play-area__button--enabled:hover:not(:disabled){background:#94a3b8d9;border-color:#94a3b8e6;box-shadow:0 clamp(3px,.5cqh,6px) clamp(10px,1.6cqh,16px) #94a3b866}.play-area__button--disabled{opacity:.4;color:#64748b;cursor:not-allowed;background:#ffffff08;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.05)}.play-area__button--disabled:hover{transform:none;background:#ffffff08;border-color:#ffffff0d}.play-area__button:disabled{cursor:not-allowed;opacity:.4}.play-area__button:disabled:hover{transform:none;background:#ffffff08}.play-area__button-text{font-weight:500}.play-area__button--enabled .play-area__button-text{font-weight:700}:root[data-aspect=portrait] .play-area__reaction-ui{max-width:90%}:root[data-aspect=portrait] .play-area__action-buttons{flex-direction:column;width:100%}:root[data-aspect=portrait] .play-area__button{width:100%;min-width:0}.play-area__reaction-preparing{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4cqh,12px);width:100%;color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500;-webkit-user-select:none;user-select:none;padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);box-sizing:border-box}.play-area__reaction-preparing-spinner{width:clamp(12px,1.4cqh,16px);height:clamp(12px,1.4cqh,16px);border-radius:50%;border:clamp(2px,.25cqh,4px) solid rgba(255,255,255,.2);border-top-color:#fffc;animation:played-cards-spin .9s linear infinite}.play-area__reaction-preparing-text{color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500}.play-area__reaction-waiting{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.4cqh,12px);color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500;-webkit-user-select:none;user-select:none;background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);box-sizing:border-box}.play-area__reaction-waiting-text{color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500}@keyframes played-cards-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-progress-bar__container{width:var(--reaction-timer-size);height:var(--reaction-timer-size);position:relative;display:flex;align-items:center;justify-content:center;transition:width .3s ease,height .3s ease}.timer-progress-bar__circle{width:100%;height:100%}.timer-progress-bar__background{stroke:#ffffff1a;stroke-width:var(--reaction-timer-stroke-width)}.timer-progress-bar__progress{stroke:#fbbf24;stroke-width:var(--reaction-timer-stroke-width);stroke-linecap:round;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 var(--reaction-timer-shadow) rgba(251,191,36,.5))}.timer-progress-bar__progress--warning{stroke:#ef4444;filter:drop-shadow(0 0 var(--reaction-timer-shadow) rgba(239,68,68,.6))}.timer-progress-bar__progress--ended{stroke:#9ca3af;filter:none;transition:none}.timer-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;font-size:var(--reaction-timer-font-size)}.timer-text{position:relative;width:auto;height:auto;display:flex;align-items:center;justify-content:center;z-index:20}.timer-text__content{font-size:var(--reaction-timer-text-size);font-weight:700;color:#fbbf24;line-height:1;text-shadow:0 0 calc(var(--reaction-timer-shadow) * 2) rgba(251,191,36,.6);transition:font-size .3s ease,color .2s ease}.timer-text--warning .timer-text__content{color:#ef4444;text-shadow:0 0 calc(var(--reaction-timer-shadow) * 2) rgba(239,68,68,.6)}.timer-text--ended .timer-text__content{color:#9ca3af;text-shadow:0 0 var(--reaction-timer-shadow) rgba(156,163,175,.4)}.reaction-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--reaction-timer-size, clamp(80px, 10cqh, 120px));height:var(--reaction-timer-size, clamp(80px, 10cqh, 120px));margin:0 auto;transition:opacity .2s ease,visibility .2s ease;position:relative;background:#1e293b4d;backdrop-filter:blur(var(--reaction-timer-blur, clamp(6px, .8cqh, 10px)));-webkit-backdrop-filter:blur(var(--reaction-timer-blur, clamp(6px, .8cqh, 10px)));border-radius:50%;padding:var(--reaction-timer-padding, clamp(6px, .8cqh, 10px));box-sizing:border-box}.pass-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.pass-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:centralOverlayFlash .5s ease-out forwards}.pass-overlay__text{position:relative;z-index:1;font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:#fff;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}@keyframes centralOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@media (max-width: 1199px){.pass-overlay{padding-bottom:0}}.four-stop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.four-stop-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:fourStopOverlayFlash .5s ease-out forwards}.four-stop-overlay__text{position:relative;z-index:1;font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:#e85555;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}@keyframes fourStopOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,150,150,.25) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@media (max-width: 1199px){.four-stop-overlay{padding-bottom:0}}.four-stop-card-selection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:fourStopCardSelectionOverlayEntrance .4s ease-out forwards}.four-stop-card-selection-overlay__main{font-size:clamp(32px,8cqh,72px);font-weight:800;color:#e85555;text-shadow:0 0 clamp(6px,1.2cqh,12px) rgba(0,0,0,.7),0 2px clamp(8px,1.5cqh,16px) rgba(0,0,0,.5);letter-spacing:.06em}.four-stop-card-selection-overlay__sub{margin-top:.35em;font-size:clamp(18px,4cqh,36px);font-weight:600;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.04em;border-bottom:3px solid rgba(220,100,100,.9);padding-bottom:.1em}@keyframes fourStopCardSelectionOverlayEntrance{0%{opacity:0}to{opacity:1}}@media (max-width: 1199px){.four-stop-card-selection-overlay{padding-bottom:0}}.doubt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:doubtOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.doubt-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:doubtOverlayFlash .5s ease-out forwards}.doubt-overlay__text{position:relative;z-index:1;font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:#f5a623;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:doubtOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}@keyframes doubtOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,200,150,.25) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@media (max-width: 1199px){.doubt-overlay{padding-bottom:0}}.doubt-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:doubtOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.doubt-result-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:doubtOverlayFlash .5s ease-out forwards}.doubt-result-overlay__text{position:relative;z-index:1;font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:#fff;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:doubtOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.doubt-result-overlay--success .doubt-result-overlay__text{color:#4ade80;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5)}.doubt-result-overlay--failure .doubt-result-overlay__text{color:#f87171;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5)}@media (max-width: 1199px){.doubt-result-overlay{padding-bottom:0}}@keyframes doubtOverlayEntrance{0%{opacity:0}to{opacity:1}}@keyframes doubtOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@keyframes doubtOverlayTextPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.finished-player-display{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.finished-player-display__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:finishedPlayerFlash .5s ease-out forwards}.finished-player-display__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;text-align:center}.finished-player-display__line1{font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.finished-player-display__line2{display:flex;align-items:center;justify-content:center}.finished-player-display__player-name{font-size:var(--overlay-line2-size, clamp(18px, 4cqh, 36px));font-weight:600;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.04em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes finishedPlayerFlash{0%{background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@media (max-width: 1199px){.finished-player-display{padding-bottom:0}}.special-effect-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.special-effect-cutin__effects{display:flex;flex-direction:column;gap:clamp(12px,2cqh,24px);align-items:center;justify-content:center;max-height:95vh;overflow:visible;padding:0 clamp(32px,5cqh,56px)}.special-effect-cutin__effects--many{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.5cqh,16px);max-width:min(90vw,480px);max-height:75vh;padding:clamp(8px,1.5cqh,16px) clamp(32px,5cqh,56px);overflow:visible}.special-effect-cutin__effects--many .special-effect-cutin__effect-name{font-size:var(--overlay-line2-size, clamp(18px, 4cqh, 36px));justify-self:center}.special-effect-cutin__effect-name{position:relative;z-index:1;font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.special-effect-cutin__effect-name:nth-child(1){animation-delay:.05s}.special-effect-cutin__effect-name:nth-child(2){animation-delay:.25s}.special-effect-cutin__effect-name:nth-child(3){animation-delay:.45s}.special-effect-cutin__effect-name:nth-child(4){animation-delay:.65s}.special-effect-cutin__effect-name:nth-child(5){animation-delay:.85s}.special-effect-cutin__effect-name:nth-child(6){animation-delay:1.05s}@keyframes centralOverlayTextPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes centralOverlayEntrance{0%{opacity:0}to{opacity:1}}@media (max-width: 1199px){.special-effect-cutin{padding-bottom:0}}.special-effect-declaration-area-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);padding:clamp(10px,1.6vh,16px)}.special-effect-declaration-area{padding:clamp(16px,2.6vh,32px);background-color:#000000f2;border-radius:clamp(8px,1.2vh,12px);color:#fff;max-width:clamp(320px,70vw,600px);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 clamp(8px,1vh,16px) clamp(32px,4vh,48px) #00000080;border:clamp(1px,.2vh,2px) solid rgba(0,102,204,.4)}.special-effect-declaration-area__title{font-size:clamp(16px,2vh,24px);font-weight:700;margin-bottom:clamp(4px,.7vh,8px);text-align:center}.special-effect-declaration-area__description{font-size:clamp(14px,1.8vh,20px);margin-bottom:clamp(8px,1.4vh,16px);text-align:center;color:#ccc}.special-effect-declaration-area__rank-list{display:flex;flex-wrap:wrap;gap:clamp(4px,.7vh,8px);margin-bottom:clamp(8px,1.4vh,16px);justify-content:center}.special-effect-declaration-area__rank-button{padding:clamp(4px,.7vh,8px) clamp(8px,1.4vw,16px);background-color:#333;color:#fff;border:clamp(1px,.2vh,2px) solid #555;border-radius:clamp(3px,.5vh,6px);cursor:pointer;transition:all .2s;font-size:clamp(14px,1.8vh,20px);min-width:clamp(40px,6vw,56px)}.special-effect-declaration-area__rank-button:hover:not(:disabled){background-color:#444;border-color:#666}.special-effect-declaration-area__rank-button--selected{background-color:#06c;border-color:#08f}.special-effect-declaration-area__rank-button:disabled{opacity:.5;cursor:not-allowed}.special-effect-declaration-area__selected-ranks{margin-bottom:clamp(8px,1.4vh,16px);padding:clamp(6px,1.1vh,12px);background-color:#ffffff1a;border-radius:clamp(3px,.5vh,6px)}.special-effect-declaration-area__selected-label{font-size:clamp(14px,1.8vh,20px);margin-bottom:clamp(4px,.7vh,8px);color:#ccc}.special-effect-declaration-area__selected-list{display:flex;flex-wrap:wrap;gap:clamp(4px,.7vh,8px);margin-bottom:clamp(4px,.7vh,8px)}.special-effect-declaration-area__selected-rank{padding:clamp(2px,.4vh,6px) clamp(4px,.7vw,8px);background-color:#06c;border-radius:clamp(3px,.5vh,6px);font-weight:700}.special-effect-declaration-area__selected-count{font-size:clamp(14px,1.8vh,20px);color:gold;text-align:center}.special-effect-declaration-area__confirm-button{padding:clamp(6px,1.1vh,12px) clamp(12px,2.2vw,24px);background-color:#06c;color:#fff;border:none;border-radius:clamp(3px,.5vh,6px);font-size:clamp(14px,1.8vh,20px);font-weight:700;cursor:pointer;transition:background-color .2s;width:100%}.special-effect-declaration-area__confirm-button:hover:not(:disabled){background-color:#0052a3}.special-effect-declaration-area__confirm-button:disabled{background-color:#555;cursor:not-allowed}.game-info-area{display:flex;flex-direction:column;gap:var(--space-xs, clamp(4px, .7cqh, 10px));padding:var(--space-sm, clamp(6px, 1cqh, 14px));background:#1e293b;border-radius:var(--radius-md, clamp(6px, .9cqh, 10px));min-height:0;min-width:0;overflow:hidden;height:100%;max-height:100%;box-sizing:border-box;transition:padding .3s ease,gap .3s ease,border-radius .3s ease}.game-info-area__header{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);margin-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));flex-shrink:0;padding-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));height:auto;transition:margin-bottom .3s ease,padding-bottom .3s ease}.game-info-area__title{font-size:var(--font-sm, clamp(9px, calc(12px * var(--font-scale-base, 1)), 14px));font-weight:600;color:#f8fafc;margin:0;transition:font-size .3s ease}.game-info-area__logs-container{flex:1 1 clamp(140px,26cqw,240px);overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%}.game-info-area__logs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2xs, clamp(3px, .5cqh, 6px));transition:gap .3s ease}.game-info-area__log-item{display:flex;gap:var(--space-sm, clamp(6px, 1cqh, 10px));font-size:var(--font-xs, clamp(6px, calc(10px * var(--font-scale-sm, 1)), 12px));line-height:1.4;padding:var(--space-2xs, clamp(3px, .5cqh, 6px)) 0;border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.05);transition:font-size .3s ease,padding .3s ease,gap .3s ease}.game-info-area__log-time{color:#94a3b8;font-size:var(--font-xs, clamp(5px, calc(9px * var(--font-scale-sm, 1)), 11px));flex-shrink:0;min-width:clamp(24px,5cqw,60px);transition:font-size .3s ease,min-width .3s ease}.game-info-area__log-message{color:#e2e8f0;flex:1;word-break:break-word}.game-info-area__logs-empty{color:#64748b;font-size:var(--font-xs, clamp(8px, calc(10px * var(--font-scale-sm, 1)), 12px));text-align:center;padding:var(--space-lg, clamp(10px, 2cqh, 20px));transition:font-size .3s ease,padding .3s ease}.game-info-area__logs-container::-webkit-scrollbar{width:clamp(3px,.4cqw,5px)}.game-info-area__logs-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px))}.game-info-area__logs-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px))}.game-info-area__logs-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2cqh,20px);color:#fff}.loading-spinner{position:relative;width:clamp(40px,6cqh,60px);height:clamp(40px,6cqh,60px)}.spinner-ring{position:absolute;width:100%;height:100%;border:clamp(3px,.5cqh,4px) solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:-.33s;border-top-color:#60a5fa}.spinner-ring:nth-child(3){animation-delay:-.66s;border-top-color:#34d399}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{font-size:calc(16px * var(--ui-font-scale));font-weight:500;text-align:center}.loading-progress{width:clamp(140px,25cqw,200px);display:flex;flex-direction:column;gap:clamp(6px,1cqh,10px)}.progress-bar{width:100%;height:clamp(6px,.9cqh,10px);background:#fff3;border-radius:clamp(3px,.5cqh,5px);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#34d399);transition:width .3s ease}.progress-text{font-size:calc(12px * var(--ui-font-scale));text-align:center;opacity:.8}.loading-dots{display:flex;gap:clamp(6px,1cqh,10px)}.dot{width:clamp(6px,.9cqh,10px);height:clamp(6px,.9cqh,10px);background:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.player-seats{--player-seats-z-index: 5;--player-seat-z-index-current: 1;--player-seat-indicator-z-index: 2;--player-seat-bg: rgba(30, 41, 59, .8);--player-seat-bg-revolution: #572424;--player-seat-bg-selecting: rgba(245, 158, 11, .15);--player-seat-border-selecting: rgba(245, 158, 11, .3);--player-seat-bg-passed: rgba(148, 163, 184, .2);--player-seat-bg-four-stop: rgba(239, 68, 68, .2);--player-seat-bg-last-played: rgba(96, 165, 250, .15);--player-seat-border-last-played: rgba(96, 165, 250, .35);--player-seat-animation-duration: 2s}.player-seats{position:relative;width:100%;height:100%;display:flex;flex-direction:row;gap:min(var(--player-seat-gap),clamp(2px,.35cqh,6px));pointer-events:none;min-height:0;max-height:100%;overflow:visible;box-sizing:border-box;align-items:center}.player-seat{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;pointer-events:auto;min-width:var(--player-seat-min-inline);max-width:none;width:100%;flex:1 1 0;white-space:normal;flex-shrink:1;box-sizing:border-box;height:100%;max-height:100%;overflow:hidden;container-type:size;container-name:player-seat;border:var(--border-thin, 1px) solid rgba(255,255,255,.06);border-radius:var(--player-seat-select-radius)}.player-seats-area--top .player-seats{justify-content:space-between}.player-seats-area--bottom .player-seats{justify-content:space-between;padding-left:0;padding-right:0;gap:var(--player-seat-bottom-gap, var(--player-seat-gap))}.player-seat--current{z-index:var(--player-seat-z-index-current)}.player-seat--selecting-cards{background:var(--player-seat-bg-selecting);border:var(--player-seat-select-border-width) solid var(--player-seat-border-selecting);border-radius:var(--player-seat-select-radius);animation:pulse-border var(--player-seat-animation-duration) ease-in-out infinite}.player-seat--last-played{background:var(--player-seat-bg-last-played);border:var(--player-seat-select-border-width) solid var(--player-seat-border-last-played);border-radius:var(--player-seat-select-radius)}@keyframes pulse-border{0%,to{border-color:var(--player-seat-border-selecting);box-shadow:0 0 #f59e0b66}50%{border-color:#f59e0b99;box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a}}.player-seat__indicator-wrapper{position:absolute;left:50%;transform:translate(-50%);z-index:var(--player-seat-indicator-z-index)}.player-seat__indicator-wrapper--top-stack{bottom:var(--player-seat-indicator-offset);top:auto}.player-seat__indicator-wrapper--bottom-stack{top:var(--player-seat-indicator-offset);bottom:auto}.player-seat__indicator{display:flex;align-items:center;justify-content:center;width:var(--player-seat-indicator-size);height:var(--player-seat-indicator-size);padding:var(--player-seat-indicator-padding);box-sizing:border-box;border-radius:50%;background:#000000b3;border:var(--player-seat-indicator-border-width) solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-seat__indicator--turn{border-color:#fbbf24;background:#fbbf2433}.player-seat__indicator--play{border-color:#4ade80;background:#4ade8033}.player-seat__indicator--four-stop{border-color:#f59e0b;background:#f59e0b33}.player-seat__indicator--four-stop-selecting{border-color:#f59e0b;background:#f59e0b4d;width:auto;min-width:var(--player-seat-four-stop-min-inline);height:var(--player-seat-four-stop-height);padding:0 var(--player-seat-four-stop-padding-inline);border-radius:var(--radius-lg);gap:var(--player-seat-four-stop-gap);animation:pulse var(--player-seat-animation-duration) ease-in-out infinite}.player-seat__indicator--four-stop-selecting .player-seat__indicator-text{font-size:var(--player-seat-four-stop-font);font-weight:600;color:#f59e0b;white-space:nowrap}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.player-seat__indicator--doubt{border-color:#ef4444;background:#ef444433}.player-seat__indicator--through{border-color:#60a5fa;background:#60a5fa33}.player-seat__indicator--pass{border-color:#94a3b8;background:#94a3b833}.player-seat__content{position:relative;display:grid;grid-template-rows:minmax(var(--player-seat-avatar-size-local),var(--player-seat-row-first-size, 1fr)) minmax(0,var(--player-seat-row-second-size, 2fr)) minmax(0,var(--player-seat-row-third-size, 1fr));align-items:stretch;justify-items:stretch;gap:var(--player-seat-content-gap);padding:var(--player-seat-content-padding);min-width:var(--player-seat-min-inline);width:100%;height:100%;box-sizing:border-box;background:var(--player-seat-bg);border-radius:var(--player-seat-select-radius);overflow:hidden;container-type:size;--player-seat-avatar-size-local: var(--player-seat-avatar-size);--player-seat-name-font: clamp(10px, 1.35cqh, 15px);--player-seat-meta-label-font: clamp(9px, 1.15cqh, 14px);--player-seat-meta-value-font: clamp(10px, 1.3cqh, 16px);--player-seat-mini-height-local: clamp(22px, 90cqh, 200px);--player-seat-mini-width-local: calc( var(--player-seat-mini-height-local) * .72 );container-name:player-seat-content;--player-seat-row-first-size: 2fr;--player-seat-row-second-size: 4fr;--player-seat-row-third-size: 1.5fr;--player-seat-pass-font-size-local: clamp(18px, 28cqh, 72px);--player-seat-pass-letter-spacing-local: .06em}body.revolution .player-seat__content{background:var(--player-seat-bg-revolution)}.player-seat--selecting-cards .player-seat__content,body.revolution .player-seat--selecting-cards .player-seat__content{background:var(--player-seat-bg-selecting)}.player-seat--last-played .player-seat__content,body.revolution .player-seat--last-played .player-seat__content{background:var(--player-seat-bg-last-played)}.player-seat--passed .player-seat__content,body.revolution .player-seat--passed .player-seat__content{background:var(--player-seat-bg-passed);opacity:.6}.player-seat--selecting-cards.player-seat--passed .player-seat__content{background:var(--player-seat-bg-selecting);opacity:1}.player-seat--through .player-seat__content,body.revolution .player-seat--through .player-seat__content{background:var(--player-seat-bg-passed);opacity:.6}.player-seat--selecting-cards.player-seat--through .player-seat__content{background:var(--player-seat-bg-selecting);opacity:1}.player-seat--four-stop .player-seat__content,body.revolution .player-seat--four-stop .player-seat__content{background:var(--player-seat-bg-four-stop);opacity:.6}.player-seat--selecting-cards.player-seat--four-stop .player-seat__content{background:var(--player-seat-bg-selecting);opacity:1}.player-seat--doubt .player-seat__content,body.revolution .player-seat--doubt .player-seat__content{background:var(--player-seat-bg-four-stop);opacity:.6}.player-seat--last-played.player-seat--passed .player-seat__content,.player-seat--last-played.player-seat--through .player-seat__content,.player-seat--last-played.player-seat--four-stop .player-seat__content,.player-seat--last-played.player-seat--doubt .player-seat__content{background:var(--player-seat-bg-last-played);opacity:1}.player-seat--selecting-cards.player-seat--doubt .player-seat__content{background:var(--player-seat-bg-selecting);opacity:1}.player-seat__row{display:flex;align-items:center;gap:var(--player-seat-row-gap);width:100%;box-sizing:border-box;min-height:var(--player-seat-row-min-height, auto)}.player-seat__row--first{min-height:0;justify-content:flex-start;align-items:center;gap:clamp(6px,1cqw,12px)}.player-seat__row-first-left{display:flex;align-items:center;gap:clamp(6px,1cqw,12px);flex:1;min-width:0}.player-seat__row-first-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-seat__previous-rank{font-size:clamp(11px,1.4cqh,16px);font-weight:600;padding:clamp(2px,.3cqh,4px) clamp(4px,.6cqw,8px);border-radius:4px;white-space:nowrap}.player-seat__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);text-shadow:0 0 8px rgba(251,191,36,.5)}.player-seat__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.player-seat__previous-rank--heimin{color:#86efac;background:#22c55e26}.player-seat__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.player-seat__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}.player-seat__row--second{min-height:0;justify-content:center;overflow:hidden;position:relative;container-type:size;container-name:row-second}.player-seat__row--third{min-height:0;justify-content:space-evenly;gap:clamp(6px,.8cqw,12px)}.player-seat__row--meta-overlay{display:none;position:absolute;left:0;right:0;bottom:0;padding:clamp(2px,.4cqh,6px) clamp(4px,.6cqw,8px);background:linear-gradient(180deg,#0f172a00,#0f172a8c);justify-content:space-evenly;align-items:center;gap:clamp(6px,.8cqw,12px);z-index:3;pointer-events:none}.player-seat__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--player-seat-avatar-size-local);height:var(--player-seat-avatar-size-local)}.player-seat__name-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1px,.2cqh,3px);flex:1;min-width:0;overflow:hidden}.player-seat__name{font-size:var(--player-seat-name-font);font-weight:600;color:#f8fafc;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.player-seat__rank-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.player-seat__rank-overlay-text{font-size:clamp(16px,35cqh,72px);font-weight:800;color:#fbbf24;text-align:center;line-height:1.1;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:clamp(4px,1cqh,12px);word-break:keep-all}.player-seat__hand-cards{display:flex;align-items:center;gap:0;flex-wrap:nowrap;justify-content:center;width:100%;max-width:100%;overflow:hidden;padding:0 6%;height:100%;min-height:var(--player-seat-mini-height-local);box-sizing:border-box;container-type:size;container-name:hand-cards;--player-seat-mini-card-overlap-local: clamp(-16px, -4cqw, -8px)}.player-seat__hand-cards[data-card-count="6"],.player-seat__hand-cards[data-card-count="7"]{--player-seat-mini-card-overlap-local: clamp(-14px, -3.5cqw, -10px)}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"]{--player-seat-mini-card-overlap-local: clamp(-18px, -4.5cqw, -12px)}.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-22px, -5.5cqw, -14px)}.player-seat__timer{flex-shrink:0;margin-top:clamp(3px,.4cqh,5px);width:100%}.player-seat__mini-card-wrapper{flex-shrink:0;margin-left:var(--player-seat-mini-card-overlap-local);position:relative;width:var(--player-seat-mini-width-local);min-width:var(--player-seat-mini-width-local);height:var(--player-seat-mini-height-local)}.player-seat__mini-card-wrapper:first-child{margin-left:0;--player-seat-visible-center: calc(var(--player-seat-mini-width-local) / 2)}.player-seat__mini-card-wrapper:not(:first-child){--player-seat-visible-center: calc( (var(--player-seat-mini-width-local) + var(--player-seat-overlap-px, 0px)) / 2 )}.player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__mini-card-wrapper--removing{animation:playerSeatMiniCardRemove .35s ease-out forwards;pointer-events:none}@keyframes playerSeatMiniCardRemove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.player-seat__mini-card{flex-shrink:0;transition:transform .2s ease,z-index .2s ease;position:relative}.player-seat__mini-card-wrapper .player-seat__mini-card.card--mini{width:100%;height:100%}.player-seat__mini-card--adding{animation:playerSeatMiniCardAdd .35s ease-out forwards}@keyframes playerSeatMiniCardAdd{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.player-seat__mini-card:hover{transform:translateY(clamp(-3px,-.4cqh,-5px)) scale(1.15);z-index:10}.player-seat__hand-count-overflow{font-size:clamp(9px,1cqh,12px);color:#94a3b8;padding:clamp(2px,.25cqh,4px) clamp(3px,.4cqw,5px);background:#94a3b833;border-radius:clamp(4px,.5cqh,6px);white-space:nowrap;margin-left:clamp(-6px,-.8cqw,-10px);z-index:5;position:relative}.player-seat__mini-card.card--mini{width:var(--player-seat-mini-width-local);height:var(--player-seat-mini-height-local);font-size:var(--player-seat-mini-card-font-size)}@container row-second (min-height: 20px){.player-seat__hand-cards{--player-seat-mini-height-local: 100%}}.player-seat__mini-card.card--mini .card__front,.player-seat__mini-card.card--mini .card__back{justify-content:flex-start;align-items:center;padding-left:clamp(2px,.3cqw,4px);padding-right:0;padding-top:0;padding-bottom:0}.player-seat__mini-card.card--mini .card-simple-rank,.player-seat__mini-card.card--mini .card-simple-suit{font-size:clamp(8px,calc(var(--player-seat-mini-height-local) * .45),22px);font-weight:700;line-height:1.1}.player-seat__mini-card.card--mini .card__center{justify-content:flex-start;align-items:center}.player-seat__mini-card.card--mini .card-simple-pattern{justify-content:center;align-items:center;gap:clamp(1px,.3cqh,3px)}.player-seat__mini-card.card--revealed .card__front,.player-seat__mini-card.card--revealed .card__back{justify-content:flex-start;padding-left:0}.player-seat__mini-card.card--revealed .card__center{position:absolute;left:var(--player-seat-visible-center);top:50%;transform:translate(-50%,-50%);justify-content:center;padding:0}.player-seat__doubt-tickets{display:flex;align-items:center;gap:clamp(2px,.25cqh,4px);font-size:clamp(10px,1.2cqh,14px);color:#fbbf24;flex-shrink:0}.player-seat__hand-count{font-size:clamp(10px,1.2cqh,14px);color:#94a3b8;flex-shrink:0}.player-seat__meta-item{display:inline-flex;align-items:center;gap:clamp(4px,.6cqh,8px);white-space:nowrap}.player-seat__meta-icon{display:none;align-items:center;justify-content:center}.player-seat__meta-label{font-size:var(--player-seat-meta-label-font);color:#94a3b8;font-weight:600}.player-seat__meta-value{font-size:var(--player-seat-meta-value-font);color:#f8fafc;font-weight:700}@container player-seat (min-height: 90px){.player-seat__content{--player-seat-avatar-size-local: calc( var(--player-seat-avatar-size) * 1.1 );--player-seat-name-font: clamp(12px, 1.65cqh, 18px);--player-seat-meta-label-font: clamp(11px, 1.35cqh, 16px);--player-seat-meta-value-font: clamp(12px, 1.5cqh, 18px);--player-seat-pass-font-size-local: clamp(20px, 28cqh, 80px);--player-seat-row-second-size: 4.5fr;--player-seat-row-third-size: 1.4fr;--player-seat-mini-height-local: clamp(18px, 82cqh, 200px)}.player-seat__hand-cards{padding:0 6%}.player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__mini-card-wrapper:last-child{margin-right:0}}@container player-seat (min-height: 120px){.player-seat__content{--player-seat-avatar-size-local: calc( var(--player-seat-avatar-size) * 1.2 );--player-seat-name-font: clamp(14px, 1.9cqh, 21px);--player-seat-meta-label-font: clamp(12px, 1.5cqh, 18px);--player-seat-meta-value-font: clamp(13px, 1.7cqh, 20px);--player-seat-pass-font-size-local: clamp(22px, 28cqh, 88px);--player-seat-row-second-size: 5fr;--player-seat-row-third-size: 1.3fr}.player-seat__hand-cards{padding:0 6%}.player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__mini-card-wrapper:last-child{margin-right:0}}@container player-seat (max-height: 85px){.player-seat__content{--player-seat-avatar-size-local: calc( var(--player-seat-avatar-size) * .9 );--player-seat-name-font: clamp(11px, 1.4cqh, 15px);--player-seat-meta-label-font: clamp(8px, 1.05cqh, 12px);--player-seat-meta-value-font: clamp(9px, 1.15cqh, 13px);--player-seat-mini-height-local: clamp(18px, 82cqh, 70px)}}@container player-seat (max-height: 70px){.player-seat__content{--player-seat-avatar-size-local: calc( var(--player-seat-avatar-size) * .85 );--player-seat-name-font: clamp(10px, 1.3cqh, 14px);--player-seat-meta-label-font: clamp(8px, 1cqh, 12px);--player-seat-meta-value-font: clamp(9px, 1.1cqh, 13px);--player-seat-mini-height-local: clamp(14px, 82cqh, 58px);--player-seat-row-first-size: 1.7fr;--player-seat-row-second-size: 4fr;--player-seat-row-third-size: 1.6fr;--player-seat-pass-font-size-local: clamp(16px, 24cqh, 54px)}.player-seat__row--third{display:none}.player-seat__hand-cards{--player-seat-mini-height-local: 82cqh;padding:0 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__row--meta-overlay{display:flex;background:none}.player-seat__row--meta-overlay .player-seat__meta-label,.player-seat__row--meta-overlay .player-seat__meta-value{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--meta-overlay .player-seat__meta-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,.8))}.player-seat__meta-item--doubt .player-seat__meta-label{display:none}.player-seat__meta-item--doubt .player-seat__meta-icon{display:inline-flex}}@container player-seat (max-height: 60px){.player-seat__content{--player-seat-avatar-size-local: calc( var(--player-seat-avatar-size) * .75 );--player-seat-name-font: clamp(10px, 1.25cqh, 13px);--player-seat-meta-label-font: clamp(7px, .9cqh, 11px);--player-seat-meta-value-font: clamp(8px, 1cqh, 12px);--player-seat-mini-height-local: clamp(12px, 82cqh, 50px);--player-seat-row-first-size: 1.5fr;--player-seat-row-second-size: 4fr;--player-seat-row-third-size: 1.4fr;--player-seat-pass-font-size-local: clamp(14px, 22cqh, 46px)}.player-seat__row--third{display:none}.player-seat__hand-cards{--player-seat-mini-height-local: 82cqh;padding:0 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__row--meta-overlay{display:flex;background:none}.player-seat__row--meta-overlay .player-seat__meta-label,.player-seat__row--meta-overlay .player-seat__meta-value{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--meta-overlay .player-seat__meta-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,.8))}.player-seat__meta-item--doubt .player-seat__meta-label{display:none}.player-seat__meta-item--doubt .player-seat__meta-icon{display:inline-flex}}@container player-seat (max-height: 120px){.player-seat__content{display:block;grid-template-rows:unset;grid-template-columns:unset}.player-seat__row--second{position:absolute;top:0;right:0;bottom:0;left:0;min-height:unset;height:100%}.player-seat__hand-cards{height:100%;min-height:0;--player-seat-mini-height-local: 82%;padding:clamp(3px,.5cqh,6px) 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__row--first{position:absolute;top:0;left:0;right:0;z-index:2;padding:clamp(3px,.5cqh,6px) clamp(4px,.8cqw,8px);background:none;pointer-events:none;gap:clamp(8px,1.5cqw,14px)}.player-seat__row--first .player-seat__row-first-left{gap:clamp(6px,1.2cqw,10px);pointer-events:auto}.player-seat__row--first .player-seat__avatar{width:min(var(--player-seat-avatar-size-local),32cqw,36cqh);height:min(var(--player-seat-avatar-size-local),32cqw,36cqh);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(0,0,0,.7))}.player-seat__row--first .player-seat__name,.player-seat__row--first .player-seat__previous-rank{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--third{display:none}.player-seat__row--meta-overlay{display:flex;background:none}.player-seat__row--meta-overlay .player-seat__meta-label,.player-seat__row--meta-overlay .player-seat__meta-value{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--meta-overlay .player-seat__meta-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,.8))}.player-seat__meta-item--doubt .player-seat__meta-label{display:none}.player-seat__meta-item--doubt .player-seat__meta-icon{display:inline-flex}}@container player-seat (min-height: 90px) and (max-height: 120px){.player-seat__hand-cards{padding:clamp(4px,.8cqh,8px) 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}}@container player-seat (max-width: 140px){.player-seat__content{--player-seat-name-font: clamp(11px, 1.4cqh, 15px);--player-seat-meta-label-font: clamp(8px, 1.05cqh, 12px);--player-seat-meta-value-font: clamp(9px, 1.15cqh, 13px);--player-seat-mini-height-local: clamp(12px, 82cqh, 62px)}.player-seat__content{display:block;grid-template-rows:unset;grid-template-columns:unset}.player-seat__row--second{position:absolute;top:0;right:0;bottom:0;left:0;min-height:unset;height:100%}.player-seat__hand-cards{height:100%;min-height:0;--player-seat-mini-height-local: 82%;padding:clamp(3px,.5cqh,6px) 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__row--first{position:absolute;top:0;left:0;right:0;z-index:2;padding:clamp(3px,.5cqh,6px) clamp(4px,.8cqw,8px);background:none;pointer-events:none;gap:clamp(8px,1.5cqw,14px)}.player-seat__row--first .player-seat__row-first-left{gap:clamp(6px,1.2cqw,10px);pointer-events:auto}.player-seat__row--first .player-seat__avatar{width:min(var(--player-seat-avatar-size-local),32cqw,36cqh);height:min(var(--player-seat-avatar-size-local),32cqw,36cqh);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(0,0,0,.7))}.player-seat__row--first .player-seat__name,.player-seat__row--first .player-seat__previous-rank{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--third{display:none}.player-seat__row--meta-overlay{display:flex;background:none}.player-seat__row--meta-overlay .player-seat__meta-label,.player-seat__row--meta-overlay .player-seat__meta-value{text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}.player-seat__row--meta-overlay .player-seat__meta-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,.8))}.player-seat__meta-item--doubt .player-seat__meta-label{display:none}.player-seat__meta-item--doubt .player-seat__meta-icon{display:inline-flex}.player-seat__hand-cards{--player-seat-mini-card-overlap-local: clamp(-20px, -5cqw, -12px)}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"],.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-24px, -6cqw, -16px)}}@container player-seat (min-width: 100px) and (max-width: 140px){.player-seat__hand-cards{padding:clamp(4px,.8cqh,8px) 6%}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}}@container player-seat (max-width: 100px){.player-seat__hand-cards{padding:clamp(2px,.4cqh,5px) 6%;--player-seat-mini-card-overlap-local: clamp(-24px, -6cqw, -16px)}.player-seat__hand-cards .player-seat__mini-card-wrapper:first-child{margin-left:0}.player-seat__hand-cards .player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"],.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-28px, -7cqw, -20px)}}.player-seat__pass-indicator{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--player-seat-pass-font-size-local);font-weight:800;color:#fff;text-align:center;letter-spacing:var(--player-seat-pass-letter-spacing-local);line-height:1;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5);z-index:5;pointer-events:none;white-space:nowrap}.player-seat__through-indicator{letter-spacing:.05em}.player-seat__four-stop-indicator,.player-seat__doubt-indicator{color:#b91c1c;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.player-seat--card-exchange{box-shadow:0 0 0 1px #3b82f640}.player-seat--card-exchange-waiting{box-shadow:0 0 0 1px #3b82f64d}.player-seat--card-exchange-selecting{box-shadow:0 0 0 2px #3b82f699,0 0 8px #3b82f640}.player-seat__card-exchange-indicator{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--player-seat-pass-font-size-local);font-weight:700;text-align:center;letter-spacing:.02em;line-height:1;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);z-index:5;pointer-events:none;white-space:nowrap}.player-seat__card-exchange-indicator--selecting{color:#60a5fa}.player-seat__card-exchange-indicator--waiting{color:#3b82f6;opacity:.85}.rank-selection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);pointer-events:none}.rank-selection-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.rank-selection-overlay__content{position:relative;background:#1e293b;border:2px solid #475569;border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:0 8px 32px #0000004d;pointer-events:auto;max-width:min(95vw,720px)}.rank-selection-overlay__title{margin:0 0 var(--space-md);font-size:clamp(16px,2cqh,22px);font-weight:600;color:#e2e8f0;text-align:center}.rank-selection-overlay__ranks{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}.rank-selection-overlay__rank-button{background:#1e293b;border:2px solid #64748b;border-radius:var(--radius-sm);color:#fff;font-size:clamp(20px,2.5cqh,28px);font-weight:600;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all .2s ease;min-width:clamp(52px,8cqw,80px);min-height:clamp(48px,6cqh,64px);text-shadow:0 1px 2px rgba(0,0,0,.5)}.rank-selection-overlay__rank-button:hover{background:#334155;border-color:#94a3b8}.rank-selection-overlay__rank-button--selected{background:#0ea5e9;border-color:#38bdf8;color:#fff;font-weight:700;box-shadow:0 0 0 2px #0ea5e966}.selection-card-row .card--mini{width:clamp(36px,5.5cqw,64px);height:clamp(50px,8cqw,90px)}.selection-card-row .card--mini .card-simple-rank{font-size:clamp(14px,42cqh,34px);font-weight:800;line-height:1}.selection-card-row .card--mini .card-simple-suit{font-size:clamp(10px,28cqh,24px);line-height:1}.selection-card-row .card--mini .card__center{width:100%;height:100%;padding:0}.selection-card-row .card--mini .card-simple-pattern{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:clamp(0px,.5cqh,4px)}.selection-card-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;flex-shrink:0}.selection-card-row__item{display:flex;flex-direction:column;align-items:center;overflow:hidden;min-width:0}.selection-card-row__card-wrap{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.selection-card-row__card{display:flex;align-items:center;justify-content:center;overflow:hidden}.selection-card-row__item .card{overflow:hidden}.selection-card-row__rank-button{position:absolute;top:10%;right:10%;bottom:10%;left:10%;display:flex;align-items:center;justify-content:center;background:#1e293bfa;border:2px solid #94a3b8;border-radius:var(--radius-md);color:#fff;font-size:clamp(24px,2cqh,40px);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease;overflow:hidden;padding:2px}.selection-card-row__rank-button--joker{font-size:inherit}.selection-card-row__rank-button--face-up{background:#fff!important;color:#1f2937!important;border-color:#94a3b8!important;text-shadow:none}.selection-card-row__rank-button--face-up:hover{background:#f1f5f9!important;color:#1f2937!important;border-color:#64748b!important}.selection-card-row__rank-joker{font-weight:700}.selection-card-row__rank-button:hover{background:#334155fa;border-color:#cbd5e1;color:#fff}.action-area-slot{display:flex;align-items:flex-end;justify-content:center;width:100%}.action-area-panel{display:flex;align-items:center;justify-content:center;min-width:120px;min-height:48px;padding:var(--space-md);border-radius:var(--radius-md);background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.action-area-panel__placeholder{font-size:var(--font-sm);color:#fffc}.action-area-panel--decision{flex-direction:column;align-items:stretch;min-width:280px;width:100%;max-width:min(95%,720px);padding:4px}.action-area-panel__content{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__left{flex:1;min-width:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm)}.action-area-panel__decision-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden}.action-area-panel__decision-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__decision-hint .action-area-panel__hint{font-size:clamp(14px,1.5cqh,18px)}.action-area-panel__right{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}.action-area-panel__right .action-area-panel__button{padding:var(--space-sm) var(--space-lg);min-height:clamp(28px,10vh,56px);min-width:100px;font-size:clamp(11px,1.2vh,18px)}.action-area-panel__mode-and-bulk-row{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm);flex-shrink:0}.action-area-panel__cards{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden}.action-area-panel__mode-tabs{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xs);align-self:stretch}.action-area-panel__mode-tab{flex:1;min-height:clamp(28px,10vh,56px);display:flex;align-items:center;justify-content:center;width:100%;background:#1e293b;border:2px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0;font-size:clamp(10px,1.1vh,14px);font-weight:500;padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease,border-color .1s ease,color .1s ease}.action-area-panel__mode-tab:hover:not(:disabled){background:#334155;border-color:#64748b}.action-area-panel__mode-tab--active{background:#0ea5e9;border-color:#38bdf8;color:#fff;font-weight:600}.action-area-panel__mode-tab:disabled{opacity:.5;cursor:not-allowed}.action-area-panel__mode-tab--hide-when-narrow{display:none}@media (min-width: 1200px){.action-area-panel__mode-tab--hide-when-narrow{display:flex}}.action-area-panel__bulk-stair{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0;align-self:stretch}.action-area-panel__bulk-stair-btn{flex:1;min-height:clamp(28px,10vh,56px);padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,14px);font-weight:500;background:#334155;border:1px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;transition:background .1s ease,border-color .1s ease}.action-area-panel__bulk-stair-btn:hover:not(:disabled){background:#475569;border-color:#64748b}.action-area-panel__bulk-stair-btn:disabled{opacity:.5;cursor:not-allowed}.action-area-panel__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-area-panel__button{padding:var(--space-xs) var(--space-md);min-height:clamp(28px,10vh,56px);min-width:64px;border-radius:var(--radius-sm);font-size:clamp(10px,1.1vh,14px);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #475569;background:#334155;color:#e2e8f0}.action-area-panel__button:hover:not(:disabled){background:#475569}.action-area-panel__button--pass{border-color:#64748b}.action-area-panel__button--pass:hover:not(:disabled){border-color:#94a3b8}.action-area-panel__button--play{background:#22c55e;border-color:#22c55e;color:#fff}.action-area-panel__button--play:hover:not(:disabled){background:#4ade80;border-color:#4ade80}.action-area-panel__button--play.action-area-panel__button--enabled{box-shadow:0 0 0 2px #22c55e66}.action-area-panel__button--pass.action-area-panel__button--enabled,.action-area-panel__button--doubt.action-area-panel__button--enabled,.action-area-panel__button--four-stop.action-area-panel__button--enabled,.action-area-panel__button--through.action-area-panel__button--enabled,.action-area-panel__button--ten-discard.action-area-panel__button--enabled,.action-area-panel__button--seven-pass.action-area-panel__button--enabled,.action-area-panel__button--card-exchange.action-area-panel__button--enabled{box-shadow:0 0 0 2px #94a3b84d}.action-area-panel__button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 1200px){.action-area-panel__right .action-area-panel__button{padding:var(--space-md) var(--space-xl);min-height:52px;min-width:140px;font-size:clamp(18px,1.3cqh,28px)}.action-area-panel__mode-tab{height:44px;min-height:44px;font-size:clamp(14px,1.2cqh,18px);padding:var(--space-sm) var(--space-md)}.action-area-panel__bulk-stair-btn{min-height:36px;padding:var(--space-sm) var(--space-md);font-size:clamp(12px,1.1cqh,16px)}.action-area-panel__button{padding:var(--space-sm) var(--space-lg);min-height:44px;min-width:80px;font-size:var(--font-base)}}.action-area-panel__hint-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.action-area-panel__hint-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.action-area-panel__four-stop-count--hint{font-size:var(--font-sm);color:#ffffffbf}.action-area-panel__hint{font-size:clamp(18px,2cqh,24px);color:#ffffffe6}.action-area-panel--reaction{flex-direction:column;align-items:stretch;min-width:180px;width:100%;max-width:min(92%,520px)}.action-area-panel--reaction:has(.action-area-panel__reaction-waiting){justify-content:center}.action-area-panel__reaction-preparing,.action-area-panel__reaction-waiting{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs)}.action-area-panel__reaction-waiting{flex:1;justify-content:center;min-height:52px}.action-area-panel__reaction-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:action-area-spin .8s linear infinite}@keyframes action-area-spin{to{transform:rotate(360deg)}}.action-area-panel__reaction-text{font-size:var(--font-sm);color:#ffffffe6}.action-area-panel__reaction-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-md);align-items:stretch;justify-content:center;width:100%}.action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1;min-width:clamp(100px,20%,160px);min-height:clamp(52px,8cqh,72px);padding:var(--space-md) var(--space-xl);font-size:clamp(18px,2cqh,26px)}.action-area-panel__button--doubt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;background:#f59e0b;border-color:#f59e0b;color:#0f172a}.action-area-panel__button--doubt .action-area-panel__button-label{font-size:1.15em;font-weight:700;line-height:1.2}.action-area-panel__button--doubt .action-area-panel__button-sub{display:flex;align-items:baseline;gap:.1em;font-size:.75em;opacity:.95}.action-area-panel__button--doubt .action-area-panel__button-sub-prefix,.action-area-panel__button--doubt .action-area-panel__button-sub-suffix{font-size:.9em}.action-area-panel__button--doubt .action-area-panel__button-sub-value{font-size:1.15em;font-weight:700}.action-area-panel__button--doubt:hover:not(:disabled){background:#fbbf24;border-color:#fbbf24}.action-area-panel__button--four-stop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;font-weight:700;background:#dc2626;border-color:#dc2626;color:#fff}.action-area-panel__button--four-stop .action-area-panel__button-label{font-size:1.15em;font-weight:700;line-height:1.2}.action-area-panel__button--four-stop .action-area-panel__button-sub{display:flex;align-items:baseline;gap:.1em;font-size:.75em;opacity:.95}.action-area-panel__button--four-stop .action-area-panel__button-sub-prefix,.action-area-panel__button--four-stop .action-area-panel__button-sub-suffix{font-size:.9em}.action-area-panel__button--four-stop .action-area-panel__button-sub-value{font-size:1.15em;font-weight:700}.action-area-panel__button--four-stop:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.action-area-panel__button--four-stop-face-down{position:relative;overflow:hidden}.action-area-panel__button--four-stop-face-down:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 18px,rgba(0,0,0,.12) 18px,rgba(0,0,0,.12) 22px);pointer-events:none}.action-area-panel__button--four-stop-face-down .action-area-panel__four-stop-btn-text--long,.action-area-panel__button--four-stop-face-down .action-area-panel__four-stop-btn-text--short{position:relative;z-index:1}.action-area-panel__four-stop-btn-text--short{display:none}.action-area-panel__four-stop-btn-text--long{display:inline}@media (max-width: 1199px){.action-area-panel__four-stop-btn-text--short{display:inline}.action-area-panel__four-stop-btn-text--long{display:none}}.action-area-panel__button--through{font-weight:700;background:#334155;border-color:#64748b;color:#e2e8f0}.action-area-panel__button--through:hover:not(:disabled){background:#475569;border-color:#94a3b8}.action-area-panel__content--four-stop{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__four-stop-side{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;align-self:stretch}.action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tabs{flex:1;min-height:0}.action-area-panel--four-stop .action-area-panel__mode-tab{min-height:36px}.action-area-panel__four-stop-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__four-stop-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__four-stop-hint .action-area-panel__hint-stack{gap:0}.action-area-panel__four-stop-hint .action-area-panel__hint{font-size:clamp(14px,1.5cqh,18px)}.action-area-panel__four-stop-cards{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}.action-area-panel__four-stop-count{font-size:var(--font-sm);color:#fffc}.action-area-panel__content--ten-discard{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__ten-discard-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__ten-discard-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__ten-discard-hint .action-area-panel__hint{font-size:clamp(14px,1.5cqh,18px)}.action-area-panel__ten-discard-count{font-size:var(--font-sm);color:#fffc}.action-area-panel__ten-discard-cards{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}.action-area-panel__button--ten-discard{background:#7c3aed;border-color:#7c3aed;color:#fff}.action-area-panel__button--ten-discard:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.action-area-panel__content--seven-pass{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__seven-pass-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-sm)}.action-area-panel__seven-pass-target{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__seven-pass-target-label{font-size:var(--font-sm);color:#fffc}.action-area-panel__seven-pass-target-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.action-area-panel__seven-pass-target-btn{padding:var(--space-xs) var(--space-md);font-size:clamp(12px,1.2cqh,16px);background:#334155;border:2px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;transition:background .1s ease,border-color .1s ease}.action-area-panel__seven-pass-target-btn:hover{background:#475569;border-color:#64748b}.action-area-panel__seven-pass-target-btn--selected{background:#0ea5e9;border-color:#38bdf8;color:#fff}.action-area-panel__seven-pass-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__seven-pass-hint .action-area-panel__hint{font-size:clamp(14px,1.5cqh,18px)}.action-area-panel__seven-pass-count{font-size:var(--font-sm);color:#fffc}.action-area-panel__seven-pass-target-name{margin-left:.25em;color:#22c55ef2}.action-area-panel__seven-pass-cards{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}@media (max-width: 1024px){.action-area-panel--seven-pass .action-area-panel__seven-pass-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.action-area-panel--seven-pass .action-area-panel__seven-pass-center:has(.action-area-panel__seven-pass-cards:empty){justify-content:center}.action-area-panel--seven-pass .action-area-panel__seven-pass-hint .action-area-panel__hint{text-align:center}}.action-area-panel__button--seven-pass{background:#059669;border-color:#059669;color:#fff}.action-area-panel__button--seven-pass:hover:not(:disabled){background:#10b981;border-color:#10b981}.action-area-panel__content--card-exchange{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__card-exchange-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.action-area-panel__card-exchange-info{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25em;font-size:clamp(14px,1.5cqh,18px);color:#ffffffe6}.action-area-panel__card-exchange-target{font-weight:600}.action-area-panel__card-exchange-requirement{color:#fffc}.action-area-panel__card-exchange-count{font-size:var(--font-sm);color:#94a3b8f2}.action-area-panel__card-exchange-legend{font-size:var(--font-xs, .75rem);color:#94a3b8d9;margin-left:.5em}.action-area-panel__card-exchange-center .action-area-panel__hint{text-align:center;font-size:clamp(14px,1.5cqh,18px)}.action-area-panel__card-exchange-cards{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}.action-area-panel__card-exchange-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.action-area-panel__button--card-exchange{background:#d97706;border-color:#d97706;color:#fff}.action-area-panel__button--card-exchange:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b}@media (max-width: 1024px){.action-area-panel--card-exchange .action-area-panel__card-exchange-center{justify-content:center;align-items:center;text-align:center}.action-area-panel--card-exchange .action-area-panel__card-exchange-center .action-area-panel__hint{display:block;width:100%;text-align:center}}@media (max-width: 560px){.action-area-panel--decision{min-width:200px}.action-area-panel__right .action-area-panel__button{min-width:100px;min-height:44px}.action-area-panel__content{flex-direction:column}}.six-take-card-selection-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--six-take-overlay-backdrop);z-index:var(--z-game-overlay, 5000);pointer-events:auto}.six-take-card-selection-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-game-overlay, 5000);background:var(--six-take-panel-bg);border:var(--six-take-panel-border-width) solid var(--six-take-panel-border-color);border-radius:var(--six-take-panel-radius);padding:var(--six-take-panel-padding);box-shadow:var(--six-take-panel-shadow);min-width:var(--six-take-panel-min-inline);max-width:var(--six-take-panel-max-inline);max-height:var(--six-take-panel-max-block);overflow-y:auto;pointer-events:auto}.six-take-card-selection-panel__content{display:flex;flex-direction:column;gap:var(--six-take-content-gap)}.six-take-card-selection-panel__title{font-size:var(--six-take-title-size);font-weight:700;margin:0;text-align:center;color:var(--six-take-accent-color)}.six-take-card-selection-panel__subtitle{font-size:var(--six-take-subtitle-size);margin:0;text-align:center;color:#fff;line-height:1.6}.six-take-card-selection-panel__note{font-size:var(--six-take-note-size);color:#94a3b8;font-style:italic}.six-take-card-selection-panel__players{display:flex;flex-direction:column;gap:var(--six-take-players-gap)}.six-take-card-selection-panel__player-group{display:flex;flex-direction:column;gap:var(--six-take-player-group-gap)}.six-take-card-selection-panel__player-name{font-size:var(--six-take-player-name-size);font-weight:700;margin:0;color:var(--six-take-accent-color);padding:var(--six-take-player-name-padding-block) var(--six-take-player-name-padding-inline);background:var(--six-take-accent-bg);border-radius:var(--six-take-player-name-radius);border-left:var(--six-take-player-name-border-width) solid var(--six-take-player-name-border-color)}.six-take-card-selection-panel__hand{display:flex;flex-wrap:wrap;gap:var(--six-take-hand-gap);justify-content:flex-start;padding:var(--six-take-hand-padding);background:var(--six-take-hand-bg);border-radius:var(--six-take-hand-radius);min-height:var(--six-take-hand-min-block)}.six-take-card-selection-panel__card{cursor:pointer;transition:all .2s ease;position:relative;border-radius:var(--six-take-card-radius)}@media (hover: hover){.six-take-card-selection-panel__card:hover{transform:translateY(calc(-1 * var(--six-take-card-hover-translate)))}}.six-take-card-selection-panel__card.card--selected{transform:translateY(calc(-1 * var(--six-take-card-hover-translate))) scale(var(--six-take-card-selected-scale));box-shadow:var(--six-take-card-selected-shadow);z-index:10;border-radius:var(--six-take-card-radius)}.six-take-card-selection-panel__card.card--selected.card--face-down{background:linear-gradient(135deg,#3b82f633,#3b82f60d)}.six-take-card-selection-panel__card.card--selected.card--face-down:after{content:"✓";position:absolute;top:clamp(3px,.5cqh,6px);right:clamp(3px,.5cqw,6px);width:var(--six-take-card-checkmark-size);height:var(--six-take-card-checkmark-size);background:var(--six-take-card-checkmark-bg);color:var(--six-take-card-checkmark-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--six-take-card-checkmark-font-size);font-weight:700;z-index:20;box-shadow:0 2px 8px #3b82f680;animation:checkmark-appear .3s ease-out}@keyframes checkmark-appear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.six-take-card-selection-panel__selected-count{font-size:var(--six-take-selected-count-size);color:var(--six-take-selected-count-color);text-align:center;font-weight:700;padding:var(--six-take-selected-count-padding-block) var(--six-take-selected-count-padding-inline);animation:text-pulse 2s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}.six-take-card-selection-panel__confirm-button{padding:var(--six-take-confirm-padding-block) var(--six-take-confirm-padding-inline);background-color:var(--six-take-confirm-bg);color:#fff;border:none;border-radius:var(--six-take-card-radius);font-size:var(--six-take-confirm-font-size);font-weight:700;cursor:pointer;transition:background-color .2s;width:100%}.six-take-card-selection-panel__confirm-button:hover{background-color:var(--six-take-confirm-bg-hover)}.six-take-card-selection-panel__confirm-button:disabled{background-color:var(--six-take-confirm-bg-disabled);cursor:not-allowed}.game-log-dialog__copy-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;color:#60a5fa;background:#60a5fa26;border:1px solid rgba(96,165,250,.4);border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}.game-log-dialog__copy-btn:hover{background:#60a5fa40;border-color:#60a5fa99}.game-log-dialog__copy-btn--success{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.game-log-dialog__copy-btn--error{color:#ef4444;background:#ef444426;border-color:#ef444466}.game-log-dialog__copy-btn-label{white-space:nowrap}@media (max-width: 480px){.game-log-dialog__copy-btn-label{display:none}}.game-log-dialog__header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.game-log-dialog__report-hint{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.game-log-dialog__report-hint-text{margin:0;color:#fffc}.game-log-dialog__report-link{color:#60a5fa;text-decoration:none;white-space:nowrap}.game-log-dialog__report-link:hover{text-decoration:underline}.game-log-dialog .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-log-dialog .modal__content{padding:0;max-height:var(--game-log-modal-max-height);overflow:hidden;display:flex;flex-direction:column}.game-log-dialog__content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.game-log-dialog .game-info-area{height:100%;min-height:var(--game-log-panel-min-height);max-height:var(--game-log-panel-max-height);border-radius:0;background:transparent}.game-log-dialog .game-info-area__logs-container{padding:var(--game-log-padding-block) var(--game-log-padding-inline);padding-top:var(--game-log-padding-top-no-title);max-height:calc(var(--game-log-panel-max-height) - var(--game-log-height-offset));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-log-dialog .game-info-area__log-item{font-size:var(--game-log-item-font-size);padding:var(--game-log-item-padding-block) 0}.game-log-dialog .game-info-area__log-time{font-size:var(--game-log-time-font-size);min-width:var(--game-log-time-min-inline)}.game-log-dialog .game-info-area__log-message{font-size:var(--game-log-message-font-size)}.game-log-dialog--inline{--game-log-modal-max-height: 240px;--game-log-panel-min-height: 120px;--game-log-panel-max-height: 200px}.game-rules-section{width:100%;max-width:var(--home-max-width);margin:0 auto;padding:0 var(--home-section-padding);margin-bottom:var(--home-margin-bottom);box-sizing:border-box;--game-rules-anchor-offset: calc(var(--page-header-height, 70px) + 16px)}.game-rules-section__title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:#fff;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.game-rules-section__container{display:grid;grid-template-rows:auto 1fr;gap:2rem;background:#1e293bcc;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.game-rules-section__nav{position:sticky;top:2rem;height:fit-content;z-index:10}.game-rules-section__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.game-rules-section__nav-item{margin:0}.game-rules-section__nav-button{padding:.75rem 1.25rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;box-sizing:border-box;white-space:nowrap}.game-rules-section__nav-button:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.game-rules-section__nav-button--active{background:#3b82f666;border-color:#3b82f699;color:#fff;font-weight:600}.game-rules-section__content{min-height:400px;background:#0f172ab3;border-radius:12px;padding:2.5rem;box-sizing:border-box;box-shadow:inset 0 2px 8px #0003;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.game-rules-section__content::-webkit-scrollbar{display:none}.game-rules-section__content{-ms-overflow-style:none;scrollbar-width:none}.game-rules-section__loading,.game-rules-section__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#e2e8f0;gap:1rem}.game-rules-section__error{color:#f87171}.game-rules-section__markdown{color:#e2e8f0;line-height:1.9;font-size:1rem;scroll-behavior:smooth;text-align:left;max-width:100%}.game-rules-section__h1{font-size:2rem;font-weight:700;color:#fff;margin-top:0;margin-bottom:2rem;padding-bottom:.75rem;padding-left:0;border-bottom:3px solid rgba(59,130,246,.4);scroll-margin-top:var(--game-rules-anchor-offset);position:relative;text-align:left}.game-rules-section__h1:before{content:"";position:absolute;left:0;bottom:-3px;width:60px;height:3px;background:#3b82f6cc;border-radius:2px}.game-rules-section__h1:hover .game-rules-section__anchor{opacity:1}.game-rules-section__h2{font-size:1.5rem;font-weight:600;color:#e2e8f0;margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid rgba(59,130,246,.25);scroll-margin-top:var(--game-rules-anchor-offset);position:relative;padding-left:.75rem;border-left:3px solid rgba(59,130,246,.3);text-align:left}.game-rules-section__h2:hover .game-rules-section__anchor{opacity:1}.game-rules-section__h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:var(--game-rules-anchor-offset);padding-left:.75rem;border-left:2px solid rgba(59,130,246,.2);text-align:left}.game-rules-section__h3:hover .game-rules-section__anchor{opacity:1}.game-rules-section__h4{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-top:1.5rem;margin-bottom:.75rem;scroll-margin-top:var(--game-rules-anchor-offset);padding-left:.75rem;border-left:2px solid rgba(59,130,246,.16);text-align:left}.game-rules-section__h4:hover .game-rules-section__anchor{opacity:1}.game-rules-section__anchor{position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;color:#3b82f699;text-decoration:none;font-size:1.2rem;font-weight:400}.game-rules-section__anchor:hover{color:#3b82f6e6}.game-rules-section__p{margin-bottom:1.25rem;color:#e2e8f0;line-height:1.9;text-align:left}.game-rules-section__p strong{color:#fbbf24;font-weight:600}.game-rules-section__ul,.game-rules-section__ol{margin-bottom:1.5rem;padding-left:2.5rem;color:#e2e8f0;text-align:left}.game-rules-section__li{margin-bottom:.75rem;color:#e2e8f0;line-height:1.8;position:relative}.game-rules-section__ul .game-rules-section__li::marker{color:#3b82f699}.game-rules-section__ol .game-rules-section__li::marker{color:#3b82f699;font-weight:600}.game-rules-section__table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px;box-shadow:0 4px 12px #0003}.game-rules-section__table{width:100%;border-collapse:collapse;background:#1e293b99;border-radius:8px;overflow:hidden;min-width:300px}.game-rules-section__thead{background:linear-gradient(135deg,#3b82f666,#3b82f64d)}.game-rules-section__th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid rgba(59,130,246,.6);font-size:.95rem;letter-spacing:.5px}.game-rules-section__td{padding:.875rem 1.25rem;border-bottom:1px solid rgba(59,130,246,.15);color:#e2e8f0;line-height:1.6}.game-rules-section__tr:last-child .game-rules-section__td{border-bottom:none}.game-rules-section__tr:hover{background:#3b82f61a}.game-rules-section__blockquote{margin:2rem 0;padding:1.25rem 1.75rem;border-left:4px solid rgba(59,130,246,.6);background:#3b82f61f;border-radius:8px;color:#e2e8f0;font-style:italic;box-shadow:0 2px 8px #00000026;line-height:1.8;text-align:left}.game-rules-section__code{background:#0006;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9em;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.game-rules-section__pre{background:#00000080;padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid rgba(59,130,246,.2);box-shadow:0 2px 8px #0003}.game-rules-section__pre .game-rules-section__code{background:transparent;padding:0;color:#e2e8f0;border:none}.game-rules-section__a{color:#60a5fa;text-decoration:none;border-bottom:1px solid rgba(96,165,250,.4);transition:all .2s ease;font-weight:500}.game-rules-section__a:hover{color:#93c5fd;border-bottom-color:#93c5fdb3;background:#60a5fa1a;padding:0 .125rem;margin:0 -.125rem;border-radius:3px}@media (max-width: 1024px){.game-rules-section__container{gap:1.5rem;padding:1.5rem}.game-rules-section__content{padding:1.5rem}.game-rules-section__anchor{left:-1.25rem;font-size:1.1rem}}@media (max-width: 768px){.game-rules-section__container{gap:1rem;padding:1rem}.game-rules-section__nav{position:sticky;top:1rem}.game-rules-section__nav-list{gap:.5rem}.game-rules-section__nav-button{padding:.5rem .75rem;font-size:.85rem}.game-rules-section__content{padding:1rem}.game-rules-section__h1{font-size:1.5rem;padding-left:0}.game-rules-section__h2{font-size:1.25rem;padding-left:.5rem}.game-rules-section__h3{font-size:1.1rem;padding-left:.5rem}.game-rules-section__h4{font-size:1rem;padding-left:.5rem}.game-rules-section__anchor{left:-1rem;font-size:1rem}.game-rules-section__ul,.game-rules-section__ol{padding-left:1.5rem}.game-rules-section__table-wrapper{margin:1.5rem -1rem;border-radius:0}}@media (max-width: 480px){.game-rules-section{padding:0 1rem}.game-rules-section__container{padding:1rem}.game-rules-section__content{padding:.75rem}.game-rules-section__nav-button{padding:.5rem;font-size:.8rem}.game-rules-section__h1{font-size:1.25rem;margin-bottom:1.5rem}.game-rules-section__h2{font-size:1.1rem;margin-top:2rem}.game-rules-section__h3{font-size:1rem;margin-top:1.5rem}.game-rules-section__h4{font-size:.95rem;margin-top:1.25rem}.game-rules-section__p{font-size:.9rem;margin-bottom:1rem}.game-rules-section__anchor{left:-.75rem;font-size:.9rem}.game-rules-section__table-wrapper{margin:1rem -.75rem}.game-rules-section__th,.game-rules-section__td{padding:.5rem .75rem;font-size:.85rem}}.action-decision-timer{--action-decision-timer-text-size: clamp( 20px, calc(28px * var(--ui-font-scale, 1)), 40px );display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--action-decision-timer-size, clamp(80px, 10cqh, 120px));height:var(--action-decision-timer-size, clamp(80px, 10cqh, 120px));margin:0 auto;transition:opacity .2s ease,visibility .2s ease;position:relative;background:#1e293b4d;backdrop-filter:blur(var(--action-decision-timer-blur, clamp(6px, .8cqh, 10px)));-webkit-backdrop-filter:blur(var(--action-decision-timer-blur, clamp(6px, .8cqh, 10px)));border-radius:50%;padding:var(--action-decision-timer-padding, clamp(6px, .8cqh, 10px));box-sizing:border-box}.action-decision-timer .timer-text__content{font-size:var(--action-decision-timer-text-size)}.special-effect-selection-timer{--special-effect-selection-timer-text-size: clamp( 20px, calc(28px * var(--ui-font-scale, 1)), 40px );display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--special-effect-selection-timer-size, clamp(80px, 10cqh, 120px));height:var(--special-effect-selection-timer-size, clamp(80px, 10cqh, 120px));margin:0 auto;transition:opacity .2s ease,visibility .2s ease;position:relative;background:#1e293b4d;backdrop-filter:blur(var(--special-effect-selection-timer-blur, clamp(6px, .8cqh, 10px)));-webkit-backdrop-filter:blur(var(--special-effect-selection-timer-blur, clamp(6px, .8cqh, 10px)));border-radius:50%;padding:var(--special-effect-selection-timer-padding, clamp(6px, .8cqh, 10px));box-sizing:border-box}.special-effect-selection-timer .timer-text__content{font-size:var(--special-effect-selection-timer-text-size)}:root{--player-seats-area-z-index: 5}.player-seats-area{position:relative;width:100%;height:100%;min-height:0;z-index:var(--player-seats-area-z-index);overflow:hidden;padding:var(--player-seats-area-padding);box-sizing:border-box;pointer-events:var(--player-seats-area-pointer-events);display:flex;align-items:center;justify-content:center}.player-seats-area--top,.player-seats-area--bottom{flex-shrink:0;overflow:visible}.player-seats-area--top{height:100%;min-height:0}.player-seats-area--bottom{height:100%;min-height:0;margin-bottom:var(--player-seats-area-margin)}.game-notification{position:relative;display:flex;flex-direction:column;gap:var(--notification-gap);max-width:var(--notification-max-inline-size);width:100%;pointer-events:none}.game-notification--fixed{position:fixed;inset-block-start:var(--notification-fixed-inset);inset-inline-end:var(--notification-fixed-inset);z-index:var(--z-game-overlay, 5000);width:auto;max-width:var(--notification-max-inline-size);pointer-events:none}:root[data-aspect=portrait] .game-notification--fixed,:root[data-aspect=standard] .game-notification--fixed{inset-inline-start:var(--notification-fixed-inset);inset-inline-end:var(--notification-fixed-inset);width:calc(100% - (var(--notification-fixed-inset) * 2));max-width:none}.notification{display:flex;align-items:flex-start;gap:var(--notification-gap);padding:var(--notification-padding-block) var(--notification-padding-inline);background:#fff;border:var(--notification-border-width, 1px) solid #e2e8f0;border-radius:var(--notification-radius, 8px);box-shadow:0 var(--notification-shadow-y, 6px) var(--notification-shadow-blur, 10px) -1px #0000001a;cursor:pointer;pointer-events:auto;transition:all .3s ease;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.notification:hover{transform:translate(var(--notification-hover-translate, -4px));box-shadow:0 clamp(6px,.8cqh,10px) clamp(10px,1.2cqh,16px) -2px #00000026}.notification--info{border-left:var(--notification-accent-width, 4px) solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification--success{border-left:var(--notification-accent-width, 4px) solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification--warning{border-left:var(--notification-accent-width, 4px) solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.notification--error{border-left:var(--notification-accent-width, 4px) solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.notification__content{flex:1;min-width:0}.notification__title{font-size:var(--notification-title-size);font-weight:600;color:#1e293b;margin-bottom:var(--notification-title-gap, 4px);line-height:1.2}.notification__message{font-size:var(--notification-message-size);color:#64748b;line-height:1.4;margin-bottom:var(--notification-title-gap, 4px)}.notification__close{position:absolute;top:var(--notification-close-inset, 8px);right:var(--notification-close-inset, 8px);width:var(--notification-close-size, 1.25rem);height:var(--notification-close-size, 1.25rem);border:none;background:#0000001a;color:#64748b;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--notification-close-font-size, 1rem);font-weight:700;transition:all .2s ease;flex-shrink:0}.notification__close:hover{background:#0003;color:#1e293b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.played-cards__notification .notification{animation:fadeInUp .3s ease-out}:root[data-aspect=portrait] .notification,:root[data-aspect=standard] .notification{gap:var(--space-xs)}.room-participants-modal{display:flex;flex-direction:column;gap:1rem}.room-participants-modal__section{display:flex;flex-direction:column;gap:.5rem}.room-participants-modal__section-title{margin:0;font-size:.875rem;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:.5rem}.room-participants-modal__count{font-size:.75rem;font-weight:500;color:#94a3b8e6}.room-participants-modal__list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#3b82f614;border-radius:.5rem}.room-participants-modal__section:last-child .room-participants-modal__list{background:#9ae9b714}.room-participants-modal__item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#0f172a80;border-radius:.5rem;border:1px solid rgba(59,130,246,.2)}.room-participants-modal__item--current{border-color:#3b82f680;background:#3b82f61a}.room-participants-modal__name{flex:1;font-size:.875rem;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-participants-modal__badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.room-participants-modal__empty{padding:1rem;text-align:center;color:#94a3b8cc;font-size:.875rem}@media (max-width: 1024px){.room-participants-modal{gap:.875rem}.room-participants-modal__section{gap:.4rem}.room-participants-modal__section-title{font-size:.8125rem}.room-participants-modal__count{font-size:.6875rem}.room-participants-modal__list{max-height:min(180px,40vh);padding:.4rem;gap:.3rem}.room-participants-modal__item{padding:.3rem .4rem}.room-participants-modal__name{font-size:.8125rem}.room-participants-modal__empty{padding:.75rem;font-size:.8125rem}}@media (max-width: 720px){.room-participants-modal{gap:.75rem}.room-participants-modal__list{max-height:min(160px,35vh)}}.game-rules-display-modal.modal{overflow:hidden;display:flex;flex-direction:column}.game-rules-display-modal .modal__content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.game-rules-display-modal__content{flex:1;min-height:0;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-rules-display-modal__content::-webkit-scrollbar{width:var(--rules-scrollbar-width, clamp(6px, .8cqw, 10px))}.game-rules-display-modal__content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--rules-scrollbar-radius, clamp(3px, .5cqh, 6px))}.game-rules-display-modal__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--rules-scrollbar-radius, clamp(3px, .5cqh, 6px))}.game-rules-display-modal__content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.game-rules-display-modal__content .game-rules-section__nav{position:static;top:auto}.game-rules-display-modal__scroll-top-button{position:fixed;bottom:var(--game-rules-scroll-button-offset);right:var(--game-rules-scroll-button-offset);width:var(--game-rules-scroll-button-size);height:var(--game-rules-scroll-button-size);border-radius:50%;background:#3b82f6e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 var(--rules-scroll-button-shadow-y, clamp(3px, .5cqh, 6px)) var(--rules-scroll-button-shadow-blur, clamp(10px, 1.6cqh, 16px)) #0000004d;transition:all .3s ease,opacity .4s ease,transform .4s ease;z-index:1000;padding:0;opacity:0;transform:translateY(var(--rules-scroll-button-enter-offset, clamp(6px, 1cqh, 10px))) scale(.9);pointer-events:none}.game-rules-display-modal__scroll-top-button.game-rules-display-modal__scroll-top-button--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.game-rules-display-modal__scroll-top-button--visible:hover{background:#3b82f6;transform:translateY(var(--rules-scroll-button-hover-offset, clamp(-2px, -.25cqh, -4px))) scale(1);box-shadow:0 clamp(4px,.6cqh,8px) clamp(12px,2cqh,20px) #0006}.game-rules-display-modal__scroll-top-button--visible:active{transform:translateY(0) scale(1);box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #0000004d}@media (max-width: 1024px){.game-rules-display-modal__content{padding:0 clamp(8px,1.2cqw,12px)}.game-rules-display-modal__scroll-top-button{width:clamp(36px,5cqh,44px);height:clamp(36px,5cqh,44px);bottom:clamp(12px,2cqh,20px);right:clamp(12px,2cqw,20px)}}.game-settings-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1e293bf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--settings-menu-border-width, 1px) solid rgba(255,255,255,.1);border-radius:var(--settings-menu-radius, 8px);box-shadow:0 4px 12px #0000004d;min-width:var(--settings-menu-min-inline, 160px);z-index:1;overflow:hidden}.game-settings-menu__item{width:100%;display:flex;align-items:center;gap:var(--settings-menu-item-gap, 10px);padding:var(--settings-menu-item-padding-block, 10px) var(--settings-menu-item-padding-inline, 12px);border:none;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:calc(14px * var(--ui-font-scale))}.game-settings-menu__item:hover{background:#ffffff1a}.game-settings-menu__item:active{background:#ffffff26}.game-settings-menu__icon{flex-shrink:0;width:var(--settings-menu-icon-size, 16px);height:var(--settings-menu-icon-size, 16px)}.game-settings-menu__label{flex:1;white-space:nowrap}.game-settings-menu__section{display:flex;flex-direction:column}.game-settings-menu__section-title{padding:var(--settings-menu-item-padding-block, 10px) var(--settings-menu-item-padding-inline, 12px) 4px;font-size:calc(11px * var(--ui-font-scale, 1));font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.game-settings-menu__divider{height:1px;background:#ffffff1a;margin:var(--space-2xs, 4px) 0}.game-settings-menu__item--danger{color:#ef4444}.game-settings-menu__item--danger:hover{background:#ef444426;color:#f87171}.game-settings-menu__item--danger:active{background:#ef444433;color:#dc2626}.game-settings-menu__item--danger .game-settings-menu__icon,.game-settings-menu__item--danger .game-settings-menu__label{color:currentColor}.game-settings-menu__submenu{padding-left:var(--settings-menu-item-padding-inline, 12px);border-left:2px solid rgba(255,255,255,.2);margin-left:var(--settings-menu-icon-size, 16px)}.game-settings-menu__submenu-item{padding-block:8px}.game-settings-menu__submenu-item .game-settings-menu__icon{display:none}.game-settings-menu__item--disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.game-settings-menu__section-title{font-size:calc(10px * var(--ui-font-scale, 1))}.game-settings-menu__item{font-size:calc(12px * var(--ui-font-scale, 1))}.game-settings-menu__submenu-item{padding-block:6px}}@media (orientation: landscape) and (max-height: 500px){.game-settings-menu__section-title{font-size:calc(10px * var(--ui-font-scale, 1))}.game-settings-menu__item{font-size:calc(12px * var(--ui-font-scale, 1))}.game-settings-menu__submenu-item{padding-block:6px}}.game-header{flex-shrink:0;position:relative;z-index:var(--z-game-header, 400);display:flex;align-items:center;justify-content:space-between;padding:clamp(4px,.6vh,10px) clamp(8px,1vw,16px);background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.08);min-height:clamp(40px,5vh,48px);box-sizing:border-box}.game-header__left{display:flex;align-items:center;gap:clamp(6px,.8vw,12px);min-width:0;flex:1;z-index:0}.game-header__logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:clamp(2px,.4vh,6px);border-radius:clamp(6px,.8vh,10px);background:#ffffff0d;transition:opacity .2s ease}.game-header__logo:hover{opacity:.8}.game-header__logo-icon{width:clamp(24px,3.5vh,36px);height:clamp(24px,3.5vh,36px);object-fit:contain;display:block}.game-header__room-area{display:flex;align-items:center;gap:clamp(6px,.8vw,10px);min-width:0}.game-header__room-name{font-size:clamp(14px,1.8vh,18px);font-weight:500;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-header__spectator-badge{flex-shrink:0;font-size:clamp(10px,1.2vh,12px);font-weight:600;padding:.15em .5em;border-radius:4px;background:#94a3b840;color:#94a3b8;border:1px solid rgba(148,163,184,.35)}.game-header__right{flex-shrink:0;position:relative;z-index:1;display:flex;align-items:center;gap:clamp(6px,.8vw,10px)}.game-header__result-button{font-size:clamp(12px,1.5vh,14px);font-weight:500;padding:clamp(6px,.8vh,10px) clamp(10px,1.2vw,14px);border-radius:clamp(6px,.8vh,10px);background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4);cursor:pointer;transition:all .2s ease}.game-header__result-button:hover{background:#22c55e4d;border-color:#22c55e80}.game-header__menu-anchor{position:relative}.game-header__section-button{width:clamp(36px,5vh,44px);height:clamp(36px,5vh,44px);border:none;border-radius:clamp(8px,1vh,12px);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.game-header__section-button:hover{background:#fff3}.game-header__section-button--active{background:#3b82f64d;color:#93c5fd}.game-header__section-button--active:hover{background:#3b82f666}.game-header__section-icon{width:clamp(18px,2.2vh,22px);height:clamp(18px,2.2vh,22px)}body.revolution .game-header{background:#4a1f1ff2;border-bottom-color:#ffffff0f}@media (max-width: 1024px){.game-header{padding:2px 4px;min-height:28px}.game-header__left{gap:3px}.game-header__logo{padding:1px 3px;border-radius:3px}.game-header__logo-icon{width:18px;height:18px}.game-header__room-area{gap:3px}.game-header__room-name{font-size:11px}.game-header__spectator-badge{font-size:8px;padding:.08em .3em}.game-header__section-button{width:26px;height:26px;border-radius:5px}.game-header__section-icon{width:14px;height:14px}}@media (max-width: 768px){.game-header{padding:2px 3px;min-height:24px}.game-header__left{gap:2px}.game-header__logo{padding:1px 2px;border-radius:3px}.game-header__logo-icon{width:14px;height:14px}.game-header__room-name{font-size:10px}.game-header__spectator-badge{font-size:7px;padding:.06em .25em}.game-header__section-button{width:22px;height:22px;border-radius:4px}.game-header__section-icon{width:12px;height:12px}}@media (orientation: landscape) and (max-height: 420px){.game-header{padding:2px 4px;min-height:18px}.game-header__logo-icon{width:16px;height:16px}.game-header__room-name{font-size:8px}.game-header__section-button{width:24px;height:24px}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.game-header{padding:2px 4px;min-height:20px}.game-header__left{gap:2px}.game-header__logo{padding:1px 2px;border-radius:2px}.game-header__logo-icon{width:18px;height:18px}.game-header__room-name{font-size:9px}.game-header__spectator-badge{font-size:6px;padding:.05em .2em}.game-header__section-button{width:26px;height:26px;border-radius:5px}.game-header__section-icon{width:12px;height:12px}.game-header__result-button{font-size:9px;padding:4px 6px}}.developer-mode-toggle{position:fixed;top:clamp(8px,1vh,16px);right:clamp(8px,1vw,16px);z-index:var(--z-game-overlay, 5000);background:#000c;padding:clamp(6px,.8vh,12px) clamp(8px,1vw,16px);border-radius:clamp(4px,.5vh,6px);border:clamp(1px,.15vh,2px) solid #ff6b6b}.developer-mode-toggle__indicator{display:flex;align-items:center;color:#fff;font-size:clamp(10px,1.2vh,14px);font-weight:700}.developer-mode-toggle__text{-webkit-user-select:none;user-select:none;color:#ff6b6b}.developer-cpu-reaction-control{position:fixed;bottom:clamp(16px,2vh,24px);right:clamp(16px,2vw,24px);z-index:var(--z-game-overlay, 5000);background:#000000e6;border:clamp(1px,.15vh,2px) solid #ff6b6b;border-radius:clamp(6px,.8vh,10px);padding:clamp(12px,1.6vh,20px);min-width:clamp(280px,35vw,400px);max-width:clamp(320px,50vw,480px);box-shadow:0 clamp(4px,.5vh,8px) clamp(12px,1.5vh,20px) #0000004d}.developer-cpu-reaction-control__header{margin-bottom:clamp(10px,1.2vh,16px);padding-bottom:clamp(6px,.8vh,12px);border-bottom:clamp(1px,.15vh,2px) solid #ff6b6b}.developer-cpu-reaction-control__title{color:#ff6b6b;font-size:clamp(14px,1.8vh,20px);font-weight:700}.developer-cpu-reaction-control__content{display:flex;flex-direction:column;gap:clamp(10px,1.2vh,16px)}.developer-cpu-reaction-control__player{display:flex;flex-direction:column;gap:clamp(6px,.8vh,12px);padding:clamp(6px,.8vh,12px);background:#ffffff0d;border-radius:clamp(4px,.5vh,6px)}.developer-cpu-reaction-control__player-name{color:#fff;font-size:clamp(12px,1.5vh,18px);font-weight:700}.developer-cpu-reaction-control__buttons{display:flex;gap:clamp(6px,.8vh,12px);flex-wrap:wrap}.developer-cpu-reaction-control__button{flex:1;min-width:clamp(70px,9vw,100px);padding:clamp(6px,.8vh,12px) clamp(10px,1.2vw,16px);border:none;border-radius:clamp(4px,.5vh,6px);cursor:pointer;font-size:clamp(12px,1.5vh,18px);font-weight:700;transition:all .2s}.developer-cpu-reaction-control__button:disabled{opacity:.5;cursor:not-allowed}.developer-cpu-reaction-control__button--four-stop{background:#4ecdc4;color:#000}.developer-cpu-reaction-control__button--four-stop:hover:not(:disabled){background:#3ab5ad}.developer-cpu-reaction-control__button--doubt{background:#ff6b6b;color:#fff}.developer-cpu-reaction-control__button--doubt:hover:not(:disabled){background:#ff5252}.developer-cpu-reaction-control__button--through{background:#95a5a6;color:#fff}.developer-cpu-reaction-control__button--through:hover:not(:disabled){background:#7f8c8d}.game-layout-frame{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#1e293b;box-sizing:border-box;--game-layout-frame-pad-block: 0px;--game-layout-frame-pad-inline: 0px;padding:0;overflow-x:auto;overflow-y:visible;--scrollbar-width: 8px;overscroll-behavior:none;--overlay-line1-size: clamp(32px, 8cqh, 72px);--overlay-line2-size: clamp(18px, 4cqh, 36px);--overlay-text-shadow-glow: clamp(6px, 1.2cqh, 12px);--overlay-text-shadow-blur: clamp(8px, 1.5cqh, 16px);--settings-menu-border-width: 1px;--settings-menu-radius: clamp(6px, .8vh, 10px);--settings-menu-min-inline: clamp(140px, 22vw, 200px);--settings-menu-item-gap: clamp(8px, 1.2vh, 12px);--settings-menu-item-padding-block: clamp(8px, 1.2vh, 12px);--settings-menu-item-padding-inline: clamp(10px, 1.6vw, 16px);--settings-menu-icon-size: clamp(12px, 1.6vh, 16px);--notification-gap: clamp(6px, .8vh, 12px);--notification-padding-block: clamp(6px, .8vh, 12px);--notification-padding-inline: clamp(12px, 1.5vw, 18px);--notification-max-inline-size: clamp(280px, 40vw, 480px);--notification-fixed-inset: clamp(12px, 2.5vh, 24px);--notification-title-size: clamp(12px, .8vh, 17px);--notification-message-size: clamp(11px, .7vh, 15px);--notification-border-width: 1px;--notification-radius: clamp(6px, .8vh, 10px);--notification-shadow-y: clamp(4px, .5vh, 8px);--notification-shadow-blur: clamp(6px, .75vh, 12px);--notification-hover-translate: clamp(-3px, -.4vw, -5px);--notification-accent-width: clamp(3px, .4vh, 5px);--notification-title-gap: clamp(3px, .4vh, 5px);--notification-close-inset: clamp(6px, .8vh, 10px);--notification-close-size: clamp(1rem, 1.2vh, 1.25rem);--notification-close-font-size: clamp(.9rem, 1vh, 1rem)}.game-layout-frame__content{flex:1;min-height:0;position:relative;z-index:0;display:flex;align-items:stretch;justify-content:center;padding:0}.game-layout-frame__min-size-warning{position:fixed;top:0;left:0;right:0;background:#ffc107f2;color:#000;padding:clamp(8px,1cqh,12px);text-align:center;z-index:var(--z-game-overlay, 5000);font-size:clamp(12px,1.5cqh,14px);font-weight:600;box-shadow:0 2px 8px #0003;display:none}@media (max-width: 479px){.game-layout-frame__min-size-warning{display:block}}@media (max-width: 768px){.game-layout{--layout-scale: .85;--ui-density-scale: .85;--ui-font-scale: .9}}@media (orientation: landscape) and (max-height: 420px){.game-layout{--layout-scale: .68;--ui-density-scale: .7;--ui-font-scale: .75;--layout-row-top: 1.2fr;--layout-row-middle: 5.5fr;--layout-row-hand: 3fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--player-seats-area-min-height: min(32px, 10cqh);--hand-area-min-height: min(48px, 16cqh);--play-area-events-width: clamp(100px, 12cqw, 160px);--play-area-penalty-width: clamp(70px, 9cqw, 120px);--player-seat-min-inline: clamp(55px, 7cqw, 95px);--player-seat-max-inline: clamp(70px, 9cqw, 115px);--player-seat-avatar-size: clamp(12px, 1.5cqh, 20px);--player-seat-row-first-height: clamp(12px, 1.5cqh, 20px);--player-seat-hand-height: clamp(10px, 1.2cqh, 16px);--player-seat-row-second-height: clamp(12px, 1.5cqh, 22px);--player-seat-mini-card-width: clamp(8px, 1.2cqw, 14px);--player-seat-mini-card-height: clamp(11px, 1.6cqw, 18px);--player-seat-indicator-size: clamp(10px, 1.3cqh, 18px);--player-seat-pass-font-size: clamp(6px, .8cqh, 10px);--play-history-title-size: clamp(6px, .75cqh, 10px);--play-history-item-min-inline: clamp(24px, 3.5cqw, 42px);--play-history-player-name-size: clamp(8px, 1cqh, 12px);--font-size-xs: clamp(6px, .5cqh, 10px);--font-size-sm: clamp(8px, .6cqh, 12px);--font-size-base: clamp(9px, .7cqh, 14px);--font-size-lg: clamp(10px, .8cqh, 16px);--font-size-xl: clamp(11px, .9cqh, 18px);--played-cards-card-base-width: clamp(36px, 5.5cqw, 70px);--played-cards-card-base-height: clamp(50px, 7.5cqh, 98px);--played-cards-stage-max-inline: clamp(100px, 22cqw, 180px);--played-cards-stage-max-block: clamp(80px, 22cqh, 140px);--hand-area-action-button-height: clamp(24px, 8vh, 44px);--hand-area-button-font-size: clamp(9px, 1vh, 12px)}.game-layout__hand-area .hand-area{--card-hand-height: clamp(48px, 88cqh, 140px);--card-hand-width: min(calc(var(--card-hand-height) * .714), 28cqw)}.game-layout__hand-area-penalty{width:clamp(40px,7cqw,65px)}.game-layout__hand-area-timer{width:clamp(45px,8cqw,75px)}.game-layout__hand-area .hand__cards{margin-top:-16px;padding-top:16px;padding-left:clamp(2px,.5cqw,6px);padding-right:clamp(2px,.5cqw,6px);min-height:calc(var(--hand-card-min-height) + 16px)}.game-layout__hand-area-content .hand-area{padding-inline:clamp(2px,.4cqw,6px);padding-block:clamp(1px,.2cqh,3px)}.game-layout__action-area-slot--side .action-area-panel__decision-center{flex:1;min-height:0;overflow:visible;order:1}.game-layout__action-area-slot--side .action-area-panel__cards{flex-shrink:0;min-height:0;overflow-x:auto;overflow-y:visible}.game-layout__action-area-slot--side .action-area-panel__cards .selection-card-row{gap:var(--space-xs)}.game-layout__action-area-slot--side .selection-card-row .card--mini{width:clamp(20px,3cqw,36px);height:clamp(26px,4.2cqw,50px)}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button{height:clamp(24px,8vh,44px);min-height:clamp(24px,8vh,44px);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,13px)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-height:clamp(20px,6vh,36px);padding:2px var(--space-sm);font-size:clamp(9px,1vh,12px)}}@media (orientation: landscape) and (max-height: 320px){.game-layout{--layout-row-hand: 3.2fr;--hand-area-min-height: min(48px, 16cqh);--hand-area-action-button-height: clamp(24px, 8vh, 44px)}.game-layout__hand-area .hand-area{--card-hand-height: clamp(40px, 90cqh, 100px);--card-hand-width: min(calc(var(--card-hand-height) * .714), 26cqw)}.game-layout__hand-area .hand__cards{margin-top:-10px;padding-top:10px;min-height:calc(var(--hand-card-min-height) + 10px)}.game-layout__action-area-slot--side .action-area-panel__mode-tab,.game-layout__action-area-slot--side .action-area-panel__bulk-stair-btn{height:24px;min-height:24px;padding:2px var(--space-sm);font-size:clamp(9px,1vh,12px)}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button{height:24px;min-height:24px;font-size:clamp(9px,1vh,12px)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-height:20px;padding:2px var(--space-xs);font-size:clamp(8px,.9vh,11px)}.game-layout__action-area-slot--side .selection-card-row .card--mini{width:clamp(18px,2.8cqw,32px);height:clamp(24px,3.8cqw,44px)}.game-layout__hand-area .hand-area__face-toggle{min-height:24px;font-size:clamp(9px,1vh,12px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.game-layout{--layout-scale: .78;--ui-density-scale: .8;--ui-font-scale: .85;--layout-row-top: 1.5fr;--layout-row-middle: 5.2fr;--layout-row-hand: 3.2fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--player-seats-area-min-height: min(40px, 11cqh);--hand-area-min-height: min(58px, 18cqh);--play-area-events-width: clamp(110px, 13cqw, 170px);--play-area-penalty-width: clamp(75px, 9.5cqw, 125px);--player-seat-avatar-size: clamp(14px, 1.6cqh, 22px);--hand-area-action-button-height: clamp(32px, 8cqh, 80px)}.game-layout__hand-area .hand-area{--card-hand-height: clamp(52px, 90cqh, 150px);--card-hand-width: min(calc(var(--card-hand-height) * .714), 30cqw)}.game-layout__hand-area .hand__cards{margin-top:-20px;padding-top:20px;min-height:calc(var(--hand-card-min-height) + 20px)}.game-layout__hand-area-penalty{width:clamp(45px,7.5cqw,70px)}.game-layout__hand-area-timer{width:clamp(50px,8.5cqw,80px)}}.game-layout{display:grid;--layout-row-top: 2fr;--layout-row-middle: 6.5fr;--layout-row-hand: 2.5fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));grid-template-columns:100%;grid-template-areas:"player-seats" "main-area" "hand-area";gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));position:relative;width:100%;height:100%;min-width:280px;min-height:180px;container-type:size;container-name:game-layout;--layout-scale: clamp(.6, calc(100cqh/1080px) , 1);--ui-density-scale: var(--layout-scale);--ui-font-scale: var(--layout-scale);--font-size-xs: clamp(8px, .5cqh, 13px);--font-size-sm: clamp(10px, .65cqh, 15px);--font-size-base: clamp(12px, .8cqh, 17px);--font-size-lg: clamp(13px, .95cqh, 19px);--font-size-xl: clamp(15px, 1.1cqh, 21px);--font-xs: var(--font-size-xs);--font-sm: var(--font-size-sm);--font-base: var(--font-size-base);--font-lg: var(--font-size-lg);--font-xl: var(--font-size-xl);--space-3xs: clamp(1px, .18cqh, 2px);--space-2xs: clamp(2px, .22cqh, 3px);--space-xs: clamp(4px, .45cqh, 7px);--space-sm: clamp(6px, .7cqh, 11px);--space-md: clamp(7px, .9cqh, 14px);--space-lg: clamp(9px, 1.15cqh, 18px);--space-xl: clamp(11px, 1.4cqh, 22px);--border-thin: clamp(1px, .125cqh, 2px);--border-medium: clamp(2px, .25cqh, 4px);--radius-sm: clamp(4px, .5cqh, 6px);--radius-md: clamp(6px, .8cqh, 10px);--radius-lg: clamp(10px, 1.2cqh, 14px);--card-base-width: clamp(30px, 5cqw, 65px);--card-base-height: clamp(42px, 7cqw, 90px);--card-hand-width: clamp(32px, 5.5cqw, 65px);--card-hand-height: clamp(44px, 7.5cqw, 90px);--card-mini-width: clamp(16px, 2.5cqw, 36px);--card-mini-height: clamp(22px, 3.5cqw, 50px);--card-small-width: clamp(28px, 4.5cqw, 58px);--card-small-height: clamp(40px, 6.5cqw, 82px);--played-cards-card-base-width: clamp(50px, 7.5cqw, 100px);--played-cards-card-base-height: clamp(70px, 10.5cqw, 140px);--card-border-radius-large: var(--radius-md);--card-shadow-medium: rgba(0, 0, 0, .15);--card-border-color: #cbd5e1;--card-padding: clamp(4px, .6cqh, 8px);--card-border-width: clamp(1px, .15cqh, 2px);--card-shadow-y: clamp(2px, .25cqh, 4px);--card-shadow-blur: clamp(6px, .8cqh, 10px);--card-corner-inset-block: clamp(4px, .6cqh, 8px);--card-corner-inset-inline: clamp(4px, .6cqw, 8px);--card-corner-gap: clamp(1px, .25cqh, 3px);--card-joker-font-size: calc(10px * var(--ui-font-scale));--card-joker-letter-spacing: calc(-1*clamp(2px, .6cqh, 4px)) ;--header-gap: clamp(6px, .9cqw, 12px);--header-min-height: clamp(24px, 3.2cqh, 48px);--header-max-height: clamp(36px, 5.5cqh, 72px);--header-padding-block: clamp(3px, .45cqh, 6px);--header-padding-inline: clamp(6px, .9cqw, 12px);--play-area-header-gap: clamp(4px, .75cqh, 7px);--play-area-title-font: clamp(7px, .85cqh, 11px);--play-area-history-radius: var(--radius-md);--play-info-gap: var(--space-xs);--play-info-row-gap: var(--space-2xs);--play-info-panel-max-width: clamp(200px, 26cqw, 300px);--play-info-font-size: clamp(7px, .9cqh, 12px);--play-info-badge-font-size: clamp(6px, .8cqh, 11px);--play-info-badge-padding-block: clamp(2px, .22cqh, 3px);--play-info-badge-padding-inline: clamp(4px, .7cqw, 8px);--play-info-separator-padding-inline: clamp(2px, .35cqw, 4px);--play-area-reaction-gap: var(--space-md);--play-area-reaction-button-gap: var(--space-sm);--play-area-reaction-min-width: clamp(200px, 28cqw, 320px);--play-area-bottom-seats-margin-bottom: var(--space-md);--play-area-hand-area-margin-top: var(--space-2xs);--hand-area-radius: var(--radius-md);--hand-area-highlight-border-width: var(--border-thin);--hand-area-highlight-shadow-size: clamp(2px, .3cqh, 4px);--hand-area-name-font: clamp(10px, 1.2cqh, 18px);--hand-area-meta-font: clamp(9px, 1.1cqh, 16px);--hand-area-meta-gap: clamp(2px, .25cqh, 4px);--hand-area-info-icon-font: clamp(12px, 1.45cqh, 20px);--hand-area-info-text-font: clamp(9px, 1.1cqh, 16px);--hand-area-avatar-size: clamp(20px, 2.5cqh, 30px);--hand-area-button-padding-block: var(--space-2xs);--hand-area-button-padding-inline: var(--space-sm);--player-seat-select-border-width: var(--border-thin);--player-seat-select-radius: var(--radius-md);--player-seat-indicator-padding: clamp(2px, .25cqh, 4px);--player-seat-indicator-border-width: var(--border-medium);--player-seat-indicator-offset: clamp(-8px, -1cqh, -12px);--player-seat-four-stop-min-inline: clamp(50px, 6cqw, 70px);--player-seat-four-stop-height: clamp(20px, 2.4cqh, 28px);--player-seat-four-stop-padding-inline: clamp(6px, .8cqw, 10px);--player-seat-four-stop-gap: clamp(3px, .4cqh, 5px);--player-seat-four-stop-font: clamp(7px, .9cqh, 12px);--player-seat-pass-letter-spacing: .08em;--play-history-padding: var(--space-2xs);--play-history-gap: var(--space-2xs);--play-history-item-padding-block: var(--space-xs);--play-history-item-padding-inline: var(--space-xs);--play-history-card-gap: var(--space-3xs);--play-history-info-gap: var(--space-3xs);--play-history-item-radius: var(--radius-sm);--play-history-item-border-color: rgba(255, 255, 255, .08);--play-history-item-background: rgba(255, 255, 255, .04);--play-history-item-shadow: 0 0 0 1px rgba(255, 255, 255, 0);--play-history-latest-border-color: rgba(96, 165, 250, .6);--play-history-latest-background: rgba(96, 165, 250, .12);--play-history-latest-shadow: 0 0 0 1px rgba(96, 165, 250, .2);--play-history-title-color: #94a3b8;--play-history-player-color: #e2e8f0;--play-history-pass-background: rgba(148, 163, 184, .1);--play-history-pass-border-color: rgba(148, 163, 184, .3);--play-history-pass-text-color: #94a3b8;--play-history-arrow-color: rgba(148, 163, 184, .6);--play-history-arrow-size: 12px;--play-history-four-stop-border-color: rgba(251, 191, 36, .4);--play-history-four-stop-background: rgba(251, 191, 36, .08);--play-history-doubt-background: rgba(251, 191, 36, .15);--play-history-doubt-border-color: rgba(251, 191, 36, .5);--play-history-doubt-text-color: #fbbf24;--play-history-four-stop-target-border-color: rgba(220, 38, 38, .5);--play-history-four-stop-target-background: rgba(220, 38, 38, .1);--play-history-title-letter-spacing: clamp(.08px, .06cqw, .3px);--play-history-label-font: clamp(7px, .8cqh, 10px);--play-history-joker-font: clamp(6px, .7cqh, 9px);--play-history-joker-letter-spacing: clamp(-4px, -.5cqh, -2px);--play-history-joker-padding-block: clamp(1px, .125cqh, 2px);--play-history-joker-padding-inline: clamp(2px, .25cqw, 3px);--play-history-more-font: clamp(5px, .6cqh, 8px);--played-cards-min-height: clamp(130px, 16cqh, 190px);--played-cards-stack-height-factor: .55;--played-cards-stack-width-factor: .78;--played-cards-empty-text-size: var(--font-sm);--played-cards-penalty-offset: var(--space-xs);--played-cards-stage-max-inline: clamp(160px, 32cqw, 240px);--played-cards-stage-max-block: clamp( calc(var(--played-cards-min-height) * .6), 30cqh, 200px );--played-cards-stack-scale-min: 1;--played-cards-stack-scale-max: 1;--hud-gap: var(--space-3xs);--hud-indicator-padding-inline: var(--space-sm);--hud-indicator-padding-block: var(--space-3xs);--hud-indicator-font-size: var(--font-xs);--hud-wrapper-gap: var(--space-sm);--hud-wrapper-padding: var(--space-xs);--hud-wrapper-max-width: clamp(240px, 32cqw, 400px);--player-card-padding: var(--space-3xs);--player-card-gap: calc(var(--space-2xs) * .5);--player-card-min-height: clamp(20px, 2.2cqh, 26px);--player-card-name-size: calc(.65rem * var(--ui-font-scale));--player-card-doubt-size: calc(.7rem * var(--ui-font-scale));--player-card-mini-count-size: calc(.65rem * var(--ui-font-scale));--game-page-min-inline: clamp(280px, 32cqw, 400px);--game-state-gap: clamp(16px, 2cqh, 24px);--game-state-padding: clamp(16px, 2cqh, 24px);--game-state-title-size: clamp(20px, 2.4cqh, 28px);--game-state-text-size: clamp(14px, 1.6cqh, 18px);--game-state-message-max: clamp(300px, 50cqw, 600px);--game-state-subtext-size: clamp(12px, 1.4cqh, 16px);--game-state-button-padding-block: clamp(10px, 1.2cqh, 14px);--game-state-button-padding-inline: clamp(20px, 2.4cqw, 28px);--game-state-button-radius: clamp(6px, .8cqh, 10px);--game-state-button-font-size: clamp(12px, 1.4cqh, 16px);--game-state-button-min-height: clamp(36px, 4.4cqh, 48px);--card-play-suit-large-size: clamp( 34px, calc(42px * var(--font-scale-base, 1)), 50px );--six-take-overlay-backdrop: rgba(0, 0, 0, .7);--six-take-panel-bg: rgba(0, 0, 0, .95);--six-take-panel-border-color: #0066cc;--six-take-panel-border-width: calc(3px * var(--ui-density-scale));--six-take-panel-radius: calc(.75rem * var(--ui-density-scale));--six-take-panel-padding: var(--space-xl);--six-take-panel-min-inline: clamp(320px, 50vw, 600px);--six-take-panel-max-inline: 90vw;--six-take-panel-max-block: 80vh;--six-take-panel-shadow: 0 8px 32px rgba(0, 0, 0, .8);--six-take-content-gap: var(--space-md);--six-take-accent-color: #60a5fa;--six-take-accent-bg: rgba(96, 165, 250, .1);--six-take-player-name-border-color: var(--six-take-accent-color);--six-take-hand-bg: rgba(255, 255, 255, .05);--six-take-selected-count-color: #fbbf24;--six-take-confirm-bg: #0066cc;--six-take-confirm-bg-hover: #0052a3;--six-take-confirm-bg-disabled: #555;--six-take-card-selected-border-color: #3b82f6;--six-take-title-size: calc(1.5rem * var(--ui-font-scale));--six-take-subtitle-size: var(--font-base);--six-take-note-size: var(--font-sm);--six-take-players-gap: var(--space-xl);--six-take-player-group-gap: var(--space-sm);--six-take-player-name-size: calc(1.1rem * var(--ui-font-scale));--six-take-player-name-padding-block: var(--space-xs);--six-take-player-name-padding-inline: calc(var(--space-sm) * 1.25);--six-take-player-name-border-width: calc(3px * var(--ui-density-scale));--six-take-player-name-radius: calc(.375rem * var(--ui-density-scale));--six-take-hand-gap: var(--space-sm);--six-take-hand-padding: var(--space-md);--six-take-hand-min-block: clamp(120px, 15cqh, 180px);--six-take-hand-radius: calc(.5rem * var(--ui-density-scale));--six-take-selected-count-size: var(--font-base);--six-take-selected-count-padding-block: var(--space-xs);--six-take-selected-count-padding-inline: var(--space-sm);--six-take-confirm-font-size: calc(1.1rem * var(--ui-font-scale));--six-take-confirm-padding-block: var(--space-sm);--six-take-confirm-padding-inline: var(--space-xl);--six-take-card-hover-translate: calc(8px * var(--ui-density-scale));--six-take-card-selected-scale: 1.08;--six-take-card-selected-shadow: 0 0 0 4px #3b82f6, 0 0 25px rgba(59, 130, 246, .6), 0 8px 16px rgba(0, 0, 0, .3);--six-take-card-radius: calc(.5rem * var(--ui-density-scale));--six-take-card-checkmark-size: calc(24px * var(--ui-density-scale));--six-take-card-checkmark-font-size: calc(16px * var(--ui-font-scale));--six-take-card-checkmark-bg: #3b82f6;--six-take-card-checkmark-color: #ffffff;--penalty-deck-gap: var(--space-2xs);--penalty-deck-padding: var(--space-2xs);--penalty-deck-radius: calc(.5rem * var(--ui-density-scale));--penalty-deck-label-size: clamp(7px, 1cqh, 12px);--penalty-deck-card-inline: clamp(52px, 8cqw, 90px);--penalty-deck-card-block: clamp(72px, 11cqw, 126px);--penalty-deck-count-size: clamp(14px, 2.2cqh, 22px);--penalty-deck-count-suffix-size: clamp(9px, 1.3cqh, 13px);--penalty-deck-count-gap: var(--space-2xs);--game-state-indicator-padding-block: clamp(4px, .5cqh, 10px);--game-state-indicator-padding-inline: clamp(10px, 1.2cqw, 18px);--game-state-indicator-font-size: clamp(11px, 1.3cqh, 16px);--game-state-indicator-min-width: clamp(64px, 18cqw, 140px);--game-state-indicator-radius: clamp(999px, 100cqh, 9999px);--game-state-indicator-text-shadow: 0 1px 2px rgba(0, 0, 0, .8), 0 0 4px rgba(0, 0, 0, .5);--revolution-indicator-padding-block: var( --game-state-indicator-padding-block );--revolution-indicator-padding-inline: var( --game-state-indicator-padding-inline );--revolution-indicator-radius: var(--game-state-indicator-radius);--revolution-indicator-font-size: var(--game-state-indicator-font-size);--revolution-indicator-shadow: 0 2px 8px rgba(239, 68, 68, .3);--game-log-modal-max-height: 70vh;--game-log-panel-min-height: clamp(300px, 40cqh, 500px);--game-log-panel-max-height: 70vh;--game-log-padding-block: var(--space-sm);--game-log-padding-inline: calc(var(--space-md) * 1.25);--game-log-padding-top-no-title: var(--space-sm);--game-log-item-font-size: var(--font-xs);--game-log-item-padding-block: calc(var(--space-xs) / 2);--game-log-time-font-size: calc(.7rem * var(--ui-font-scale));--game-log-time-min-inline: 60px;--game-log-message-font-size: var(--font-xs);--game-log-height-offset: 60px;--player-list-padding: var(--space-sm);--player-list-header-margin-bottom: var(--space-2xs);--player-list-title-size: var(--font-sm);--player-list-content-gap: var(--space-2xs);--player-list-row-min-height: calc( var(--player-card-min-height) + (var(--player-card-padding, var(--space-3xs)) * 2) );--player-list-indicator-column: 20px;--player-list-indicator-size: 16px;--player-list-scrollbar-width: 6px;--notification-gap: var(--space-sm);--notification-padding-block: var(--space-sm);--notification-padding-inline: var(--space-lg);--notification-max-inline-size: clamp(280px, 40vw, 480px);--notification-fixed-inset: clamp(12px, 2.5vh, 24px);--notification-title-size: var(--font-base);--notification-message-size: var(--font-sm);--notification-close-size: calc(1.25rem * var(--ui-density-scale));--notification-close-font-size: var(--font-base);--notification-border-width: var(--border-thin);--notification-radius: var(--radius-md);--notification-shadow-y: clamp(4px, .5cqh, 8px);--notification-shadow-blur: clamp(6px, .75cqh, 12px);--notification-hover-translate: clamp(-3px, -.4cqw, -5px);--notification-accent-width: clamp(3px, .4cqh, 6px);--notification-title-gap: clamp(3px, .4cqh, 5px);--notification-close-inset: clamp(6px, .8cqh, 10px);--overlay-line1-size: clamp(32px, 8cqh, 72px);--overlay-line2-size: clamp(18px, 4cqh, 36px);--overlay-title-size: clamp(20px, 2.8vh, 32px);--layout-overlay-safe-inset: clamp(12px, 2.5vh, 24px);--effect-announcement-max-inline: clamp(320px, 50vw, 600px);--effect-announcement-padding-block: clamp(12px, 1.6vh, 20px);--effect-announcement-padding-inline: clamp(16px, 2vw, 24px);--effect-announcement-radius: clamp(8px, 1vh, 12px);--effect-announcement-gap: clamp(8px, 1vh, 12px);--effect-announcement-rank-gap: clamp(6px, .8vh, 10px);--effect-announcement-rank-min-inline: clamp(40px, 6vw, 60px);--event-display-bg-opacity: .5;--event-display-bg: rgba(0, 0, 0, var(--event-display-bg-opacity));--event-display-blur: 4px;--event-display-radius: var(--radius-md);--event-display-line1-size: clamp(18px, 2.5vh, 28px);--event-display-line2-size: clamp(14px, 1.6vh, 18px);--event-display-text-shadow: 0 0 2px rgba(0, 0, 0, .9), 0 1px 3px rgba(0, 0, 0, .8);--event-display-color-success: #4ade80;--event-display-color-failure: #f87171;--event-display-color-neutral: rgba(255, 255, 255, .95);--event-display-color-info: rgba(255, 255, 255, .9);--event-display-color-celebration: #ffc83d;--reaction-timer-size: clamp(80px, 10cqh, 120px);--reaction-timer-blur: clamp(6px, .8cqh, 10px);--reaction-timer-padding: clamp(6px, .8cqh, 10px);--reaction-timer-font-size: clamp( .75rem, calc(1rem * var(--ui-font-scale)), 1.25rem );--reaction-timer-text-size: clamp( 16px, calc(24px * var(--ui-font-scale)), 32px );--reaction-timer-stroke-width: clamp( 4px, calc(6px * var(--ui-density-scale)), 8px );--reaction-timer-shadow: calc(4px * var(--ui-density-scale));--reaction-timer-marker-thin: clamp( .5px, calc(1px * var(--ui-density-scale)), 1.5px );--reaction-timer-marker-bold: clamp( 1px, calc(2px * var(--ui-density-scale)), 3px );--reaction-timer-marker-glow: calc(2px * var(--ui-density-scale));--reaction-result-min-height: clamp(48px, 6cqh, 82px);--reaction-result-font-size: calc(.9rem * var(--ui-font-scale));--rules-scrollbar-width: clamp(6px, .8cqw, 10px);--rules-scrollbar-radius: var(--radius-sm);--rules-scroll-button-shadow-y: clamp(3px, .5cqh, 6px);--rules-scroll-button-shadow-blur: clamp(10px, 1.6cqh, 16px);--rules-scroll-button-enter-offset: clamp(6px, 1cqh, 10px);--rules-scroll-button-hover-offset: clamp(-2px, -.25cqh, -4px);--game-rules-scroll-button-size: clamp(32px, 5cqh, 40px);--game-rules-scroll-button-offset: clamp(8px, 1.6cqh, 12px);--modal-content-gap: var(--space-lg);--modal-list-gap: var(--space-md);--modal-item-padding-block: var(--space-md);--modal-item-padding-inline: var(--space-lg);--modal-title-size: var(--font-xl);--modal-heading-size: var(--font-lg);--modal-body-size: var(--font-base);--result-modal-content-gap: var(--space-lg);--result-modal-content-padding: var(--space-md);--result-modal-title-size: var(--font-xl);--result-modal-winner-gap: var(--space-md);--result-modal-winner-padding-block: var(--space-md);--result-modal-winner-padding-inline: var(--space-xl);--result-modal-winner-name-size: var(--font-xl);--result-modal-points-padding-block: var(--space-md);--result-modal-points-padding-inline: var(--space-lg);--result-modal-points-gap: var(--space-md);--result-modal-points-rank-size: var(--font-lg);--result-modal-points-rank-min-inline: 60px;--result-modal-points-rank-padding-block: var(--space-xs);--result-modal-points-rank-padding-inline: var(--space-sm);--result-modal-points-name-size: var(--font-base);--result-modal-points-value-size: var(--font-lg);--result-modal-close-padding-block: var(--space-sm);--result-modal-close-padding-inline: var(--space-xl);--result-modal-close-font-size: var(--font-base);--result-modal-header-gap: var(--space-sm);--result-modal-header-direction: row;--result-modal-header-align: center;--result-modal-game-result-padding: var(--space-lg);--result-modal-game-ranking-gap: var(--space-sm);--result-modal-game-ranking-flex-wrap: nowrap;--result-modal-game-ranking-padding-block: var(--space-sm);--result-modal-game-ranking-padding-inline: var(--space-md);--result-modal-time-info-padding: var(--space-md);--result-modal-points-name-row-gap: var(--space-xs);--result-modal-points-name-row-wrap: nowrap;--result-modal-stats-toggle-size: var(--font-xs);--result-modal-stats-toggle-padding-block: calc(var(--space-2xs) / 2);--result-modal-stats-toggle-padding-inline: var(--space-xs);--result-modal-player-stats-padding: var(--space-sm);--result-modal-stat-item-gap: var(--space-sm);--result-modal-stat-min-label: 120px;--settings-menu-border-width: var(--border-thin);--settings-menu-radius: var(--radius-md);--settings-menu-min-inline: clamp(140px, 22cqw, 200px);--settings-menu-item-gap: clamp(8px, 1.2cqh, 12px);--settings-menu-item-padding-block: clamp(8px, 1.2cqh, 12px);--settings-menu-item-padding-inline: clamp(10px, 1.6cqw, 16px);--settings-menu-icon-size: clamp(12px, 1.6cqh, 16px);--turn-order-min-size: clamp( 160px, 25cqw, var(--play-info-panel-max-width) );--turn-order-max-size: 100vmin;--hand-area-min-height: clamp(60px, 7.3cqh, 124px);--hand-area-padding-block: clamp(2px, .35cqh, 5px);--hand-area-padding-inline: clamp(4px, .6cqw, 8px);--hand-area-row-gap: clamp(2px, .45cqh, 6px);--hand-area-control-gap: clamp(4px, .65cqh, 9px);--hand-area-button-min-block: clamp(20px, 2.8cqh, 32px);--hand-area-button-max-block: clamp(42px, 6.3cqh, 72px);--hand-area-button-font-size: clamp(8px, .95cqh, 12px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(20px, 3cqw, 30px);--hand-card-min-height: clamp(32px, 6.8cqh, 80px);--hand-card-base-height: clamp(40px, 7.8cqh, 96px);--hand-card-base-width: clamp(34px, 5.9cqw, 74px);--hand-cards-padding-block-start: clamp(4px, .9cqh, 8px);--hand-cards-padding-block-end: clamp(2px, .25cqh, 3px);--hand-cards-padding-inline: clamp(2px, .6cqw, 6px);--play-area-history-width: calc( var(--play-area-events-width) + var(--play-area-penalty-width) );--play-area-events-width: clamp(155px, 17cqw, 250px);--play-area-penalty-width: clamp(105px, 12cqw, 170px);--play-area-padding-block: clamp(3px, .4cqh, 6px);--play-area-padding-inline: clamp(5px, .7cqw, 10px);--play-area-gap: clamp(3px, .5cqh, 8px);--player-seats-area-height: clamp( 60px, 9cqh, 110px );--player-seats-area-min-height: clamp(50px, 7cqh, 90px);--hand-area-height: clamp(120px, 15cqh, 200px);--player-seats-area-padding: clamp(2px, .35cqh, 6px);--player-seats-area-margin: clamp(6px, .8cqh, 12px);--player-seat-min-inline: clamp(70px, 9cqw, 120px);--player-seat-max-inline: clamp(90px, 11.5cqw, 140px);--player-seat-gap: clamp(4px, .6cqh, 10px);--player-seat-bottom-gap: clamp(4px, .6cqh, 10px);--player-seat-content-padding: clamp(3px, .4cqh, 6px);--player-seat-content-gap: clamp(3px, .4cqh, 6px);--player-seat-row-gap: clamp(3px, .4cqh, 6px);--player-seat-row-first-height: clamp(18px, 2.4cqh, 30px);--player-seat-avatar-size: clamp( 20px, 2.4cqh, 30px );--player-seat-hand-height: clamp(18px, 2.1cqh, 28px);--player-seat-row-second-height: clamp(20px, 2.6cqh, 36px);--player-seat-mini-card-width: clamp(20px, 2.8cqw, 36px);--player-seat-mini-card-height: clamp(26px, 3.6cqw, 42px);--player-seat-mini-card-overlap: clamp(-12px, -1.4cqw, -8px);--player-seat-mini-card-font-size: clamp(9px, 1.1cqh, 12px);--player-seat-indicator-size: clamp(16px, 2.2cqh, 28px);--player-seat-pass-font-size: clamp(8px, 1.1cqh, 16px);--player-seat-pass-padding-block: clamp(2px, .35cqh, 4px);--player-seat-pass-padding-inline: clamp(5px, .8cqw, 10px);--play-history-padding: clamp(2px, .35cqh, 6px);--play-history-gap: clamp(2px, .35cqh, 6px);--play-history-title-size: clamp(9px, 1.1cqh, 13px);--play-history-player-name-size: clamp(12px, 1.4cqh, 17px);--play-history-item-min-inline: clamp(36px, 5.5cqw, 60px);--play-history-card-gap: clamp(2px, .35cqh, 5px);--play-history-info-gap: clamp(2px, .35cqh, 5px);background:#1e293b;color:#fff;padding:0;overflow:visible;box-sizing:border-box;transition:background .3s ease}:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(60px, 7.1cqh, 124px);--hand-area-padding-block: clamp(3px, .36cqh, 6px);--hand-area-padding-inline: clamp(4px, .6cqw, 9px);--hand-area-row-gap: clamp(3px, .45cqh, 6px);--hand-area-control-gap: clamp(4px, .6cqh, 9px);--hand-area-button-min-block: clamp(20px, 3cqh, 34px);--hand-area-button-max-block: clamp(45px, 6.75cqh, 78px);--hand-area-button-font-size: clamp(7px, .85cqh, 12px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(18px, 3cqw, 30px);--hand-card-min-height: clamp(36px, 7cqh, 82px);--hand-card-base-height: clamp(44px, 8.5cqh, 96px);--hand-card-base-width: clamp(36px, 6cqw, 68px);--hand-cards-padding-block-start: clamp(4px, .9cqh, 9px);--hand-cards-padding-block-end: clamp(2px, .3cqh, 3px);--hand-cards-padding-inline: clamp(3px, .6cqw, 6px);--player-seats-area-height: clamp( 66px, 9.8cqh, 120px );--player-seats-area-min-height: clamp(55px, 8cqh, 100px);--play-area-events-width: clamp(150px, 16cqw, 240px);--play-area-penalty-width: clamp(110px, 12cqw, 170px);--player-seat-min-inline: clamp(70px, 9cqw, 120px);--player-seat-max-inline: clamp(90px, 11.5cqw, 140px);--player-seat-row-first-height: clamp(16px, 2cqh, 26px);--player-seat-avatar-size: clamp(16px, 2cqh, 26px);--player-seat-hand-height: clamp(14px, 1.6cqh, 22px);--player-seat-row-second-height: clamp(16px, 2cqh, 28px);--player-seat-mini-card-width: clamp(11px, 1.6cqw, 18px);--player-seat-mini-card-height: clamp(15px, 2.2cqw, 24px);--player-seat-mini-card-overlap: clamp(-9px, -1cqw, -5px);--player-seat-indicator-size: clamp(13px, 1.8cqh, 22px);--play-history-title-size: clamp(7px, .9cqh, 12px);--play-history-item-min-inline: clamp(34px, 5cqw, 56px)}@container game-layout (min-width: 768px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(72px, 8.6cqh, 160px);--hand-card-base-width: clamp(47px, 7.2cqw, 89px);--hand-card-base-height: clamp(57px, 10.2cqh, 125px);--hand-area-button-font-size: clamp(9px, 1.05cqh, 16px);--player-seats-area-min-height: clamp(66px, 9.6cqh, 130px);--play-area-events-width: clamp(180px, 18cqw, 280px);--play-area-penalty-width: clamp(143px, 14.4cqw, 221px);--player-seat-min-inline: clamp(85px, 10.8cqw, 145px);--player-seat-max-inline: clamp(110px, 13.8cqw, 170px);--player-seat-avatar-size: clamp(19px, 2.4cqh, 31px);--player-seat-row-first-height: clamp(19px, 2.4cqh, 31px);--player-seat-hand-height: clamp(17px, 1.9cqh, 26px);--player-seat-row-second-height: clamp(19px, 2.4cqh, 34px);--player-seat-mini-card-width: clamp(13px, 1.9cqw, 23px);--player-seat-mini-card-height: clamp(18px, 2.6cqw, 31px);--player-seat-indicator-size: clamp(16px, 2.2cqh, 29px);--play-history-title-size: clamp(8px, 1.1cqh, 15px);--play-history-item-min-inline: clamp(41px, 6cqw, 73px)}}@container game-layout (min-width: 1200px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(90px, 10.8cqh, 200px);--hand-card-base-width: clamp(59px, 9cqw, 115px);--hand-card-base-height: clamp(75px, 12.75cqh, 163px);--hand-area-button-font-size: clamp(11px, 1.3cqh, 20px);--player-seats-area-min-height: clamp(83px, 12cqh, 162px);--play-area-events-width: clamp(230px, 22cqw, 360px);--play-area-penalty-width: clamp(187px, 17.4cqw, 287px);--player-seat-min-inline: clamp(105px, 13.5cqw, 180px);--player-seat-max-inline: clamp(135px, 17.25cqw, 210px);--player-seat-avatar-size: clamp(24px, 3cqh, 39px);--player-seat-row-first-height: clamp(24px, 3cqh, 39px);--player-seat-hand-height: clamp(21px, 2.4cqh, 33px);--player-seat-row-second-height: clamp(24px, 3cqh, 42px);--player-seat-mini-card-width: clamp(17px, 2.4cqw, 30px);--player-seat-mini-card-height: clamp(23px, 3.3cqw, 40px);--player-seat-indicator-size: clamp(20px, 2.7cqh, 35px);--play-history-title-size: clamp(11px, 1.35cqh, 18px);--play-history-item-min-inline: clamp(51px, 7.5cqw, 93px)}}@container game-layout (min-width: 1920px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(114px, 13.6cqh, 258px);--hand-card-base-width: clamp(74px, 11.4cqw, 149px);--hand-card-base-height: clamp(97px, 16.15cqh, 212px);--hand-area-button-font-size: clamp(14px, 1.65cqh, 26px);--player-seats-area-min-height: clamp(110px, 16cqh, 210px);--play-area-events-width: clamp(300px, 28cqw, 450px);--play-area-penalty-width: clamp(242px, 22.8cqw, 373px);--player-seat-min-inline: clamp(140px, 18cqw, 240px);--player-seat-max-inline: clamp(180px, 23cqw, 280px);--player-seat-avatar-size: clamp(32px, 4cqh, 52px);--player-seat-row-first-height: clamp(32px, 4cqh, 52px);--player-seat-hand-height: clamp(28px, 3.2cqh, 44px);--player-seat-row-second-height: clamp(32px, 4cqh, 56px);--player-seat-mini-card-width: clamp(23px, 3.2cqw, 46px);--player-seat-mini-card-height: clamp(31px, 4.3cqw, 57px);--player-seat-indicator-size: clamp(26px, 3.6cqh, 49px);--play-history-title-size: clamp(14px, 1.7cqh, 22px);--play-history-player-name-size: clamp(14px, 1.7cqh, 20px);--play-history-item-min-inline: clamp(65px, 9.5cqw, 121px)}}:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(54px, 6.4cqh, 104px);--hand-area-padding-block: clamp(2px, .3cqh, 5px);--hand-area-padding-inline: clamp(3px, .5cqw, 7px);--hand-area-row-gap: clamp(2px, .36cqh, 5px);--hand-area-control-gap: clamp(3px, .5cqh, 7px);--hand-area-button-min-block: clamp(18px, 2.7cqh, 30px);--hand-area-button-max-block: clamp(39px, 6cqh, 66px);--hand-area-button-font-size: clamp(7px, .75cqh, 11px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(16px, 2.8cqw, 28px);--hand-card-min-height: clamp(30px, 6.5cqh, 74px);--hand-card-base-height: clamp(38px, 7.5cqh, 88px);--hand-card-base-width: clamp(30px, 5cqw, 60px);--hand-cards-padding-block-start: clamp(4px, .8cqh, 8px);--hand-cards-padding-block-end: clamp(1px, .2cqh, 2px);--hand-cards-padding-inline: clamp(2px, .5cqw, 5px);--player-seats-area-height: clamp( 60px, 9cqh, 110px );--player-seats-area-min-height: clamp(50px, 7cqh, 90px);--play-area-events-width: clamp(140px, 15cqw, 200px);--play-area-penalty-width: clamp(100px, 11cqw, 160px);--player-seat-min-inline: clamp(65px, 8.5cqw, 110px);--player-seat-max-inline: clamp(85px, 11cqw, 135px);--player-seat-row-first-height: clamp(15px, 1.8cqh, 24px);--player-seat-avatar-size: clamp(15px, 1.8cqh, 24px);--player-seat-hand-height: clamp(13px, 1.5cqh, 20px);--player-seat-row-second-height: clamp(15px, 1.8cqh, 26px);--player-seat-mini-card-width: clamp(10px, 1.4cqw, 16px);--player-seat-mini-card-height: clamp(14px, 2cqw, 22px);--player-seat-mini-card-overlap: clamp(-8px, -.9cqw, -5px);--player-seat-indicator-size: clamp(12px, 1.6cqh, 20px);--play-history-title-size: clamp(7px, .9cqh, 11px);--play-history-item-min-inline: clamp(32px, 4.6cqw, 52px)}@container game-layout (max-width: 1024px){.game-layout{--player-seat-avatar-size: clamp(16px, 2cqh, 25px);--player-seat-row-first-height: clamp(16px, 2cqh, 25px)}}@container game-layout (max-width: 768px){.game-layout{--player-seat-avatar-size: clamp(12px, 1.6cqh, 20px);--player-seat-row-first-height: clamp(12px, 1.6cqh, 20px)}}@container game-layout (max-width: 560px){.game-layout{--layout-row-top: 1.8fr;--layout-row-middle: 5.5fr;--layout-row-hand: 2.8fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--hand-area-min-height: clamp(48px, 6cqh, 100px);--player-seats-area-min-height: clamp(40px, 5.5cqh, 70px);--play-area-side-column-width: clamp(120px, 22cqw, 200px);--play-history-title-size: clamp(6px, .8cqh, 10px);--play-history-item-min-inline: clamp(28px, 4cqw, 48px);--play-history-player-name-size: clamp(9px, 1.1cqh, 14px)}.game-layout__hand-area .hand-area{--card-hand-height: clamp(50px, 7cqh, 90px);--card-hand-width: min(calc(var(--card-hand-height) * .714), 22cqw)}.game-layout__hand-area-penalty,.game-layout__hand-area-timer{width:clamp(45px,8cqw,80px)}}@container game-layout (min-width: 768px){.game-layout{--layout-row-top: 2.3fr;--layout-row-middle: 5.7fr;--layout-row-hand: 3fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--layout-scale: clamp(.8, calc(100cqh/1080px) , 1.3);--font-size-xs: clamp(8px, .6cqh, 16px);--font-size-sm: clamp(10px, .75cqh, 18px);--font-size-base: clamp(13px, .9cqh, 22px);--font-size-lg: clamp(15px, 1.05cqh, 24px);--font-size-xl: clamp(17px, 1.2cqh, 26px);--space-xs: clamp(4px, .55cqh, 9px);--space-sm: clamp(6px, .85cqh, 14px);--space-md: clamp(8px, 1.1cqh, 17px);--space-lg: clamp(11px, 1.4cqh, 22px);--space-xl: clamp(13px, 1.7cqh, 27px);--card-base-width: clamp(40px, 6cqw, 85px);--card-base-height: clamp(56px, 8.4cqw, 119px);--card-hand-width: clamp(42px, 6.5cqw, 85px);--card-hand-height: clamp(58px, 8.9cqw, 119px);--card-mini-width: clamp(21px, 3.25cqw, 47px);--card-mini-height: clamp(29px, 4.55cqw, 65px);--card-small-width: clamp(36px, 5.85cqw, 75px);--card-small-height: clamp(52px, 8.45cqw, 107px);--played-cards-card-base-width: clamp(65px, 9.75cqw, 130px);--played-cards-card-base-height: clamp(91px, 13.65cqh, 182px);--player-seat-min-inline: clamp(90px, 11.5cqw, 155px);--player-seat-max-inline: clamp(115px, 14.5cqw, 180px);--player-seat-avatar-size: clamp(27px, 3.4cqh, 45px);--player-seat-row-first-height: clamp(27px, 3.4cqh, 45px);--player-seat-hand-height: clamp(24px, 2.9cqh, 37px);--player-seat-row-second-height: clamp(27px, 3.4cqh, 49px);--player-seat-mini-card-width: clamp(24px, 3.4cqw, 44px);--player-seat-mini-card-height: clamp(30px, 4.4cqw, 56px);--player-seat-indicator-size: clamp(21px, 3cqh, 38px);--player-seat-pass-font-size: clamp(11px, 1.5cqh, 21px);--hand-area-min-height: clamp(108px, 21.2cqh, 265px);--hand-card-base-width: clamp(48px, 7.6cqw, 100px);--hand-card-base-height: clamp(58px, 10.6cqh, 142px);--hand-area-button-font-size: clamp(11px, 1.3cqh, 17px);--play-area-events-width: clamp(165px, 16.5cqw, 250px);--play-area-penalty-width: clamp(124px, 12.6cqw, 189px);--play-history-title-size: clamp(11px, 1.3cqh, 16px);--play-history-item-min-inline: clamp(43px, 6.6cqw, 78px);--radius-md: clamp(8px, 1cqh, 13px);--radius-lg: clamp(12px, 1.45cqh, 17px);--hand-area-name-font: clamp(13px, 1.55cqh, 22px);--hand-area-meta-font: clamp(11px, 1.35cqh, 20px);--hand-area-info-icon-font: clamp(15px, 1.85cqh, 24px);--hand-area-info-text-font: clamp(11px, 1.35cqh, 20px)}}@container game-layout (min-width: 1200px){.game-layout{--layout-row-top: 2.6fr;--layout-row-middle: 5.3fr;--layout-row-hand: 3.3fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--layout-scale: clamp(1, calc(100cqh/1080px) , 1.5);--font-size-xs: clamp(10px, .75cqh, 21px);--font-size-sm: clamp(12px, .95cqh, 24px);--font-size-base: clamp(16px, 1.1cqh, 28px);--font-size-lg: clamp(19px, 1.3cqh, 30px);--font-size-xl: clamp(21px, 1.5cqh, 34px);--space-xs: clamp(5px, .65cqh, 11px);--space-sm: clamp(8px, 1cqh, 17px);--space-md: clamp(11px, 1.3cqh, 21px);--space-lg: clamp(14px, 1.7cqh, 27px);--space-xl: clamp(17px, 2cqh, 33px);--card-base-width: clamp(50px, 7cqw, 110px);--card-base-height: clamp(70px, 9.8cqw, 154px);--card-hand-width: clamp(52px, 7.5cqw, 110px);--card-hand-height: clamp(72px, 10.2cqw, 154px);--card-mini-width: clamp(27px, 4.25cqw, 61px);--card-mini-height: clamp(37px, 5.95cqw, 85px);--card-small-width: clamp(48px, 7.65cqw, 99px);--card-small-height: clamp(68px, 11.05cqw, 139px);--played-cards-card-base-width: clamp(85px, 12.75cqw, 170px);--played-cards-card-base-height: clamp(119px, 17.85cqh, 238px);--played-cards-stack-height-factor: .65;--played-cards-stack-width-factor: .88;--played-cards-stage-max-inline: clamp(220px, 38cqw, 320px);--played-cards-stage-max-block: clamp(140px, 38cqh, 280px);--player-seat-min-inline: clamp(105px, 13.5cqw, 180px);--player-seat-max-inline: clamp(135px, 17.25cqw, 210px);--player-seat-avatar-size: clamp(32px, 3.9cqh, 52px);--player-seat-row-first-height: clamp(32px, 3.9cqh, 52px);--player-seat-hand-height: clamp(28px, 3.3cqh, 42px);--player-seat-row-second-height: clamp(32px, 3.9cqh, 56px);--player-seat-mini-card-width: clamp(30px, 4.1cqw, 56px);--player-seat-mini-card-height: clamp(36px, 5.4cqw, 70px);--player-seat-indicator-size: clamp(24px, 3.3cqh, 42px);--player-seat-pass-font-size: clamp(12px, 1.65cqh, 24px);--hand-area-min-height: clamp(136px, 24.5cqh, 350px);--hand-card-base-width: clamp(76px, 11cqw, 170px);--hand-card-base-height: clamp(102px, 17cqh, 235px);--hand-area-button-font-size: clamp(15px, 1.8cqh, 24px);--play-area-events-width: clamp(210px, 21cqw, 320px);--play-area-penalty-width: clamp(162px, 15.75cqw, 247px);--play-history-title-size: clamp(17px, 2cqh, 24px);--play-history-item-min-inline: clamp(54px, 8.25cqw, 99px);--radius-md: clamp(9px, 1.2cqh, 15px);--radius-lg: clamp(15px, 1.8cqh, 21px);--hand-area-name-font: clamp(15px, 2cqh, 28px);--hand-area-meta-font: clamp(14px, 1.85cqh, 26px);--hand-area-info-icon-font: clamp(18px, 2.3cqh, 30px);--hand-area-info-text-font: clamp(13px, 1.7cqh, 24px);--play-info-font-size: clamp(11px, 1.3cqh, 17px);--penalty-deck-label-size: clamp(10px, 1.3cqh, 15px);--penalty-deck-count-size: clamp(17px, 2.7cqh, 28px);--penalty-deck-count-suffix-size: clamp(11px, 1.6cqh, 16px)}}@container game-layout (min-width: 1920px){.game-layout{--layout-row-top: 2.9fr;--layout-row-middle: 4.7fr;--layout-row-hand: 3.5fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));--layout-scale: clamp(1.2, calc(100cqh/1080px) , 2);--font-size-xs: clamp(11px, .9cqh, 26px);--font-size-sm: clamp(13px, 1.05cqh, 28px);--font-size-base: clamp(18px, 1.2cqh, 34px);--font-size-lg: clamp(21px, 1.4cqh, 36px);--font-size-xl: clamp(24px, 1.7cqh, 40px);--space-xs: clamp(6px, .75cqh, 14px);--space-sm: clamp(10px, 1.15cqh, 21px);--space-md: clamp(13px, 1.55cqh, 27px);--space-lg: clamp(17px, 2.05cqh, 34px);--space-xl: clamp(21px, 2.5cqh, 42px);--card-base-width: clamp(60px, 8cqw, 140px);--card-base-height: clamp(84px, 11.2cqw, 196px);--card-hand-width: clamp(62px, 8.5cqw, 140px);--card-hand-height: clamp(86px, 11.7cqw, 196px);--card-mini-width: clamp(35px, 5.5cqw, 79px);--card-mini-height: clamp(48px, 7.7cqw, 110px);--card-small-width: clamp(62px, 9.9cqw, 128px);--card-small-height: clamp(88px, 14.3cqw, 180px);--played-cards-card-base-width: clamp(110px, 16.5cqw, 220px);--played-cards-card-base-height: clamp(154px, 23.1cqh, 308px);--played-cards-stack-height-factor: .72;--played-cards-stack-width-factor: .94;--played-cards-stage-max-inline: clamp(280px, 42cqw, 400px);--played-cards-stage-max-block: clamp(180px, 42cqh, 360px);--player-seat-min-inline: clamp(140px, 18cqw, 240px);--player-seat-max-inline: clamp(180px, 23cqw, 280px);--player-seat-avatar-size: clamp(44px, 5.2cqh, 68px);--player-seat-row-first-height: clamp(44px, 5.2cqh, 68px);--player-seat-hand-height: clamp(38px, 4.4cqh, 56px);--player-seat-row-second-height: clamp(44px, 5.2cqh, 72px);--player-seat-mini-card-width: clamp(40px, 5.6cqw, 70px);--player-seat-mini-card-height: clamp(50px, 7cqw, 84px);--player-seat-indicator-size: clamp(32px, 4.4cqh, 56px);--player-seat-pass-font-size: clamp(15px, 2.1cqh, 32px);--hand-area-min-height: clamp(178px, 29cqh, 490px);--hand-card-base-width: clamp(98px, 13.8cqw, 225px);--hand-card-base-height: clamp(132px, 22cqh, 310px);--hand-area-button-font-size: clamp(21px, 2.6cqh, 33px);--play-area-events-width: clamp(270px, 26cqw, 400px);--play-area-penalty-width: clamp(209px, 19.95cqw, 319px);--play-history-title-size: clamp(21px, 2.7cqh, 31px);--play-history-player-name-size: clamp(16px, 2cqh, 24px);--play-history-item-min-inline: clamp(68px, 10.45cqw, 125px);--radius-md: clamp(12px, 1.6cqh, 20px);--radius-lg: clamp(19px, 2.4cqh, 28px);--hand-area-name-font: clamp(21px, 2.85cqh, 40px);--hand-area-meta-font: clamp(19px, 2.65cqh, 36px);--hand-area-info-icon-font: clamp(22px, 2.75cqh, 38px);--hand-area-info-text-font: clamp(16px, 2.15cqh, 30px);--play-info-font-size: clamp(13px, 1.7cqh, 20px);--penalty-deck-label-size: clamp(11px, 1.6cqh, 18px);--penalty-deck-count-size: clamp(20px, 3.1cqh, 34px);--penalty-deck-count-suffix-size: clamp(12px, 1.9cqh, 18px)}}@container game-layout (min-width: 768px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(60px, 7.1cqh, 124px);--hand-card-base-width: clamp(39px, 6.5cqw, 78px);--hand-card-base-height: clamp(49px, 9.75cqh, 114px);--hand-area-button-font-size: clamp(9px, .95cqh, 14px);--player-seats-area-min-height: clamp(60px, 8.4cqh, 117px);--play-area-events-width: clamp(165px, 16.5cqw, 260px);--play-area-penalty-width: clamp(130px, 13.2cqw, 208px);--player-seat-min-inline: clamp(78px, 10.2cqw, 132px);--player-seat-max-inline: clamp(102px, 13.2cqw, 164px);--player-seat-avatar-size: clamp(18px, 2.2cqh, 29px);--player-seat-row-first-height: clamp(18px, 2.2cqh, 29px);--player-seat-hand-height: clamp(16px, 1.8cqh, 24px);--player-seat-row-second-height: clamp(18px, 2.2cqh, 31px);--player-seat-mini-card-width: clamp(12px, 1.7cqw, 21px);--player-seat-mini-card-height: clamp(17px, 2.4cqw, 29px);--player-seat-indicator-size: clamp(14px, 1.9cqh, 26px);--play-history-title-size: clamp(8px, 1.1cqh, 13px);--play-history-item-min-inline: clamp(38px, 5.5cqw, 68px)}}@container game-layout (min-width: 1200px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(75px, 8.8cqh, 155px);--hand-card-base-width: clamp(49px, 7.5cqw, 99px);--hand-card-base-height: clamp(65px, 11.25cqh, 149px);--hand-area-button-font-size: clamp(12px, 1.3cqh, 19px);--player-seats-area-min-height: clamp(75px, 10.5cqh, 146px);--play-area-events-width: clamp(210px, 21cqw, 320px);--play-area-penalty-width: clamp(170px, 16.5cqw, 260px);--player-seat-min-inline: clamp(98px, 12.75cqw, 165px);--player-seat-max-inline: clamp(128px, 16.5cqw, 203px);--player-seat-avatar-size: clamp(23px, 2.7cqh, 35px);--player-seat-row-first-height: clamp(23px, 2.7cqh, 35px);--player-seat-hand-height: clamp(20px, 2.25cqh, 30px);--player-seat-row-second-height: clamp(23px, 2.7cqh, 39px);--player-seat-mini-card-width: clamp(15px, 2.1cqw, 28px);--player-seat-mini-card-height: clamp(21px, 3cqw, 37px);--player-seat-indicator-size: clamp(18px, 2.4cqh, 30px);--play-history-title-size: clamp(12px, 1.5cqh, 19px);--play-history-item-min-inline: clamp(48px, 6.9cqw, 87px)}}@container game-layout (min-width: 1920px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(92px, 11.2cqh, 195px);--hand-card-base-width: clamp(63px, 9.75cqw, 129px);--hand-card-base-height: clamp(84px, 14.25cqh, 194px);--hand-area-button-font-size: clamp(16px, 1.8cqh, 26px);--player-seats-area-min-height: clamp(95px, 13.3cqh, 189px);--play-area-events-width: clamp(270px, 26cqw, 400px);--play-area-penalty-width: clamp(220px, 20.9cqw, 338px);--player-seat-min-inline: clamp(130px, 16.5cqw, 220px);--player-seat-max-inline: clamp(170px, 22cqw, 270px);--player-seat-avatar-size: clamp(30px, 3.6cqh, 47px);--player-seat-row-first-height: clamp(30px, 3.6cqh, 47px);--player-seat-hand-height: clamp(26px, 3cqh, 40px);--player-seat-row-second-height: clamp(30px, 3.6cqh, 52px);--player-seat-mini-card-width: clamp(20px, 2.8cqw, 42px);--player-seat-mini-card-height: clamp(28px, 4cqw, 50px);--player-seat-indicator-size: clamp(24px, 3.2cqh, 40px);--play-history-title-size: clamp(16px, 2cqh, 24px);--play-history-item-min-inline: clamp(61px, 8.7cqw, 111px)}}body.revolution .game-layout,body.revolution .game-layout-frame{background:#4a1f1f}.game-layout__special-effect-manager{position:absolute;top:var(--space-sm);left:0;right:0;z-index:399;pointer-events:none;display:flex;justify-content:center}.game-layout__special-effect-manager>*{pointer-events:auto}.game-layout__player-seats-area{grid-area:player-seats;position:relative;z-index:398;padding-top:clamp(2px,.3cqh,4px);padding-bottom:var(--player-seats-area-padding, clamp(2px, .35cqh, 6px));padding-left:clamp(4px,.6cqw,8px);padding-right:clamp(4px,.6cqw,8px);pointer-events:none;overflow:hidden;height:100%;min-height:0}.game-layout__player-seats-area>*{pointer-events:auto}.game-layout__center-column{grid-area:center;position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible}.game-layout__center-column>.play-sheet{flex:1;min-height:0;min-width:0}.game-layout__action-area-slot{flex-shrink:0;min-height:clamp(90px,12cqh,160px);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-sm)}@media (max-width: 1199px){.game-layout__action-area-slot--center{display:none!important}.game-layout__action-area-slot--side{display:flex}.game-layout__action-area-slot--side{flex:1;min-height:0;width:100%;padding:0;align-items:stretch;justify-content:stretch}.game-layout__action-area-slot--side .action-area-slot{width:100%;height:100%;min-height:0;align-items:stretch;justify-content:stretch}.game-layout__action-area-slot--side .action-area-panel{width:100%;height:100%;min-height:0;flex:1}.game-layout__action-area-slot--side .action-area-panel--decision{min-width:0;max-width:none;padding:4px}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop{flex-direction:column;gap:6px;min-height:0;height:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-side{flex-shrink:0}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tabs{flex:0 0 auto;flex-direction:row}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-center{flex:1;min-height:0}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__right{flex-shrink:0;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;gap:var(--space-xs);width:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0;width:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-center{gap:var(--space-2xs)}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint{max-height:1.8em;min-height:0;padding:0 var(--space-2xs);text-align:center;overflow-wrap:break-word}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__hint,.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__four-stop-count,.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-count{font-size:clamp(9px,1vh,12px);line-height:1.2}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__hint-stack{gap:1px}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-cards .selection-card-row{gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-cards .selection-card-row .card--mini{width:clamp(24px,4cqw,44px);height:clamp(32px,5.5cqw,60px)}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop .action-area-panel__four-stop-center:only-child{justify-content:center}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop .action-area-panel__four-stop-center:only-child .action-area-panel__four-stop-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel--ten-discard .action-area-panel__ten-discard-center:has(.action-area-panel__ten-discard-cards:empty){justify-content:center}.game-layout__action-area-slot--side .action-area-panel--ten-discard .action-area-panel__ten-discard-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel__content{flex-direction:column;gap:6px;min-height:0;height:100%}.game-layout__action-area-slot--side .action-area-panel__controls-section{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-layout__action-area-slot--side .action-area-panel__controls-section .action-area-panel__hint-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.game-layout__action-area-slot--side .action-area-panel__actions-section{flex-shrink:0;display:flex;flex-direction:row;justify-content:stretch;gap:var(--space-sm);width:100%;margin-top:auto}.game-layout__action-area-slot--side .action-area-panel__actions-section .action-area-panel__right{flex:1;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:stretch;gap:var(--space-sm);min-width:0}.game-layout__action-area-slot--side .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0}.game-layout__action-area-slot--side .action-area-panel__controls-section:has(.action-area-panel__mode-tabs){align-items:stretch;justify-content:flex-start}.game-layout__action-area-slot--side .action-area-panel__controls-section:has(.action-area-panel__mode-tabs){flex-direction:column;gap:6px}.game-layout__action-area-slot--side .action-area-panel__mode-and-bulk-row{flex-direction:row;width:100%;flex-shrink:0;gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel__mode-and-bulk-row .action-area-panel__mode-tabs,.game-layout__action-area-slot--side .action-area-panel__mode-and-bulk-row .action-area-panel__bulk-stair{flex:1 1 0;min-width:0;flex-direction:row}.game-layout__action-area-slot--side .action-area-panel__mode-tab,.game-layout__action-area-slot--side .action-area-panel__bulk-stair-btn{flex:1 1 0;min-width:0;height:clamp(24px,8vh,44px);min-height:clamp(24px,8vh,44px);padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,13px)}.game-layout__action-area-slot--side .action-area-panel__decision-center{flex:1;min-height:0;flex-direction:column}.game-layout__action-area-slot--side .action-area-panel__cards .selection-card-row{gap:var(--space-xs)}.game-layout__action-area-slot--side .selection-card-row .card--mini{width:clamp(24px,4cqw,44px);height:clamp(32px,5.5cqw,60px)}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button{height:clamp(24px,8vh,44px);min-height:clamp(24px,8vh,44px);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,13px)}.game-layout__action-area-slot--side .action-area-panel__decision-hint{max-height:1.8em;min-height:0;padding:0 var(--space-2xs)}.game-layout__action-area-slot--side .action-area-panel__decision-hint .action-area-panel__hint{font-size:clamp(9px,1vh,12px);line-height:1.2}.game-layout__action-area-slot--side .action-area-panel--reaction{min-width:0;max-width:none;height:100%;justify-content:stretch}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons{flex-direction:column;flex-wrap:nowrap;flex:1;min-height:0;width:100%;gap:var(--space-xs);justify-content:stretch}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1 1 0;min-height:clamp(20px,6vh,36px);min-width:0;width:100%;padding:2px var(--space-sm);font-size:clamp(9px,1vh,12px)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-sub{font-size:.7em}.game-layout__action-area-slot--side .action-area-panel__button{min-height:clamp(24px,8vh,44px);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,13px)}.game-layout__action-area-slot--side .action-area-panel__hint{font-size:clamp(11px,1.2vh,14px)}}@media (min-width: 1200px){.game-layout__action-area-slot--center{display:flex}.game-layout__action-area-slot--side{display:none!important}}.game-layout__main-area{grid-area:main-area;position:relative;min-height:0;min-width:0;overflow:visible;background:#1e293b;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,var(--play-area-history-width, clamp(110px, 12cqw, 170px))) minmax(0,1fr) minmax(0,var(--play-area-events-width, clamp(140px, 15cqw, 220px))) minmax(0,var(--play-area-penalty-width, clamp(95px, 10.5cqw, 145px)));grid-template-areas:"history center events penalty";gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));padding:var(--play-area-padding-block, clamp(3px, .4cqh, 6px)) var(--play-area-padding-inline, clamp(5px, .7cqw, 10px))}.game-layout--revolution .game-layout__main-area{background:#4a1f1f}.game-layout__hand-area{grid-area:hand-area;position:relative;min-height:0;min-width:0;overflow:visible;z-index:20;padding:var(--play-area-padding-block, clamp(3px, .4cqh, 6px)) var(--play-area-padding-inline, clamp(5px, .7cqw, 10px));box-sizing:border-box;height:100%;display:flex;flex-direction:row;align-items:stretch;gap:var(--play-area-gap, clamp(3px, .5cqh, 8px))}.game-layout__hand-area-penalty{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:clamp(70px,12cqw,120px);overflow:hidden}.game-layout__hand-area-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.game-layout__hand-area-timer{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:clamp(80px,14cqw,140px);overflow:hidden}@media (max-width: 1199px){.game-layout{gap:0}.game-layout{--play-history-padding: clamp(1px, .2cqh, 4px);--play-history-gap: clamp(1px, .25cqh, 4px);--play-history-item-padding-block: var(--space-2xs);--play-history-item-padding-inline: var(--space-2xs);--play-history-card-gap: clamp(1px, .2cqh, 3px);--play-history-info-gap: clamp(1px, .2cqh, 3px);--play-history-title-size: clamp(8px, 1cqh, 11px);--play-history-player-name-size: clamp(10px, 1.2cqh, 14px);--play-history-label-font: clamp(6px, .7cqh, 9px);--play-history-label-size: clamp(8px, .9cqh, 9px);--play-history-summary-size: clamp(9px, 1cqh, 10px);--play-history-joker-font: clamp(5px, .6cqh, 8px);--play-history-more-font: clamp(4px, .5cqh, 7px);--play-history-item-min-inline: clamp(32px, 4.5cqw, 52px)}.game-layout__hand-area-penalty,.game-layout__hand-area-timer{display:flex!important}.play-area__penalty-deck-section--main{display:none!important}.game-layout__main-area{--play-area-side-column-width: clamp(200px, 26cqw, 340px);grid-template-columns:minmax(0,var(--play-area-side-column-width)) minmax(0,1fr) minmax(0,var(--play-area-side-column-width));grid-template-areas:"history center events"}.game-layout__hand-area{padding:clamp(2px,.35cqh,5px) clamp(4px,.6cqw,8px);gap:clamp(4px,.6cqh,10px)}.game-layout__hand-area .hand__cards{margin-top:-16px;padding-top:16px;min-height:calc(var(--hand-card-min-height) + 16px)}.game-layout__main-area{z-index:25;position:relative}.game-layout__hand-area-content .hand-area{padding-inline:clamp(3px,.5cqw,8px);padding-block:clamp(2px,.3cqh,4px)}.game-layout__hand-area-penalty{width:clamp(55px,9cqw,95px);flex-direction:column;align-items:stretch;container-type:size;container-name:hand-area-penalty}.game-layout__hand-area-penalty .penalty-deck,.game-layout__hand-area-penalty .play-area__penalty-deck{flex:1;min-height:0;width:100%;height:100%;--penalty-deck-card-inline: clamp(24px, 42cqw, 48px);--penalty-deck-label-size: clamp(7px, 1.2cqh, 16px);--penalty-deck-gap: clamp(2px, .35cqh, 6px);--penalty-deck-padding: clamp(2px, .35cqh, 6px)}.game-layout__hand-area-penalty .penalty-deck__card-inner .card__count{gap:clamp(0px,.3cqh,2px)}.game-layout__hand-area-penalty .penalty-deck__card-inner .card__count:after{margin-top:clamp(0px,.2cqh,2px)}.game-layout__hand-area-penalty .penalty-deck__container{width:var(--penalty-deck-card-inline);max-width:100%;aspect-ratio:5 / 7;height:auto;max-height:100%}.game-layout__hand-area-timer{width:clamp(60px,10cqw,110px);flex-direction:column;align-items:stretch;container-type:size;container-name:hand-area-timer;--reaction-timer-size: clamp(32px, min(80cqw, 75cqh), 80px);--action-decision-timer-size: clamp(32px, min(80cqw, 75cqh), 80px);--special-effect-selection-timer-size: clamp( 32px, min(80cqw, 75cqh), 80px );--reaction-timer-blur: clamp(4px, .6cqh, 10px);--action-decision-timer-blur: clamp(4px, .6cqh, 10px);--special-effect-selection-timer-blur: clamp(4px, .6cqh, 10px);--reaction-timer-stroke-width: clamp(3px, .8cqh, 10px);--reaction-timer-font-size: clamp(12px, 2.5cqh, 28px)}.game-layout__hand-area-timer .play-area__timer-slot{flex:1;min-height:0}.game-layout__hand-area-timer .action-decision-timer{--action-decision-timer-text-size: clamp(14px, 2.5cqh, 32px)}.game-layout__hand-area-timer .special-effect-selection-timer{--special-effect-selection-timer-text-size: clamp(14px, 2.5cqh, 32px)}}@media (min-width: 1200px){.game-layout__hand-area-penalty,.game-layout__hand-area-timer{display:none!important}.play-area__penalty-deck-section--main{display:flex}.game-layout__hand-area{width:100%;justify-content:stretch}.game-layout__hand-area-content{flex:1 1 0;min-width:0;width:100%}}