.app{width:100%;max-width:100vw;min-height:100vh;display:flex;flex-direction:column;transition:background .5s ease;box-sizing:border-box;overflow-x:hidden}.app.revolution{background:#4a1f1f}.app-header{padding:2rem;text-align:center;color:#fff;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;opacity:.9}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.welcome-section{background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 10px 40px #0003;text-align:center;max-width:600px}.welcome-section p{margin-bottom:1rem;font-size:1.1rem;color:#333}.welcome-section button{margin-top:1rem;padding:.75rem 2rem;font-size:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.welcome-section button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.welcome-section button:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;max-width:100vw;min-width:320px;height:100vh;overflow:hidden;box-sizing:border-box}html.page-scroll-allowed{overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;max-width:100vw;min-height:100vh;height:100vh;min-width:320px;overflow:hidden;transition:background .5s ease;box-sizing:border-box}body.page-scroll-allowed{overflow-y:auto}body.revolution{background:#4a1f1f}#root{width:100%;max-width:100vw;min-height:100vh;height:100vh;min-width:320px;overflow:hidden;box-sizing:border-box}#root.page-scroll-allowed-root{overflow-y:visible;min-height:auto;height:auto}:root{--ui-density-scale: .95;--ui-font-scale: .96;--ui-overlay-width-scale: .92;--layer-overlay: 1100;--layout-overlay-safe-inset: clamp(.75rem, 2.5vmin, 1.75rem);--space-2xs: calc(.25rem * var(--ui-density-scale));--space-xs: calc(.5rem * var(--ui-density-scale));--space-sm: calc(.75rem * var(--ui-density-scale));--space-md: calc(1rem * var(--ui-density-scale));--space-lg: calc(1.25rem * var(--ui-density-scale));--space-xl: calc(1.5rem * var(--ui-density-scale));--font-size-xs: calc(.65rem * var(--ui-font-scale));--font-size-sm: calc(.8rem * var(--ui-font-scale));--font-size-base: calc(.95rem * var(--ui-font-scale));--font-size-lg: calc(1.125rem * var(--ui-font-scale));--font-size-xl: calc(1.25rem * var(--ui-font-scale));--surface-overlay: rgba(18, 18, 18, .92);--surface-overlay-border: rgba(255, 255, 255, .18);--shadow-overlay: 0 1.5rem 3rem rgba(0, 0, 0, .35);--effect-announcement-max-inline: calc( 32rem * var(--ui-overlay-width-scale) );--effect-announcement-padding-block: var(--space-md);--effect-announcement-padding-inline: calc(var(--space-lg) * 1.25);--effect-announcement-radius: calc(.75rem * var(--ui-density-scale));--effect-announcement-gap: var(--space-sm);--effect-announcement-rank-gap: var(--space-xs);--effect-announcement-rank-min-inline: calc( 2.5rem * var(--ui-density-scale) );--notification-gap: var(--space-sm);--notification-padding-block: var(--space-sm);--notification-padding-inline: var(--space-lg);--notification-max-inline-size: calc(24rem * var(--ui-overlay-width-scale));--notification-fixed-inset: var(--layout-overlay-safe-inset);--notification-title-size: var(--font-size-base);--notification-message-size: var(--font-size-sm);--notification-close-size: calc(1.25rem * var(--ui-density-scale));--notification-close-font-size: var(--font-size-base);--player-seat-min-inline: 80px;--player-seat-max-inline: 130px;--player-seat-gap: var(--space-xs);--player-seat-bottom-gap: var(--space-sm);--player-seat-padding: var(--space-2xs);--player-seat-content-padding: var(--space-2xs);--player-seat-content-gap: var(--space-3xs);--player-seat-row-gap: var(--space-2xs);--player-seat-row-first-height: 22px;--player-seat-avatar-size: 20px;--player-seat-hand-height: 16px;--player-seat-row-second-height: 24px;--player-seat-mini-card-width: 14px;--player-seat-mini-card-height: 18px;--player-seat-mini-card-overlap: -6px;--player-seat-mini-card-font-size: 8px;--player-seat-indicator-size: 18px;--player-seat-indicator-padding: 2px;--player-seat-pass-font-size: var(--font-size-lg);--player-seat-pass-letter-spacing: .08em;--player-seat-pass-padding-block: 3px;--player-seat-pass-padding-inline: 10px;--player-seats-area-height: clamp(80px, 15vh, 120px);--player-seats-area-padding: var(--space-3xs);--player-seats-area-margin: var(--space-sm);--player-seats-area-pointer-events: auto;--hand-area-gap: var(--space-3xs);--hand-area-padding-block: var(--space-2xs);--hand-area-padding-inline: var(--space-sm);--hand-area-min-height: 110px;--hand-area-avatar-size: clamp( 20px, calc(24px * var(--size-scale-base)), 28px );--hand-area-row-gap: var(--space-xs);--hand-area-control-gap: var(--space-sm);--hand-area-button-min-inline: 112px;--hand-area-button-min-block: clamp( 34px, calc(40px * var(--size-scale-base, 1)), 48px );--hand-area-button-padding-block: var(--space-2xs);--hand-area-button-padding-inline: var(--space-sm);--hand-area-button-font-size: clamp( 11px, calc(13px * var(--font-scale-base, 1)), 15px );--hand-area-rank-button-min-inline: clamp( 30px, calc(34px * var(--size-scale-base, 1)), 42px );--hand-area-rank-button-gap: var(--space-xs);--hand-card-base-height: 136px;--hand-card-base-width: 96px;--hand-card-min-height: clamp( 78px, calc(95px * var(--size-scale-base, 1)), 112px );--hand-cards-padding-block-start: calc(14px * var(--spacing-scale-base, 1));--hand-cards-padding-block-end: calc(4px * var(--spacing-scale-base, 1));--hand-cards-padding-inline: calc(10px * var(--spacing-scale-base, 1));--hand-cards-scrollbar-height: clamp( 4px, calc(6px * var(--size-scale-base, 1)), 8px );--hand-declared-bar-padding-block: calc(6px * var(--spacing-scale-base, 1));--hand-declared-bar-padding-inline: calc( 10px * var(--spacing-scale-base, 1) );--hand-declared-bar-radius: calc(6px * var(--radius-scale-base, 1));--hand-declared-bar-margin-bottom: calc(6px * var(--spacing-scale-base, 1));--hand-face-button-gap: calc(5px * var(--spacing-scale-base, 1));--hand-face-button-font-size: clamp( 10px, calc(12px * var(--font-scale-base, 1)), 14px );--hand-face-button-padding-block: calc(6px * var(--spacing-scale-base, 1));--hand-face-button-padding-inline: calc( 10px * var(--spacing-scale-base, 1) );--hand-face-title-size: clamp( 9px, calc(11px * var(--font-scale-base, 1)), 13px );--hand-rank-button-font-size: clamp( 11px, calc(13px * var(--font-scale-base, 1)), 15px );--hand-rank-button-padding-block: calc(5px * var(--spacing-scale-base, 1));--hand-rank-button-padding-inline: calc( 10px * var(--spacing-scale-base, 1) );--hand-rank-button-min-inline: clamp( 28px, calc(36px * var(--size-scale-base, 1)), 40px );--hand-face-toggle-size: clamp( 20px, calc(24px * var(--size-scale-base, 1)), 28px );--hand-face-toggle-font-size: clamp( 12px, calc(14px * var(--font-scale-base, 1)), 16px );--hand-declared-toggle-font-size: clamp( 9px, calc(11px * var(--font-scale-base, 1)), 13px );--hand-declared-toggle-padding-block: calc( 2px * var(--spacing-scale-sm, 1) );--hand-declared-toggle-padding-inline: calc( 6px * var(--spacing-scale-base, 1) );--hand-declared-toggle-min-inline: clamp( 18px, calc(20px * var(--size-scale-base, 1)), 22px );--hand-card-stack-gap-inline: 0;--hand-card-stack-padding-inline: var(--hand-cards-padding-inline);--hand-card-hover-offset: -4px;--hand-card-selected-offset: -8px;--game-page-min-inline: 320px;--game-state-gap: calc(20px * var(--spacing-scale-base, 1));--game-state-padding: calc(20px * var(--spacing-scale-base, 1));--game-state-title-size: clamp( 20px, calc(24px * var(--font-scale-base, 1)), 28px );--game-state-text-size: clamp( 14px, calc(16px * var(--font-scale-base, 1)), 18px );--game-state-message-max: clamp( 300px, calc(500px * var(--size-scale-base, 1)), 600px );--game-state-subtext-size: clamp( 12px, calc(14px * var(--font-scale-base, 1)), 16px );--game-state-button-padding-block: calc( 12px * var(--spacing-scale-base, 1) );--game-state-button-padding-inline: calc( 24px * var(--spacing-scale-base, 1) );--game-state-button-radius: calc(6px * var(--radius-scale-base, 1));--game-state-button-font-size: clamp( 12px, calc(14px * var(--font-scale-base, 1)), 16px );--game-state-button-min-height: clamp( 36px, calc(44px * var(--size-scale-base, 1)), 48px );--game-rules-scroll-button-size: 48px;--game-rules-scroll-button-offset: 24px;--card-play-suit-large-size: clamp( 34px, calc(42px * var(--font-scale-base, 1)), 50px );--card-hand-width: clamp( 46px, calc(64px * var(--size-scale-base, 1)), 80px );--card-hand-height: clamp( 62px, calc(90px * var(--size-scale-base, 1)), 112px );--play-area-gap: var(--space-xs);--play-area-history-min-height: 55px;--play-area-history-max-height: 75px;--play-area-header-padding-bottom: var(--space-xs);--play-area-empty-text-size: var(--font-size-base);--play-area-reaction-gap: var(--space-md);--play-area-reaction-button-gap: var(--space-sm);--play-area-reaction-min-width: 280px;--play-area-padding-block: var(--space-2xs);--play-area-padding-inline: var(--space-xs);--play-area-hand-overlap: calc(var(--hand-area-min-height) * .4);--play-area-main-padding-bottom: var(--space-md);--play-area-center-stack-padding-bottom: var(--space-lg);--play-area-bottom-seats-margin-bottom: var(--space-md);--play-area-hand-area-margin-top: var(--space-2xs);--play-area-side-width: 200px;--play-area-history-width: clamp(140px, 18vw, 220px);--play-area-penalty-width: clamp(120px, 16vw, 180px);--play-area-history-min-width: 120px;--play-area-history-max-width: 300px;--play-area-penalty-min-width: 100px;--play-area-penalty-max-width: 150px;--play-info-gap: var(--space-sm);--play-info-row-gap: var(--space-xs);--play-info-panel-max-width: clamp(220px, 30vw, 320px);--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: calc(.375rem * var(--radius-scale-base, 1));--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-four-stop-target-border-color: rgba(220, 38, 38, .5);--play-history-four-stop-target-background: rgba(220, 38, 38, .1);--play-history-title-size: clamp( .55rem, calc(.7rem * var(--ui-font-scale)), .8rem );--play-history-item-min-inline: 45px;--played-cards-min-height: 180px;--played-cards-stack-height-factor: .55;--played-cards-stack-width-factor: .78;--played-cards-empty-text-size: var(--font-size-sm);--played-cards-penalty-offset: var(--space-xs);--played-cards-card-base-height: clamp( 70px, calc(95px * var(--size-scale-base, 1)), 120px );--played-cards-card-base-width: clamp( 50px, calc(70px * var(--size-scale-base, 1)), 92px );--played-cards-stage-max-inline: clamp(160px, 32vw, 240px);--played-cards-stage-max-block: clamp( calc(var(--played-cards-min-height) * .6), 30vh, 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-size-xs);--hud-wrapper-gap: var(--space-sm);--hud-wrapper-padding: var(--space-xs);--hud-wrapper-max-width: 320px;--turn-order-min-size: clamp(160px, 25vw, var(--play-info-panel-max-width));--turn-order-max-size: var(--play-info-panel-max-width);--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-size-xl);--modal-heading-size: var(--font-size-lg);--modal-body-size: var(--font-size-base);--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: 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-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-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-size-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;--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: 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-size-base);--six-take-note-size: var(--font-size-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: 150px;--six-take-hand-radius: calc(.5rem * var(--ui-density-scale));--six-take-selected-count-size: var(--font-size-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-xs);--penalty-deck-radius: calc(.5rem * var(--ui-density-scale));--penalty-deck-label-size: clamp( .55rem, calc(.7rem * var(--ui-font-scale)), .8rem );--penalty-deck-card-inline: clamp( 45px, calc(60px * var(--ui-density-scale)), 75px );--penalty-deck-card-block: clamp( 63px, calc(84px * var(--ui-density-scale)), 105px );--penalty-deck-count-size: clamp( 1.125rem, calc(1.5rem * var(--ui-font-scale)), 1.875rem );--penalty-deck-count-suffix-size: clamp( .625rem, calc(.875rem * var(--ui-font-scale)), 1.125rem );--penalty-deck-count-gap: var(--space-2xs);--revolution-indicator-padding-block: calc( .3rem * var(--ui-density-scale) );--revolution-indicator-padding-inline: calc( .65rem * var(--ui-density-scale) );--revolution-indicator-radius: calc(1rem * var(--ui-density-scale));--revolution-indicator-font-size: calc(.7rem * var(--ui-font-scale));--revolution-indicator-shadow: 0 2px 8px rgba(239, 68, 68, .3);--game-log-modal-max-height: 70vh;--game-log-panel-min-height: 400px;--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-size-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-size-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-size-sm);--player-list-content-gap: var(--space-2xs);--player-list-row-min-height: 32px;--player-list-indicator-column: 20px;--player-list-indicator-size: 16px;--player-list-scrollbar-width: 6px;--player-card-padding: var(--space-3xs, .2rem);--player-card-gap: calc(var(--space-2xs) * .5);--player-card-min-height: 28px;--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));--reaction-timer-size: clamp( 70px, calc(100px * var(--ui-density-scale)), 120px );--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));--match-progress-padding: var(--space-md);--match-progress-radius: calc(.5rem * var(--ui-density-scale));--match-progress-border-color: rgba(59, 130, 246, .3);--match-progress-panel-bg: rgba(30, 41, 59, .8);--match-progress-header-gap: var(--space-xs);--match-progress-header-padding-bottom: var(--space-sm);--match-progress-header-margin-bottom: var(--space-md);--match-progress-content-gap: var(--space-md);--match-progress-list-gap: var(--space-xs);--match-progress-card-padding: var(--space-sm);--match-progress-card-gap: var(--space-sm);--match-progress-card-radius: calc(.375rem * var(--ui-density-scale));--match-progress-rank-min-inline: calc(3rem * var(--ui-density-scale));--match-progress-previous-rank-width: auto;--match-progress-previous-rank-margin-left: auto;--match-progress-previous-rank-margin-top: 0;--match-progress-result-gap: var(--space-sm);--match-progress-result-padding: var(--space-sm);--match-progress-results-margin-top: var(--space-xl);--match-progress-result-header-gap: var(--space-sm);--match-progress-ranking-gap: var(--space-sm);--match-progress-ranking-padding: var(--space-xs);--match-progress-ranking-min-inline: calc(4rem * var(--ui-density-scale));--match-progress-ranking-point-min-inline: calc( 3.5rem * var(--ui-density-scale) );--match-progress-ranking-name-align: right;--match-progress-ranking-point-align: right;--match-progress-title-size: var(--font-size-lg);--match-progress-subtitle-size: var(--font-size-base);--match-progress-meta-size: var(--font-size-sm);--match-progress-section-title-size: var(--font-size-base);--match-progress-caption-size: var(--font-size-xs);--match-progress-tag-font-size: var(--font-size-xs);--match-progress-tag-padding-block: calc(var(--space-2xs) / 2);--match-progress-tag-padding-inline: var(--space-xs);--match-progress-tag-radius: calc(.25rem * var(--ui-density-scale));--match-progress-point-change-gap: var(--space-2xs);--match-progress-point-change-padding-inline: calc(var(--space-xs) * .75);--match-progress-point-change-padding-block: calc(var(--space-2xs) / 2);--match-progress-status-padding-block: calc(var(--space-2xs) / 2);--match-progress-status-padding-inline: var(--space-xs);--match-progress-status-radius: calc(.25rem * var(--ui-density-scale));--match-progress-section-title-padding-block: calc(var(--space-2xs) / 2);--match-progress-section-title-margin-start: var(--space-sm);--match-progress-section-title-margin-end: var(--space-2xs);--match-progress-divider-margin-block: var(--space-sm);--match-progress-points-item-flex-wrap: nowrap;--match-progress-game-result-header-flex-wrap: nowrap;--match-progress-game-date-margin-left: auto;--match-progress-game-date-width: auto;--match-progress-game-ranking-flex-wrap: nowrap;--scale-base: var(--ui-density-scale);--font-scale-xs: calc(.75 * var(--ui-font-scale));--font-scale-sm: calc(.875 * var(--ui-font-scale));--font-scale-base: var(--ui-font-scale);--font-scale-lg: calc(1.125 * var(--ui-font-scale));--font-scale-xl: calc(1.25 * var(--ui-font-scale));--font-scale-2xl: calc(1.5 * var(--ui-font-scale));--font-scale-3xl: calc(2 * var(--ui-font-scale));--spacing-scale-xs: calc(.5 * var(--ui-density-scale));--spacing-scale-sm: calc(.75 * var(--ui-density-scale));--spacing-scale-base: var(--ui-density-scale);--spacing-scale-lg: calc(1.25 * var(--ui-density-scale));--spacing-scale-xl: calc(1.5 * var(--ui-density-scale));--size-scale-xs: calc(.75 * var(--ui-density-scale));--size-scale-sm: calc(.875 * var(--ui-density-scale));--size-scale-base: var(--ui-density-scale);--size-scale-lg: calc(1.125 * var(--ui-density-scale));--size-scale-xl: calc(1.25 * var(--ui-density-scale));--border-scale-base: var(--ui-density-scale);--border-scale-sm: calc(.75 * var(--ui-density-scale));--radius-scale-base: var(--ui-density-scale);--radius-scale-sm: calc(.875 * var(--ui-density-scale))}:root[data-aspect=portrait]{--ui-density-scale: .9;--ui-font-scale: .95;--ui-overlay-width-scale: .85;--notification-fixed-inset: clamp(.5rem, 2vmin, 1rem);--notification-padding-inline: var(--space-md);--notification-gap: var(--space-xs);--player-seat-min-inline: 60px;--player-seat-max-inline: 100px;--player-seat-gap: var(--space-xs);--player-seat-bottom-gap: var(--space-xs);--player-seat-padding: var(--space-3xs);--player-seat-content-padding: var(--space-3xs);--player-seat-content-gap: var(--space-3xs);--player-seat-row-gap: var(--space-3xs);--player-seat-row-first-height: 20px;--player-seat-avatar-size: 18px;--player-seat-hand-height: 14px;--player-seat-row-second-height: 20px;--player-seat-mini-card-width: 12px;--player-seat-mini-card-height: 16px;--player-seat-mini-card-overlap: -5px;--player-seat-mini-card-font-size: 7px;--player-seat-indicator-size: 16px;--player-seat-pass-font-size: var(--font-size-base);--player-seat-pass-letter-spacing: .05em;--player-seat-pass-padding-block: 2px;--player-seat-pass-padding-inline: 8px;--player-seats-area-height: clamp(70px, 18vh, 110px);--player-seats-area-padding: var(--space-3xs);--player-seats-area-margin: var(--space-sm);--player-seats-area-pointer-events: auto;--hand-area-gap: var(--space-3xs);--hand-area-padding-block: calc(var(--space-3xs) * .8);--hand-area-padding-inline: calc(var(--space-sm) * .8);--hand-area-min-height: 100px;--hand-area-row-gap: var(--space-2xs);--play-area-main-padding-bottom: var(--space-lg);--play-area-center-stack-padding-bottom: var(--space-xl);--play-area-bottom-seats-margin-bottom: var(--space-lg);--play-area-hand-area-margin-top: var(--space-sm);--hand-area-control-gap: var(--space-xs);--hand-area-button-min-inline: 92px;--hand-area-button-min-block: clamp( 30px, calc(36px * var(--size-scale-base, 1)), 42px );--hand-area-button-padding-block: var(--space-3xs);--hand-area-button-padding-inline: var(--space-2xs);--hand-area-button-font-size: clamp( 10px, calc(12px * var(--font-scale-base, 1)), 14px );--hand-area-rank-button-min-inline: clamp( 26px, calc(30px * var(--size-scale-base, 1)), 34px );--hand-card-base-height: 122px;--hand-card-base-width: 86px;--hand-card-min-height: clamp( 70px, calc(90px * var(--size-scale-base, 1)), 105px );--hand-cards-padding-block-start: calc(12px * var(--spacing-scale-base, 1));--hand-cards-padding-block-end: calc(3px * var(--spacing-scale-base, 1));--hand-cards-padding-inline: calc(6px * var(--spacing-scale-base, 1));--hand-cards-scrollbar-height: clamp( 3px, calc(5px * var(--size-scale-base, 1)), 6px );--hand-declared-bar-padding-block: calc(4px * var(--spacing-scale-base, 1));--hand-declared-bar-padding-inline: calc( 8px * var(--spacing-scale-base, 1) );--hand-declared-bar-margin-bottom: calc(4px * var(--spacing-scale-base, 1));--hand-face-button-gap: calc(4px * var(--spacing-scale-base, 1));--hand-face-button-padding-inline: calc(8px * var(--spacing-scale-base, 1));--hand-face-button-padding-block: calc(4px * var(--spacing-scale-base, 1));--hand-face-title-size: clamp( 8px, calc(10px * var(--font-scale-base, 1)), 12px );--hand-rank-button-padding-inline: calc(8px * var(--spacing-scale-base, 1));--hand-rank-button-padding-block: calc(4px * var(--spacing-scale-base, 1));--hand-rank-button-min-inline: clamp( 24px, calc(32px * var(--size-scale-base, 1)), 36px );--hand-face-toggle-size: clamp( 18px, calc(22px * var(--size-scale-base, 1)), 26px );--hand-face-toggle-font-size: clamp( 11px, calc(13px * var(--font-scale-base, 1)), 15px );--hand-declared-toggle-font-size: clamp( 8px, calc(10px * var(--font-scale-base, 1)), 12px );--hand-declared-toggle-padding-inline: calc( 4px * var(--spacing-scale-base, 1) );--hand-declared-toggle-min-inline: clamp( 16px, calc(18px * var(--size-scale-base, 1)), 20px );--hand-card-hover-offset: -2px;--hand-card-selected-offset: -5px;--play-area-gap: var(--space-2xs);--play-area-history-min-height: 50px;--play-area-history-max-height: 65px;--play-area-history-width: clamp(110px, 28vw, 150px);--play-area-penalty-width: clamp(100px, 26vw, 140px);--play-area-empty-text-size: var(--font-size-sm);--play-area-reaction-gap: var(--space-md);--play-area-reaction-button-gap: var(--space-sm);--play-area-reaction-min-width: 280px;--play-area-padding-block: var(--space-2xs);--play-area-padding-inline: var(--space-xs);--play-info-gap: var(--space-xs);--play-info-row-gap: var(--space-2xs);--play-history-padding: var(--space-2xs);--play-history-gap: var(--space-2xs);--play-history-title-size: var(--font-size-xs);--play-history-item-min-inline: 38px;--played-cards-min-height: 150px;--played-cards-stack-height-factor: .4;--played-cards-stack-width-factor: .6;--played-cards-empty-text-size: var(--font-size-xs);--played-cards-penalty-offset: var(--space-3xs);--hud-gap: var(--space-xs);--hud-indicator-padding-inline: var(--space-2xs);--hud-indicator-padding-block: var(--space-4xs);--hud-indicator-font-size: var(--font-size-xs);--hud-wrapper-gap: var(--space-xs);--hud-wrapper-padding: var(--space-2xs);--hud-wrapper-max-width: 260px;--turn-order-min-size: 120px;--turn-order-max-size: 300px;--modal-content-gap: var(--space-md);--modal-list-gap: var(--space-sm);--modal-item-padding-block: var(--space-sm);--modal-item-padding-inline: var(--space-md);--modal-title-size: var(--font-size-lg);--modal-heading-size: var(--font-size-base);--modal-body-size: var(--font-size-sm);--result-modal-content-gap: var(--space-md);--result-modal-content-padding: var(--space-sm);--result-modal-title-size: var(--font-size-lg);--result-modal-winner-gap: var(--space-sm);--result-modal-winner-padding-block: var(--space-sm);--result-modal-winner-padding-inline: var(--space-md);--result-modal-winner-name-size: var(--font-size-lg);--result-modal-points-padding-block: var(--space-sm);--result-modal-points-padding-inline: var(--space-md);--result-modal-points-gap: var(--space-sm);--result-modal-points-rank-size: var(--font-size-base);--result-modal-points-rank-min-inline: 50px;--result-modal-points-rank-padding-block: calc(var(--space-2xs) * 1.5);--result-modal-points-rank-padding-inline: var(--space-sm);--result-modal-points-name-size: var(--font-size-sm);--result-modal-points-value-size: var(--font-size-base);--result-modal-close-padding-block: var(--space-xs);--result-modal-close-padding-inline: var(--space-md);--result-modal-close-font-size: var(--font-size-base);--result-modal-header-gap: var(--space-sm);--result-modal-header-direction: column;--result-modal-header-align: flex-start;--result-modal-game-result-padding: var(--space-md);--result-modal-game-ranking-gap: var(--space-xs);--result-modal-game-ranking-flex-wrap: wrap;--result-modal-game-ranking-padding-block: var(--space-xs);--result-modal-game-ranking-padding-inline: var(--space-sm);--result-modal-time-info-padding: var(--space-sm);--result-modal-points-name-row-gap: var(--space-xs);--result-modal-points-name-row-wrap: wrap;--result-modal-stats-toggle-size: var(--font-size-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-xs);--result-modal-stat-item-gap: var(--space-xs);--result-modal-stat-min-label: auto;--game-rules-scroll-button-size: 40px;--game-rules-scroll-button-offset: 12px;--card-play-suit-large-size: clamp( 24px, calc(30px * var(--font-scale-base, 1)), 36px );--card-hand-width: clamp( 42px, calc(58px * var(--size-scale-base, 1)), 72px );--card-hand-height: clamp( 56px, calc(82px * var(--size-scale-base, 1)), 100px );--match-progress-points-item-flex-wrap: wrap;--match-progress-rank-min-inline: auto;--match-progress-previous-rank-width: 100%;--match-progress-previous-rank-margin-left: 0;--match-progress-previous-rank-margin-top: var(--space-2xs);--match-progress-game-result-header-flex-wrap: wrap;--match-progress-result-header-gap: var(--space-xs);--match-progress-game-date-margin-left: 0;--match-progress-game-date-width: 100%;--match-progress-game-ranking-flex-wrap: wrap;--match-progress-ranking-gap: var(--space-xs);--match-progress-ranking-min-inline: auto;--match-progress-ranking-point-min-inline: auto;--match-progress-ranking-name-align: left;--match-progress-ranking-point-align: left;--six-take-panel-min-inline: 90vw;--six-take-panel-padding: var(--space-md);--six-take-title-size: var(--font-size-lg);--six-take-subtitle-size: var(--font-size-sm);--six-take-note-size: var(--font-size-xs);--six-take-player-name-size: var(--font-size-base);--six-take-hand-gap: var(--space-xs);--six-take-hand-padding: var(--space-sm);--six-take-confirm-font-size: var(--font-size-base);--penalty-deck-gap: calc(var(--space-2xs) * .75);--penalty-deck-padding: var(--space-2xs);--penalty-deck-radius: calc(.375rem * var(--ui-density-scale));--penalty-deck-label-size: clamp( .5rem, calc(.6rem * var(--ui-font-scale)), .7rem );--penalty-deck-card-inline: clamp( 40px, calc(50px * var(--ui-density-scale)), 60px );--penalty-deck-card-block: clamp( 56px, calc(70px * var(--ui-density-scale)), 84px );--penalty-deck-count-size: clamp( 1rem, calc(1.25rem * var(--ui-font-scale)), 1.5rem );--penalty-deck-count-suffix-size: clamp( .5rem, calc(.7rem * var(--ui-font-scale)), .9rem );--revolution-indicator-padding-block: calc( .25rem * var(--ui-density-scale) );--revolution-indicator-padding-inline: calc( .5rem * var(--ui-density-scale) );--revolution-indicator-font-size: calc(.65rem * var(--ui-font-scale));--game-log-modal-max-height: 85vh;--game-log-panel-min-height: 250px;--game-log-panel-max-height: 85vh;--game-log-padding-block: var(--space-xs);--game-log-padding-inline: var(--space-sm);--game-log-padding-top-no-title: var(--space-xs);--game-log-item-font-size: var(--font-size-xs);--game-log-item-padding-block: calc(var(--space-2xs) * 1.5);--game-log-time-font-size: calc(.65rem * var(--ui-font-scale));--game-log-time-min-inline: 50px;--game-log-message-font-size: var(--font-size-xs);--game-log-height-offset: 40px;--player-list-padding: var(--space-xs);--player-list-header-margin-bottom: calc(var(--space-2xs) * .75);--player-list-title-size: var(--font-size-xs);--player-list-content-gap: calc(var(--space-2xs) * .5);--player-list-row-min-height: 26px;--player-list-indicator-column: 14px;--player-list-indicator-size: 14px;--player-list-scrollbar-width: 4px;--player-card-padding: calc(var(--space-3xs, .2rem) * .75);--player-card-gap: calc(var(--space-2xs) * .4);--player-card-min-height: 24px;--player-card-name-size: calc(.6rem * var(--ui-font-scale));--player-card-doubt-size: calc(.65rem * var(--ui-font-scale));--player-card-mini-count-size: calc(.6rem * var(--ui-font-scale));--reaction-timer-size: clamp( 50px, calc(80px * var(--ui-density-scale)), 90px );--reaction-timer-font-size: clamp( .65rem, calc(.9rem * var(--ui-font-scale)), 1.1rem );--reaction-timer-text-size: clamp( 12px, calc(18px * var(--ui-font-scale)), 24px );--reaction-timer-stroke-width: clamp( 3px, calc(5px * var(--ui-density-scale)), 6px );--reaction-timer-shadow: calc(3px * var(--ui-density-scale))}:root[data-aspect=standard]{--ui-density-scale: 1;--ui-font-scale: 1;--ui-overlay-width-scale: 1;--player-seats-area-height: clamp(85px, 16vh, 130px);--play-area-main-padding-bottom: var(--space-md);--play-area-center-stack-padding-bottom: var(--space-lg);--play-area-bottom-seats-margin-bottom: var(--space-md);--play-area-hand-area-margin-top: var(--space-sm);--player-seats-area-padding: var(--space-2xs);--player-seats-area-margin: var(--space-md);--player-seats-area-pointer-events: auto}:root[data-aspect=landscape]{--ui-density-scale: 1.05;--ui-font-scale: 1.05;--ui-overlay-width-scale: 1.15;--notification-fixed-inset: clamp(1.25rem, 3vmin, 2rem);--notification-padding-inline: var(--space-xl);--player-seat-min-inline: 120px;--player-seat-max-inline: 190px;--player-seat-gap: var(--space-xs);--player-seat-bottom-gap: var(--space-xs);--player-seat-padding: var(--space-xs);--player-seat-content-padding: var(--space-xs);--player-seat-content-gap: var(--space-2xs);--player-seat-row-gap: var(--space-2xs);--player-seat-row-first-height: 24px;--player-seat-avatar-size: 22px;--player-seat-hand-height: 18px;--player-seat-row-second-height: 26px;--player-seat-mini-card-width: 18px;--player-seat-mini-card-height: 25px;--player-seat-mini-card-overlap: -8px;--player-seat-mini-card-font-size: 8px;--player-seat-indicator-size: 22px;--player-seat-pass-font-size: var(--font-size-xl);--player-seat-pass-letter-spacing: .1em;--player-seat-pass-padding-block: 4px;--player-seat-pass-padding-inline: 12px;--player-seats-area-height: clamp(95px, 16vh, 140px);--player-seats-area-padding: var(--space-xs);--player-seats-area-margin: var(--space-lg);--player-seats-area-pointer-events: none;--hand-area-gap: var(--space-2xs);--hand-area-padding-block: var(--space-2xs);--hand-area-padding-inline: var(--space-lg);--hand-area-min-height: 130px;--play-area-main-padding-bottom: var(--space-lg);--play-area-center-stack-padding-bottom: var(--space-xl);--play-area-bottom-seats-margin-bottom: var(--space-lg);--play-area-hand-area-margin-top: var(--space-sm);--hand-area-row-gap: var(--space-sm);--hand-area-control-gap: var(--space-md);--hand-area-button-min-inline: 140px;--hand-area-button-min-block: clamp( 38px, calc(44px * var(--size-scale-base, 1)), 54px );--hand-area-button-padding-block: var(--space-2xs);--hand-area-button-padding-inline: var(--space-md);--hand-area-button-font-size: clamp( 12px, calc(14px * var(--font-scale-base, 1)), 16px );--hand-area-rank-button-min-inline: 40px;--play-area-gap: var(--space-xs);--play-area-history-min-height: 60px;--play-area-history-max-height: 80px;--play-area-history-width: clamp(140px, 22vw, 200px);--play-area-penalty-width: clamp(120px, 18vw, 180px);--play-area-reaction-gap: var(--space-lg);--play-area-reaction-button-gap: var(--space-lg);--play-area-reaction-min-width: 360px;--play-info-gap: var(--space-sm);--play-info-row-gap: var(--space-xs);--play-history-padding: var(--space-xs);--play-history-gap: var(--space-2xs);--play-history-title-size: var(--font-size-sm);--play-history-item-min-inline: 50px;--hud-gap: var(--space-sm);--hud-indicator-padding-inline: var(--space-sm);--hud-indicator-padding-block: var(--space-3xs);--hud-indicator-font-size: var(--font-size-sm);--turn-order-min-size: 180px;--turn-order-max-size: 450px;--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-size-xl);--modal-heading-size: var(--font-size-lg);--modal-body-size: var(--font-size-base)}:root[data-aspect=ultrawide]{--ui-density-scale: 1.1;--ui-font-scale: 1.1;--ui-overlay-width-scale: 1.3;--notification-fixed-inset: clamp(1.5rem, 3vmin, 2.5rem);--notification-padding-inline: var(--space-xl);--player-seat-min-inline: 130px;--player-seat-max-inline: 210px;--player-seat-gap: var(--space-xs);--player-seat-bottom-gap: var(--space-sm);--player-seat-padding: var(--space-xs);--player-seat-content-padding: var(--space-xs);--player-seat-content-gap: var(--space-xs);--player-seat-row-gap: var(--space-xs);--player-seat-row-first-height: 26px;--player-seat-avatar-size: 24px;--player-seat-hand-height: 20px;--player-seat-row-second-height: 28px;--player-seat-mini-card-width: 20px;--player-seat-mini-card-height: 27px;--player-seat-mini-card-overlap: -10px;--player-seat-mini-card-font-size: 9px;--player-seat-indicator-size: 24px;--player-seat-pass-font-size: var(--font-size-xl);--player-seat-pass-letter-spacing: .12em;--player-seat-pass-padding-block: 4px;--player-seat-pass-padding-inline: 14px;--player-seats-area-height: clamp(105px, 15vh, 150px);--player-seats-area-padding: var(--space-xs);--player-seats-area-margin: var(--space-lg);--player-seats-area-pointer-events: none;--hand-area-gap: var(--space-xs);--hand-area-padding-block: var(--space-sm);--hand-area-padding-inline: var(--space-lg);--hand-area-min-height: 140px;--play-area-main-padding-bottom: var(--space-xl);--play-area-center-stack-padding-bottom: var(--space-2xl);--play-area-bottom-seats-margin-bottom: var(--space-xl);--play-area-hand-area-margin-top: var(--space-md);--hand-area-row-gap: var(--space-sm);--hand-area-control-gap: var(--space-lg);--hand-area-button-min-inline: 150px;--hand-area-button-min-block: clamp( 40px, calc(48px * var(--size-scale-base, 1)), 58px );--hand-area-button-padding-block: var(--space-xs);--hand-area-button-padding-inline: var(--space-lg);--hand-area-button-font-size: clamp( 12px, calc(15px * var(--font-scale-base, 1)), 18px );--hand-area-rank-button-min-inline: 45px;--play-area-gap: var(--space-sm);--play-area-history-min-height: 70px;--play-area-history-max-height: 90px;--play-area-history-width: clamp(150px, 18vw, 220px);--play-area-penalty-width: clamp(130px, 16vw, 200px);--play-area-empty-text-size: var(--font-size-lg);--play-area-reaction-gap: var(--space-xl);--play-area-reaction-button-gap: var(--space-lg);--play-area-reaction-min-width: 400px;--play-info-gap: var(--space-md);--play-info-row-gap: var(--space-sm);--play-history-padding: var(--space-xs);--play-history-gap: var(--space-xs);--play-history-title-size: var(--font-size-sm);--play-history-item-min-inline: 55px;--hud-gap: var(--space-md);--hud-indicator-padding-inline: var(--space-md);--hud-indicator-padding-block: var(--space-xs);--hud-indicator-font-size: var(--font-size-base);--turn-order-min-size: 200px;--turn-order-max-size: 500px;--modal-content-gap: var(--space-xl);--modal-list-gap: var(--space-lg);--modal-item-padding-block: var(--space-lg);--modal-item-padding-inline: var(--space-xl);--modal-title-size: var(--font-size-xl);--modal-heading-size: var(--font-size-lg);--modal-body-size: var(--font-size-base)}