@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:#fff;--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:#e9eceb8c;--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{min-height:100vh;margin:0}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%{opacity:.3;transform:translateY(-45%)rotate(-30deg)scale(.75)}55%{opacity:1;transform:translateY(10%)rotate(14deg)scale(1.08)}to{transform:translateY(0)rotate(0)scale(1)}}.die-settle{animation:.3s ease-out die-settle}@keyframes die-shake{0%,to{transform:rotate(-10deg)scale(.96)}50%{transform:rotate(10deg)scale(1.02)}}.die-rolling{animation:.12s linear infinite die-shake}@keyframes checker-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.checker-pop{animation:.22s ease-out checker-pop}.mode-menu{width:min(50vw,520px);min-width:280px}.mode-logo{width:60px}.mode-title{letter-spacing:2px;font-size:32px}.mode-subtitle{letter-spacing:3px;font-size:11px}.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{letter-spacing:3px;font-size:40px}.mode-subtitle{letter-spacing:4px;font-size:13px}.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}}