*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#1a472a;--color-bg-secondary:#2d5a3d;--color-card:#fff;--color-card-border:#e0e0e0;--color-card-red:#dc143c;--color-card-black:#000;--color-active:#90ee90;--color-active-border:#32cd32;--color-text:#fff;--color-text-muted:#ccc;--color-button:#4caf50;--color-button-hover:#45a049;--color-success:#4caf50;--color-error:#f44336;--color-gold:gold;--color-modal-overlay:#000000b3;--color-divider:#ffffff1a;--color-hover-overlay:#ffffff1a;--color-subtle-bg:#ffffff0d;--color-joker:#9b59b6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--card-width:40px;--card-height:56px;--card-radius:4px;--card-font-size:1.8rem;--grid-gap:.25rem;--grid-max-width:100vw;--shadow-sm:0 1px 2px #0000001f, 0 1px 1px #0000003d;--shadow-md:0 2px 4px #0000001f, 0 2px 3px #0000003d;--shadow-lg:0 4px 8px #0000001f, 0 4px 6px #0000003d;--shadow-card:var(--shadow-md);--shadow-card-hover:var(--shadow-lg);--shadow-card-active:var(--shadow-sm);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--touch-target-min:44px;--z-modal:100;--z-overlay:99}@media (prefers-color-scheme:dark){:root{--color-bg:#0d1b14;--color-bg-secondary:#1a2e21;--color-card:#2a2a2a;--color-card-border:#555;--color-card-black:#e0e0e0;--color-card-red:#ff6b6b;--color-text:#e0e0e0;--color-text-muted:#999;--color-button:#3d8b40;--color-button-hover:#357a38;--color-success:#3d8b40;--color-error:#ef5350;--color-gold:gold;--color-divider:#ffffff1a;--color-hover-overlay:#ffffff26;--color-subtle-bg:#ffffff14}}@media (width>=768px){:root{--card-width:70px;--card-height:98px;--card-font-size:3rem;--grid-gap:.75rem}}@media (width>=1024px){:root{--card-width:80px;--card-height:112px;--card-font-size:3.5rem;--grid-gap:1rem;--grid-max-width:800px}}html,body{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-active-border);outline-offset:2px}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}