:root{--paper:#fff;--ink:#0f0f0f;--ink-soft:#2a2a2a;--muted:#7e7e7e;--faint:#ccc;--faint-2:#e8e8e8;--red:#dc2828;--red-dark:#b01e1e;--grid-dot:#00000029;--serif:"Playfair Display", Georgia, serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;outline:none;font-family:inherit}.serif{font-family:var(--serif)}.serif-italic{font-family:var(--serif);font-style:italic}.display{font-family:var(--sans);letter-spacing:-.03em;font-weight:900}.kicker{font-family:var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.muted{color:var(--muted)}.ink{color:var(--ink)}.red{color:var(--red)}.app{flex-direction:column;min-height:100dvh;display:flex}.page{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:42px 60px 60px;display:flex}.rule-top{border-top:1px solid var(--ink);margin:18px 0 22px}.rule-bot{border-top:1px solid var(--ink);margin-top:auto;padding-top:16px}.rule-red{background:var(--red);width:160px;height:6px}.btn{font-family:var(--sans);letter-spacing:1.8px;transition:transform .15s var(--ease), background .2s var(--ease), color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:11px;font-weight:800;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#1f1f1f}.btn-red{background:var(--red);color:var(--paper)}.btn-red:hover{background:var(--red-dark)}.btn-ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .5s var(--ease) both}.d-1{animation-delay:50ms}.d-2{animation-delay:.12s}.d-3{animation-delay:.2s}.dotted-grid{background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);background-size:26px 26px}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.game-body{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.game-right{flex-direction:column;align-items:center;gap:16px;display:flex}.cluster-box{aspect-ratio:1;border:1px solid var(--faint-2);border-radius:8px;place-items:center;width:100%;max-width:520px;padding:20px;display:grid}.mobile-only{display:none}@media (width<=768px){.page{padding:22px 18px 28px}.game-body{grid-template-columns:1fr;place-items:stretch center;gap:16px}.game-left{display:none}.game-right{width:100%}.cluster-box{max-width:min(92vw,560px);padding:14px}.mobile-only{display:block}}