:root{--touch-top: clamp(10px, 1.6vh, 18px);--touch-button: clamp(10px, 1.6vh, 18px);--app-block: calc(var(--app-vh, 1vh) * 100)}.app{width:100%;max-width:100vw;height:var(--app-block);min-height:0;display:flex;flex-direction:column;background-color:#050505;transition:background .5s ease;box-sizing:border-box;overflow-x:hidden;padding-top:calc(env(safe-area-inset-top) + var(--touch-top));padding-bottom:calc(env(safe-area-inset-bottom) + var(--touch-button));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports not (height: 100dvh){.app{height:100vh}}.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:100%;min-height:100%;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:100%;height:100%;min-width:320px;overflow:hidden;transition:background .5s ease;box-sizing:border-box;background-color:#050505}body.page-scroll-allowed{overflow-y:auto}body.revolution{background:#4a1f1f}#root{width:100%;max-width:100vw;height:100%;min-width:320px;overflow:hidden;box-sizing:border-box;background-color:#050505}#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) );20px,calc(24px * var(--size-scale-base)),28px );34px,calc(40px * var(--size-scale-base, 1)),48px );11px,calc(13px * var(--font-scale-base, 1)),15px );30px,calc(34px * var(--size-scale-base, 1)),42px );--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;20px,calc(24px * var(--font-scale-base, 1)),28px );14px,calc(16px * var(--font-scale-base, 1)),18px );300px,calc(500px * var(--size-scale-base, 1)),600px );12px * var(--spacing-scale-base, 1) );24px * var(--spacing-scale-base, 1) );12px,calc(14px * var(--font-scale-base, 1)),16px );36px,calc(44px * var(--size-scale-base, 1)),48px );34px,calc(42px * var(--font-scale-base, 1)),50px );46px,calc(64px * var(--size-scale-base, 1)),80px );62px,calc(90px * var(--size-scale-base, 1)),112px );0 0 25px rgba(59,130,246,.6),0 8px 16px rgba(0,0,0,.3);.55rem,calc(.7rem * var(--ui-font-scale)),.8rem );45px,calc(60px * var(--ui-density-scale)),75px );63px,calc(84px * var(--ui-density-scale)),105px );1.125rem,calc(1.5rem * var(--ui-font-scale)),1.875rem );.625rem,calc(.875rem * var(--ui-font-scale)),1.125rem );.3rem * var(--ui-density-scale) );.65rem * 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;30px,calc(36px * var(--size-scale-base, 1)),42px );10px,calc(12px * var(--font-scale-base, 1)),14px );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;--game-rules-scroll-button-size: 40px;--game-rules-scroll-button-offset: 12px;24px,calc(30px * var(--font-scale-base, 1)),36px );42px,calc(58px * var(--size-scale-base, 1)),72px );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;.5rem,calc(.6rem * var(--ui-font-scale)),.7rem );40px,calc(50px * var(--ui-density-scale)),60px );56px,calc(70px * var(--ui-density-scale)),84px );1rem,calc(1.25rem * var(--ui-font-scale)),1.5rem );.5rem,calc(.7rem * var(--ui-font-scale)),.9rem );.25rem * var(--ui-density-scale) );.5rem * var(--ui-density-scale) )}:root[data-aspect=standard]{--ui-density-scale: 1;--ui-font-scale: 1;--ui-overlay-width-scale: 1}:root[data-aspect=landscape]{--ui-density-scale: 1.05;--ui-font-scale: 1.05;--ui-overlay-width-scale: 1.15;38px,calc(44px * var(--size-scale-base, 1)),54px );12px,calc(14px * var(--font-scale-base, 1)),16px )}:root[data-aspect=ultrawide]{--ui-density-scale: 1.1;--ui-font-scale: 1.1;--ui-overlay-width-scale: 1.3;40px,calc(48px * var(--size-scale-base, 1)),58px );12px,calc(15px * var(--font-scale-base, 1)),18px )}