:root{--color-bg-primary: #1a120b;--color-bg-secondary: #1e1510;--color-bg-tertiary: #12200e;--color-bg-surface: rgba(255, 245, 230, .08);--color-bg-surface-hover: rgba(255, 245, 230, .12);--color-bg-elevated: rgba(40, 28, 18, .95);--color-felt: #1a5c38;--color-felt-light: #22704a;--color-felt-dark: #0f3d24;--color-table-wood: #2a1a0e;--color-table-rim: #3d2817;--color-gold: #ffd700;--color-gold-dim: #c9a800;--color-gold-glow: rgba(255, 215, 0, .3);--color-jade: #2e8b57;--color-jade-light: #3da96d;--color-jade-dim: #1e6b3f;--color-rose: #a84860;--color-rose-dim: #883850;--color-amber: #d4a574;--color-amber-dim: #b8885a;--color-sapphire: #5b9bd5;--color-orchid: #c490d1;--color-error: #e74c3c;--color-error-dim: #c0392b;--color-error-bg: rgba(231, 76, 60, .15);--color-success: #27ae60;--color-success-dim: #1e8449;--color-success-bg: rgba(39, 174, 96, .15);--color-warning: #f39c12;--color-warning-dim: #d68910;--color-warning-bg: rgba(243, 156, 18, .15);--color-info: #3498db;--color-info-bg: rgba(52, 152, 219, .15);--color-text-primary: #f5f0e8;--color-text-secondary: rgba(245, 240, 232, .7);--color-text-muted: rgba(245, 240, 232, .45);--color-text-inverse: #1a120b;--color-tile-face-light: #faf6ef;--color-tile-face-dark: #ebe0d0;--color-tile-border: #c4b49a;--color-tile-border-selected: var(--color-gold);--color-tile-shadow: rgba(0, 0, 0, .15);--color-tile-shadow-selected: rgba(255, 215, 0, .4);--color-tile-back-light: #2a6a4a;--color-tile-back-dark: #1a4a32;--color-tile-back-border: #3a8a5a;--color-tile-back-inner: rgba(74, 138, 106, .4);--color-tile-highlight-inset: rgba(255, 255, 255, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-gold: 0 0 20px rgba(255, 215, 0, .2);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-above: 10;--z-overlay: 50;--z-modal: 100;--z-toast: 900;--z-tooltip: 1000}.app{min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.container{max-width:600px;width:100%;padding:0 var(--space-md);box-sizing:border-box}.waiting-room{overflow-y:auto}.waiting-room--landscape{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,1fr);gap:var(--space-xl);align-items:center;padding:var(--space-lg)}.waiting-room--landscape h2{font-size:1.1rem;margin-bottom:var(--space-xs)}.waiting-room--landscape .room-code{font-size:2rem;letter-spacing:.3rem;margin:var(--space-sm) 0}.waiting-room--landscape .player-list{gap:var(--space-sm);margin:var(--space-sm) 0}.waiting-room--landscape .waiting-room__right{border-left:1px solid rgba(255,245,230,.08);padding-left:var(--space-xl)}@media (max-height: 500px) and (orientation: landscape){.container{max-width:90vw;padding:var(--space-sm) var(--space-md)}.card{padding:var(--space-lg)}h1{font-size:1.75rem;margin-bottom:var(--space-sm)}.player-list{gap:var(--space-sm);margin:var(--space-md) 0}.button-group{margin-top:var(--space-md)}}@supports (padding: env(safe-area-inset-left)){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}h1{font-family:var(--font-display);font-size:2.5rem;margin-bottom:var(--space-lg);text-align:center;color:var(--color-gold)}h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.card{background:var(--color-bg-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,245,230,.06);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--color-text-secondary)}.button-group{display:flex;gap:var(--space-lg);margin-top:var(--space-xl)}.room-code{font-family:var(--font-display);font-size:3rem;font-weight:700;letter-spacing:.5rem;text-align:center;color:var(--color-gold);text-shadow:0 0 30px rgba(255,215,0,.3);margin:var(--space-lg) 0}.player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin:var(--space-xl) 0}.error{color:var(--color-error);margin-top:var(--space-sm);font-size:.875rem}.loading{opacity:.7;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes gold-pulse{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes gold-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.timer-bar{transition:width .1s linear}@keyframes waiting-vignette-pulse{0%,to{opacity:.5}50%{opacity:1}}.waiting-glow{box-shadow:inset 0 0 100px 30px #fff8e621,inset 0 0 200px 60px #fff0d70f;animation:waiting-vignette-pulse 2.5s ease-in-out infinite;will-change:opacity}.hand-tenpai{box-shadow:0 0 14px #fff8e640,0 0 35px #fff0d71a;position:relative}@keyframes tenpai-shimmer-sweep{0%{transform:translate(-100%)}30%{transform:translate(150%)}to{transform:translate(150%)}}.hand-tenpai-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:1}.hand-tenpai-shimmer:after{content:"";position:absolute;top:-50%;left:0;width:60%;height:200%;background:linear-gradient(110deg,transparent 20%,rgba(255,248,230,.06) 35%,rgba(255,248,230,.15) 50%,rgba(255,248,230,.06) 65%,transparent 80%);animation:tenpai-shimmer-sweep 3.5s ease-in-out infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.waiting-glow{animation:none;opacity:.7}.hand-tenpai-shimmer:after{animation:none;opacity:0}}