@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--bg-green: #014b43;--bg-green-dark: #013a34;--bg-green-light: #04675c;--bg-red: #9c0012;--bg-red-light: #c52232;--bg-white: #ffffff;--bg-anthracite: #2f3437;--bg-anthracite-dark: #21262a;--bg-anthracite-deep: #171a1c;--bg-light-gray: #e9eceb;--bg-gray-mute: #b9c0bf;--felt: var(--bg-green);--tri-dark: var(--bg-green-dark);--tri-light: #3f9483;--frame: var(--bg-anthracite);--bar: var(--bg-anthracite-dark);--highlight: #1fb98e;--gold: #d8b24a;--text: var(--bg-light-gray);--text-dim: rgba(233, 236, 235, .55);--font-display: "Rubik", system-ui, sans-serif;--font-ui: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:radial-gradient(ellipse at 50% 30%,var(--bg-anthracite) 0%,var(--bg-anthracite-deep) 100%);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:var(--font-ui);cursor:pointer}a{color:inherit}@keyframes die-settle{0%{transform:translateY(-45%) rotate(-30deg) scale(.75);opacity:.3}55%{transform:translateY(10%) rotate(14deg) scale(1.08);opacity:1}to{transform:translateY(0) rotate(0) scale(1)}}.die-settle{animation:die-settle .3s ease-out}@keyframes die-shake{0%,to{transform:rotate(-10deg) scale(.96)}50%{transform:rotate(10deg) scale(1.02)}}.die-rolling{animation:die-shake .12s linear infinite}@keyframes checker-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.checker-pop{animation:checker-pop .22s ease-out}.mode-menu{width:min(50vw,520px);min-width:280px}.mode-logo{width:60px}.mode-title{font-size:32px;letter-spacing:2px}.mode-subtitle{font-size:11px;letter-spacing:3px}.mode-card{padding:15px 20px}.mode-card-title{font-size:18px}.mode-card-sub{font-size:13px}.mode-diff{padding:13px 16px}.mode-diff-label{font-size:16px}.mode-diff-desc{font-size:12px}@media(orientation:portrait){.mode-menu{width:88vw;min-width:0;max-width:none}.mode-logo{width:82px}.mode-title{font-size:40px;letter-spacing:3px}.mode-subtitle{font-size:13px;letter-spacing:4px}.mode-card{padding:22px 24px}.mode-card-title{font-size:23px}.mode-card-sub{font-size:15px}.mode-diff{padding:18px 22px}.mode-diff-label{font-size:20px}.mode-diff-desc{font-size:14px}}