@font-face{font-family:Inter Variable;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--white: #ffffff;--parchment: #f5f5f7;--pearl: #fafafc;--ink: #1d1d1f;--muted: #6e6e73;--soft: #86868b;--blue: #0066cc;--blue-hover: #005bb5;--blue-focus: #0071e3;--error: #b42318;--hairline: rgba(0, 0, 0, .1);--radius-lg: 18px;--radius-md: 11px;--radius-pill: 9999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--font-display: "SF Pro Display", "SF Pro SC", -apple-system, BlinkMacSystemFont, "Inter Variable", Inter, "PingFang SC", "Noto Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--font-text: "SF Pro Text", "SF Pro SC", -apple-system, BlinkMacSystemFont, "Inter Variable", Inter, "PingFang SC", "Noto Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--white)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--white);font-family:var(--font-text);font-size:17px;line-height:1.47;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-kerning:normal;font-synthesis:none;font-feature-settings:"kern" 1,"liga" 1,"ss03" 1;text-rendering:optimizeLegibility}body.is-modal-open{overflow:hidden}button,input{font-family:var(--font-text);font-size:inherit;line-height:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}img,svg{display:block}a{color:inherit}.page{min-height:100vh;overflow:clip}#main-content{outline:none}.nav-shell,.footer-shell{width:min(100% - 40px,980px);margin-inline:auto}.skip-link{position:fixed;top:8px;left:12px;z-index:200;padding:8px 14px;border-radius:8px;color:var(--white);background:var(--blue);text-decoration:none;transform:translateY(-160%);transition:transform .16s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.site-nav{position:sticky;top:0;z-index:50;height:44px;background:#fafafcd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.site-nav .nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px;line-height:1;font-weight:600;letter-spacing:-.01em;text-decoration:none}.brand img{image-rendering:pixelated}.site-nav nav{display:flex;align-items:center;gap:28px}.site-nav nav button,.site-nav nav a{min-height:44px;display:inline-flex;align-items:center;padding:0;color:var(--ink);background:transparent;font-size:14px;line-height:1;font-weight:400;letter-spacing:-.01em;text-decoration:none;transition:color .16s ease,transform .16s var(--ease-out)}.hero,.leaderboard{min-height:740px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 56px;text-align:center}.hero{background:var(--parchment)}.hero__copy,.leaderboard__copy{width:min(100%,980px)}.product-name{margin:0 0 8px;font-family:var(--font-display);font-size:28px;line-height:1.25;font-weight:400;letter-spacing:normal;font-optical-sizing:auto}.hero h1,.leaderboard h2{margin:0;font-family:var(--font-display);font-size:56px;line-height:1.07143;font-weight:600;letter-spacing:normal;font-optical-sizing:auto}.hero__actions{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:22px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--white);background:var(--blue);font-size:17px;line-height:1.2;font-weight:400;letter-spacing:-.022em;transition:transform .16s var(--ease-out),background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.button--secondary{color:var(--blue);border-color:var(--blue);background:transparent}.button:disabled{cursor:not-allowed;opacity:.58}.button:active,.text-action:active,.close-button:active,.activation-code button:active,.site-nav nav button:active,.leaderboard-choice:active,.dialog-icon-button:active{transform:scale(.96);transition-duration:.1s}.text-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0;color:var(--blue);background:transparent;font-size:17px;line-height:1.47;font-weight:400;letter-spacing:-.022em;transition:transform .16s var(--ease-out),color .16s ease}.text-action svg,.activation-form__submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero__poster{display:block;width:min(100%,642px);margin-top:52px;transition:transform .16s var(--ease-out)}.hero__poster picture{display:block}.hero__poster:active{transform:scale(.98);transition-duration:.1s}.hero__poster img{width:100%;height:auto;filter:drop-shadow(3px 5px 30px rgba(0,0,0,.22))}.leaderboard{color:var(--ink);background:var(--white)}.leaderboard h2{max-width:780px;margin-inline:auto;color:var(--ink)}.text-action--dark{margin-top:22px}.leaderboard__trophy{width:180px;height:auto;margin-top:64px}.site-footer{padding:30px 0 32px;color:var(--muted);background:var(--parchment);font-size:15px;line-height:1.47;letter-spacing:-.01em}.site-footer__support{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--hairline)}.site-footer__support p{margin:0;display:flex;flex-wrap:wrap;gap:4px 8px}.site-footer__support strong{color:var(--ink);font-weight:600}.site-footer__links{display:flex;flex-wrap:wrap;flex:0 0 auto;gap:22px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer__legal{padding-top:20px;display:flex;justify-content:space-between;gap:24px}.site-footer__legal div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.activation-modal,.leaderboard-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#d2d2d7a8;-webkit-backdrop-filter:saturate(140%) blur(20px);backdrop-filter:saturate(140%) blur(20px)}.activation-modal__panel{position:relative;width:min(100%,620px);max-height:calc(100vh - 40px);overflow-y:auto;padding:56px 50px 44px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--white);text-align:center;outline:none;scrollbar-width:thin}.leaderboard-dialog__panel{position:relative;width:min(100%,720px);min-height:500px;max-height:calc(100vh - 40px);overflow-y:auto;padding:54px 50px 40px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--white);text-align:center;outline:none;scrollbar-width:thin}.close-button{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#d2d2d7a3;transition:transform .16s var(--ease-out),background-color .16s ease}.close-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.dialog-icon-button{position:absolute;top:12px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#d2d2d7a3;transition:transform .16s var(--ease-out),background-color .16s ease}.dialog-icon-button--back{left:12px}.dialog-icon-button--close{right:12px}.dialog-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.activation-modal h2,.activation-result h2,.leaderboard-dialog h2{margin:0;font-family:var(--font-display);font-size:40px;line-height:1.1;font-weight:600;letter-spacing:normal;font-optical-sizing:auto;outline:none}.leaderboard-stage{min-height:404px;display:flex;flex-direction:column;justify-content:center}.leaderboard-stage h2{outline:none}.leaderboard-stage--results{justify-content:flex-start}.leaderboard-choice-list{width:min(100%,520px);margin:32px auto 0;display:grid;gap:12px}.leaderboard-choice-list--boards{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-choice{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--hairline);border-radius:var(--radius-lg);color:var(--ink);background:var(--white);font-size:17px;line-height:1.47;font-weight:600;letter-spacing:-.022em;text-align:left;transition:transform .16s var(--ease-out),border-color .16s ease,background-color .16s ease}.leaderboard-choice svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.leaderboard-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:15px}.leaderboard-state p{margin:0}.spinner--dark{border-color:#1d1d1f2e;border-top-color:var(--ink)}.ranking-list{width:min(100%,620px);margin:28px auto 0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.ranking-row{min-height:68px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--hairline);text-align:left}.ranking-row__rank,.ranking-row__value{font-variant-numeric:tabular-nums}.ranking-row__rank{color:var(--soft);font-size:17px;text-align:center}.ranking-row__player{min-width:0;display:grid;gap:2px}.ranking-row__player strong{overflow:hidden;font-size:15px;line-height:1.43;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.ranking-row__value{color:var(--ink);font-size:17px;line-height:1.2;font-weight:600;text-align:right}.ranking-updated{margin:18px 0 0;color:var(--soft);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}.activation-modal__title--form{margin-bottom:32px!important}.activation-modal__intro{margin:10px 0 28px;color:var(--muted);font-size:17px;line-height:1.47}.activation-form{width:min(100%,520px);margin-inline:auto;text-align:left}.field{display:block;margin-bottom:14px}input{width:100%;height:56px;padding:0 18px;border:1px solid #86868b;border-radius:12px;color:var(--ink);background:var(--white);font-size:17px;line-height:1.47;letter-spacing:normal;outline:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}input::placeholder{color:var(--soft)}input:focus{border-color:var(--blue-focus);background:var(--white);box-shadow:0 0 0 1px var(--blue-focus)}input[aria-invalid=true]{border-color:var(--error);background:snow;box-shadow:0 0 0 1px var(--error)}.field small{display:block;margin-top:7px;color:var(--error);font-size:12px;line-height:1.3;letter-spacing:-.01em}.activation-form__submit{width:100%;margin-top:10px;font-weight:600}.device-confirmation{margin:24px 0;padding:18px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--pearl)}.device-confirmation span{display:block;margin-bottom:7px;color:var(--soft);font-size:12px;line-height:1.3}.device-confirmation strong{display:block;font-family:var(--font-display);font-size:40px;line-height:1.1;font-weight:600;letter-spacing:.13em;font-variant-numeric:tabular-nums}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions .button{width:100%;padding-inline:14px;font-weight:600}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.38);border-top-color:var(--white);border-radius:50%;animation:spin .7s linear infinite}.activation-result{width:min(100%,480px);margin-inline:auto}.activation-result__icon{width:36px;height:36px;margin:0 auto 18px;color:var(--blue)}.activation-result--error .activation-result__icon{color:var(--error)}.activation-result__icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.activation-result h2{font-size:36px;line-height:1.11;letter-spacing:-.022em}.activation-result__message{max-width:420px;margin:14px auto 0;color:var(--muted);font-size:17px;line-height:1.47;text-wrap:balance;white-space:pre-line}.activation-code{margin:28px 0 0;padding:20px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--pearl)}.activation-code>span{display:block;color:var(--soft);font-size:14px;line-height:1.43}.activation-code strong{display:block;margin:6px 0 16px;font-family:var(--font-display);font-size:clamp(24px,6vw,32px);line-height:1.1;font-weight:600;letter-spacing:.04em;overflow-wrap:anywhere}.activation-code button{min-height:36px;padding:7px 15px;border:1px solid var(--blue);border-radius:var(--radius-pill);color:var(--blue);background:transparent;font-size:14px;line-height:1.29;transition:transform .16s var(--ease-out),color .16s ease,background-color .16s ease}.activation-details{margin:24px 0 0;padding:0;border-top:1px solid var(--hairline);text-align:left}.activation-details div{min-width:0;padding:12px 0;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:20px;border-bottom:1px solid var(--hairline)}.activation-details dt{color:var(--soft);font-size:14px;line-height:1.43}.activation-details dd{margin:0;font-size:15px;line-height:1.43;font-weight:400;text-align:left;overflow-wrap:anywhere}.activation-details .is-code dd{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.activation-details .is-stacked{grid-template-columns:1fr;gap:4px}.activation-result__done{min-width:120px;margin-top:28px}.modal-enter-active,.modal-leave-active{transition:opacity .22s var(--ease-out)}.modal-leave-active{transition-duration:.16s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .activation-modal__panel,.modal-leave-active .activation-modal__panel,.modal-enter-active .leaderboard-dialog__panel,.modal-leave-active .leaderboard-dialog__panel{transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.modal-leave-active .activation-modal__panel,.modal-leave-active .leaderboard-dialog__panel{transition-duration:.16s}.modal-enter-from .activation-modal__panel,.modal-leave-to .activation-modal__panel,.modal-enter-from .leaderboard-dialog__panel,.modal-leave-to .leaderboard-dialog__panel{opacity:0;transform:scale(.96)}.leaderboard-step-enter-active{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.leaderboard-step-leave-active{transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.leaderboard-step-enter-from{opacity:0;transform:translate(8px)}.leaderboard-step-leave-to{opacity:0;transform:translate(-8px)}.leaderboard-dialog__panel.is-back .leaderboard-step-enter-from{transform:translate(-8px)}.leaderboard-dialog__panel.is-back .leaderboard-step-leave-to{transform:translate(8px)}.button:focus-visible,.text-action:focus-visible,.close-button:focus-visible,.activation-code button:focus-visible,.leaderboard-choice:focus-visible,.dialog-icon-button:focus-visible,.site-nav button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue-focus);outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.site-nav nav button:hover,.site-nav nav a:hover,.site-footer a:hover{color:var(--blue)}.button:hover{background:var(--blue-hover)}.button--secondary:hover,.activation-code button:hover{color:var(--white);background:var(--blue)}.text-action:hover{color:var(--blue-hover)}.close-button:hover,.dialog-icon-button:hover{background:#d2d2d7}.leaderboard-choice:hover{border-color:#0003;background:var(--pearl)}}@media(max-width:734px){.hero,.leaderboard{min-height:650px;padding-block:68px 48px}.product-name{font-size:24px}.hero h1,.leaderboard h2{font-size:40px;line-height:1.1;letter-spacing:0}.hero__actions{margin-top:22px}.hero__poster{width:min(100%,560px);margin-top:48px}.leaderboard__trophy{width:150px;margin-top:52px}.site-footer__legal{flex-direction:column;gap:12px}.site-footer__support{align-items:flex-start;flex-direction:column;gap:14px}.site-footer__legal div{justify-content:flex-start}}@media(max-width:480px){.nav-shell,.footer-shell{width:min(100% - 32px,980px)}.site-nav nav{gap:20px}.site-nav nav a{display:none}.hero,.leaderboard{min-height:620px}.hero h1,.leaderboard h2{font-size:40px;line-height:1.1}.product-name{font-size:21px}.hero__actions{gap:16px}.text-action{font-size:17px}.activation-modal{padding:16px}.activation-modal__panel{max-height:calc(100vh - 32px);padding:44px 24px 24px}.activation-modal__title--form{margin-bottom:28px!important}.activation-modal h2,.activation-result h2{font-size:32px;line-height:1.125}.modal-actions{grid-template-columns:1fr}.activation-result h2{font-size:32px}.leaderboard-dialog{padding:0}.leaderboard-dialog__panel{width:100%;min-height:100dvh;max-height:100dvh;padding:64px 20px 28px;border:0;border-radius:0}.leaderboard-dialog h2{font-size:32px;line-height:1.125}.leaderboard-stage{min-height:calc(100dvh - 92px)}.leaderboard-stage--results{min-height:auto}.leaderboard-choice-list--boards{grid-template-columns:1fr}.ranking-row{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.modal-enter-active,.modal-leave-active,.modal-enter-active .activation-modal__panel,.modal-leave-active .activation-modal__panel,.modal-enter-active .leaderboard-dialog__panel,.modal-leave-active .leaderboard-dialog__panel,.leaderboard-step-enter-active,.leaderboard-step-leave-active{transition:opacity .12s ease!important;transform:none!important}.skip-link{transition:none}.button:active,.text-action:active,.close-button:active,.activation-code button:active,.hero__poster:active,.site-nav nav button:active,.leaderboard-choice:active,.dialog-icon-button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.site-nav,.activation-modal__panel,.leaderboard-dialog__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--white)}.activation-modal,.leaderboard-dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background:#d2d2d7f0}}@media(prefers-contrast:more){.activation-modal__panel,input,.activation-code,.activation-details,.leaderboard-choice,.leaderboard-dialog__panel{border-color:currentColor}.site-nav,.activation-modal__panel,.leaderboard-dialog__panel{background:var(--white)}}
