@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#132019;--paper:#f8f7f1;--lime:#c8f24a;--muted:#69716b;--line:#dce0d8;--night:#16251c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,104px);border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:700;letter-spacing:-1.3px;color:var(--ink);text-decoration:none}.brand span:last-child{color:#668919}.mark{display:inline-grid;place-items:center;background:var(--lime);margin-right:9px;width:27px;height:27px;border-radius:50%;font-size:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.brand:hover .mark{transform:rotate(-18deg) scale(1.1)}.account{display:flex;align-items:center;gap:12px;font-size:14px}.account button,.text-button{border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;cursor:pointer}.user-badge{font-family:'DM Mono',monospace;font-size:11px;padding:7px 10px;background:#e8ece4;border-radius:99px}.hero{min-height:476px;padding:83px clamp(22px,14vw,230px) 74px;color:#f6f5ef;background:linear-gradient(116deg,rgba(10,21,14,.97),rgba(13,30,20,.81)),radial-gradient(circle at 83% 45%,#466c2e 0 2%,transparent 2.3%),var(--night);overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:480px;height:480px;right:-155px;top:-165px;border:1px solid rgba(200,242,74,.23);border-radius:50%;box-shadow:0 0 0 58px rgba(200,242,74,.045),0 0 0 116px rgba(200,242,74,.025);animation:drift 12s ease-in-out infinite}.hero>*{position:relative;z-index:1}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.2px;color:#8eaf42;margin:0 0 17px;animation:rise .55s both}.hero h1{font-size:clamp(52px,7.2vw,98px);letter-spacing:-.065em;line-height:.88;margin:0;animation:rise .7s .08s both}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--lime)}.intro{max-width:478px;color:#c9d0c9;font-size:17px;line-height:1.55;margin:29px 0;animation:rise .7s .16s both}.primary{border:0;background:var(--lime);color:#152216;border-radius:4px;padding:14px 19px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;animation:rise .7s .24s both}.primary span{font-size:19px;margin-left:13px}.primary:hover{background:#d7ff61;transform:translateY(-2px);box-shadow:0 8px 20px rgba(200,242,74,.22)}.primary:active{transform:translateY(0)}.workspace{max-width:1040px;margin:0 auto;padding:68px 24px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:9px;animation:none}.section-heading h2,.dialog-card h2{font:600 34px 'Playfair Display',serif;letter-spacing:-1.3px;margin:0}.refresh{color:var(--muted);font-size:12px;margin:0}.refresh i{width:7px;height:7px;background:#86a93a;border-radius:50%;display:inline-block;margin-left:7px;animation:pulse 1.9s infinite}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.game-card{background:white;border:1px solid var(--line);border-radius:7px;padding:23px;animation:card-in .45s both;transition:transform .25s ease,box-shadow .25s ease}.game-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(25,45,30,.07)}.game-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf0eb;padding-bottom:17px}.game-owner{font:11px 'DM Mono',monospace;color:var(--muted);margin:0 0 6px}.game-head h3{font-size:19px;letter-spacing:-.5px;margin:0}.target{height:max-content;background:#eef4dc;color:#53721a;font:11px 'DM Mono',monospace;padding:6px 8px;border-radius:3px}.ranking{margin:8px 0 0;padding:0;list-style:none}.ranking li{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;padding:12px 2px;border-bottom:1px solid #f0f2ef}.ranking li:last-child{border:0}.rank{font:12px 'DM Mono',monospace;color:#8b928c}.player{font-weight:600;font-size:14px}.score{font:600 15px 'DM Mono',monospace}.score-control{display:flex;align-items:center;gap:6px;font:600 15px 'DM Mono',monospace}.score-control button{width:22px;height:22px;border:1px solid var(--line);background:white;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;transition:background .18s,transform .18s}.score-control button:hover{background:var(--lime);transform:scale(1.12)}.empty{grid-column:1/-1;text-align:center;padding:42px 20px;border:1px dashed #bdc6b9;color:var(--muted)}dialog{border:0;padding:0;background:transparent;max-width:min(92vw,440px)}dialog::backdrop{background:rgba(11,20,14,.72);backdrop-filter:blur(4px)}dialog[open]{animation:dialog-in .22s ease-out}.dialog-card{position:relative;background:var(--paper);padding:37px;border-radius:8px;box-shadow:0 22px 70px rgba(0,0,0,.3)}.dialog-card h2{font-size:38px;margin-bottom:10px}.dialog-card>p:not(.eyebrow):not(.form-error){color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 23px}.dialog-card label{font-size:13px;font-weight:600;display:block;margin:14px 0}.dialog-card small{font-weight:400;color:var(--muted)}input,textarea{width:100%;display:block;margin-top:6px;border:1px solid #cbd3c8;border-radius:4px;background:#fff;padding:11px;font:15px 'DM Sans',sans-serif;outline-color:#89ad36}textarea{resize:vertical}.dialog-card .primary{width:100%;margin-top:9px;animation:none}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;cursor:pointer;color:var(--muted)}.text-button{display:block;margin:16px auto 0;color:#526248;font-size:13px}.form-error{min-height:18px;color:#ae3131;font-size:13px;margin:7px 0 0}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{50%{transform:translate(-20px,25px) scale(1.05)}}@keyframes pulse{50%{opacity:.35;transform:scale(1.45)}}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:640px){header{height:64px}.hero{padding-top:65px;min-height:420px}.games{grid-template-columns:1fr}.section-heading{align-items:start;gap:14px;flex-direction:column}.dialog-card{padding:30px 24px}.account .user-badge{display:none}}