.auth-page{background:var(--color-cream-paper);min-height:100svh;color:var(--color-ink-black);overflow:hidden}.auth-layout{width:min(var(--page-max-width), calc(100% - 32px));grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:48px;margin:0 auto;padding:76px 0 96px;display:grid}.auth-copy{gap:24px;display:grid}.auth-copy h1{max-width:720px;font-size:clamp(56px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;line-height:.98}.auth-copy p:not(.eyebrow){max-width:520px;color:var(--color-stone-gray);font-size:var(--text-subheading)}.auth-illustration{width:min(100%,520px);margin-top:8px}.auth-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f;width:min(100%,440px);padding:34px}.auth-card h2{font-size:var(--text-heading-sm);letter-spacing:0;margin-bottom:10px;line-height:1.12}.auth-card p{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.auth-form{gap:16px;margin-top:28px;display:grid}.auth-field{text-align:left;gap:9px;display:grid}.auth-field label{color:var(--color-ink-black);text-transform:uppercase;font-size:13px;font-weight:700}.auth-field input{border:1px solid var(--color-hairline-mist);width:100%;min-height:54px;color:var(--color-ink-black);font:inherit;background:#e0dbce8c;border-radius:20px;padding:0 18px}.auth-button{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);background:var(--color-fresh-grass);min-height:54px;color:var(--color-ink-black);justify-content:center;align-items:center;gap:10px;font-weight:700;transition:transform .16s;display:inline-flex}.auth-button:after{background:var(--color-pure-white);content:"";border-radius:50%;width:10px;height:10px}.auth-button:hover:not(:disabled){transform:translateY(-2px)}.auth-error{color:var(--color-ink-black);background:#ff705d29;border:1px solid #ff705da6;border-radius:22px;padding:12px 14px;font-weight:600}.auth-footer{color:var(--color-stone-gray);text-align:center;margin-top:24px}.auth-footer a{color:var(--color-ink-black);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.account-page{background:var(--color-cream-paper);min-height:100svh;overflow:hidden}.account-layout{width:min(var(--page-max-width), calc(100% - 32px));grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:28px;margin:0 auto;padding:76px 0 96px;display:grid}.account-hero,.account-panel{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f}.account-hero{align-content:space-between;gap:32px;min-height:560px;padding:40px;display:grid}.account-hero__copy{gap:22px;display:grid}.account-hero h1{font-size:clamp(56px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;overflow-wrap:anywhere;line-height:1}.account-hero p:not(.eyebrow){color:var(--color-stone-gray);font-size:var(--text-subheading)}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.account-panel{gap:22px;padding:28px;display:grid}.account-panel__header{gap:10px;display:grid}.account-panel h2{font-size:var(--text-heading-sm);letter-spacing:0;line-height:1.12}.account-badge{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);width:fit-content;max-width:100%;color:var(--color-ink-black);overflow-wrap:anywhere;background:#8ed46242;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex}.account-badge:before{background:var(--color-fresh-grass);content:"";border-radius:50%;flex:none;width:10px;height:10px}.account-illustration{min-height:300px}@media (width<=900px){.auth-layout,.account-layout{grid-template-columns:1fr;padding-top:54px}.auth-card{width:100%}.account-hero{min-height:auto}}@media (width<=640px){.auth-layout,.account-layout{width:min(100% - 20px, var(--page-max-width))}.auth-copy h1,.account-hero h1{font-size:58px}.auth-copy p:not(.eyebrow),.account-hero p:not(.eyebrow){font-size:var(--text-body-lg)}.auth-card,.account-hero,.account-panel{border-radius:34px;padding:24px}.account-actions{flex-direction:column}}.home-page{background:var(--color-cream-paper);height:100svh;color:var(--color-ink-black);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.home-main{width:min(var(--page-max-width), calc(100% - 32px));min-height:0;margin:0 auto;padding:clamp(20px,6vh,54px) 0 clamp(18px,4vh,34px)}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:clamp(24px,4vw,42px);height:100%;min-height:0;display:grid}.hero-content{z-index:2;gap:24px;display:grid;position:relative}.hero h1{max-width:850px;font-size:clamp(56px,7.5rem,120px);line-height:var(--leading-display);letter-spacing:0}.hero-text{max-width:630px;color:var(--color-stone-gray);font-size:var(--text-subheading);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-illustration{min-width:0;min-height:min(430px,62svh)}.board-story{margin-top:var(--section-gap);grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.board-story__copy,.hero-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f}.board-story__copy{align-content:space-between;gap:28px;padding:34px;display:grid}.board-story h2,.features h2{max-width:820px;font-size:clamp(36px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;line-height:1.05}.hero-card{padding:clamp(18px,2rem,32px)}.chess-board-preview{aspect-ratio:1;border:2px solid var(--color-ink-black);background:var(--color-ink-black);border-radius:38px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.square{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.square.light{background:var(--color-cream-paper)}.square.dark{background:var(--color-fresh-grass)}.square-piece:before{color:var(--color-ink-black);font-family:Georgia,serif;font-size:clamp(22px,2.75rem,44px);line-height:1;display:block}.square-piece--queen:before{content:"♛"}.square-piece--king:before{content:"♚"}.square-piece--knight:before{content:"♞"}.square-piece--bishop:before{content:"♝"}.square-piece--pawn:before{content:"♟"}.square-piece--rook:before{content:"♜"}.features{margin-top:var(--section-gap)}.features__intro{gap:20px;margin-bottom:28px;display:grid}.features__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f;align-content:end;gap:14px;min-height:260px;padding:28px;display:grid;position:relative;overflow:hidden}.feature-card__mark{border:2px solid var(--color-ink-black);border-radius:28px;width:70px;height:70px;position:absolute;top:28px;left:28px}.feature-card__mark:after{border:2px solid var(--color-ink-black);background:var(--color-pure-white);content:"♟";border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;display:grid;position:absolute;bottom:-12px;right:-16px}.feature-card__mark--grass{background:var(--color-fresh-grass)}.feature-card__mark--sky{background:var(--color-sky-pop)}.feature-card__mark--coral{background:var(--color-coral-pop)}.feature-card h3{font-size:var(--text-heading-sm);letter-spacing:0;line-height:1.08}.feature-card p{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.footer{width:min(var(--page-max-width), calc(100% - 32px));color:var(--color-stone-gray);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 0 44px;display:flex}.footer span{color:var(--color-ink-black);font-weight:700}@media (width<=980px){.hero{grid-template-columns:1fr;align-content:center}.hero h1{font-size:76px}.hero-illustration{display:none}}@media (width<=640px){.home-main{width:min(100% - 20px, var(--page-max-width));padding-block:28px}.hero-content{gap:18px}.hero h1{font-size:58px}.hero-text{font-size:var(--text-body-lg)}.hero-actions{width:100%}}@media (height<=720px) and (width>=981px){.home-main{padding-block:24px}.hero-content{gap:18px}.hero h1{font-size:96px}.hero-illustration{min-height:360px}}@media (height<=620px) and (width>=761px){.hero h1{font-size:78px}.hero-text{font-size:var(--text-body-lg)}.hero-illustration{min-height:300px}}@media (height<=700px) and (width<=760px){.home-main{padding-block:18px}.hero h1{font-size:46px}.hero-text{font-size:var(--text-body-sm)}.primary-button,.secondary-button{min-height:46px}}@media (height<=560px){.home-main{padding-block:12px}.hero-content{gap:12px}.hero h1{font-size:40px}.hero-text{display:none}}.lobby-page{background:var(--color-cream-paper);min-height:100svh;color:var(--color-ink-black)}.lobby-main{width:min(var(--page-max-width), calc(100% - 32px));grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:stretch;gap:32px;margin:0 auto;padding:76px 0 96px;display:grid}.lobby-hero,.lobby-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f}.lobby-hero{align-content:space-between;gap:28px;min-height:460px;padding:40px;display:grid}.lobby-hero h1{font-size:clamp(56px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;line-height:1}.lobby-hero p:not(.eyebrow){max-width:620px;color:var(--color-stone-gray);font-size:var(--text-subheading)}.lobby-card{align-content:space-between;gap:24px;padding:32px;display:grid}.lobby-card__copy{gap:12px;display:grid}.lobby-card h2{font-size:var(--text-heading-sm);line-height:1.12}.lobby-card p{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.lobby-error{background:#ff705d29;border:1px solid #ff705da6;border-radius:22px;padding:12px 14px;font-weight:600;color:var(--color-ink-black)!important}.lobby-notice{background:#8ed4622e;border:1px solid #8ed462bf;border-radius:22px;padding:12px 14px;font-weight:600;color:var(--color-ink-black)!important}.lobby-actions{flex-wrap:wrap;gap:12px;display:flex}.lobby-divider{background:#2c2e2a1f;height:1px}.join-room-form{gap:18px;display:grid}.join-room-form__row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.join-room-form__field{gap:8px;display:grid}.join-room-form label{color:var(--color-ink-black);font-weight:700}.join-room-form input{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);width:100%;min-height:54px;color:var(--color-ink-black);background:var(--color-pure-white);letter-spacing:0;text-transform:uppercase;padding:0 18px;font-weight:700}@media (width<=900px){.lobby-main{grid-template-columns:1fr;padding-top:54px}.lobby-hero{min-height:auto}}@media (width<=640px){.lobby-main{width:min(100% - 20px, var(--page-max-width));padding:40px 0 64px}.lobby-hero,.lobby-card{border-radius:34px;padding:24px}.lobby-hero h1{font-size:58px}.lobby-hero p:not(.eyebrow),.lobby-card p{font-size:var(--text-body-lg)}.lobby-actions{flex-direction:column}.join-room-form__row{grid-template-columns:1fr}}.local-game-page{background:var(--color-cream-paper);min-height:100svh;color:var(--color-ink-black)}.local-game-main{width:min(var(--page-max-width), calc(100% - 32px));margin:0 auto;padding:64px 0 96px}.local-game-hero{gap:18px;max-width:760px;margin-bottom:32px;display:grid}.local-game-hero h1{font-size:clamp(56px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;line-height:1}.local-game-hero p:not(.eyebrow){color:var(--color-stone-gray);font-size:var(--text-subheading)}.local-game-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f;padding:28px}.local-chess-game{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px;display:grid}.local-chess-game__board-wrap{width:min(100%,680px);margin:0 auto}.local-chess-game__panel{background:#e0dbce73;border:1px solid #2c2e2a1f;border-radius:34px;gap:18px;padding:24px;display:grid}.local-chess-game__status-block{gap:10px;display:grid}.local-chess-game__status-block h2{font-size:var(--text-heading-sm);line-height:1.12}.local-chess-game__status-block p:not(.eyebrow),.local-chess-game__message,.local-chess-game__error{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.local-chess-game__message,.local-chess-game__error{background:var(--color-pure-white);border-radius:22px;padding:12px 14px}.local-chess-game__error{color:var(--color-ink-black);background:#ff705d29}.local-chess-game__reset{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);background:var(--color-fresh-grass);min-height:50px;color:var(--color-ink-black);justify-content:center;align-items:center;gap:10px;font-weight:700;transition:transform .16s;display:inline-flex}.local-chess-game__reset:after{background:var(--color-pure-white);content:"";border-radius:50%;width:10px;height:10px}.local-chess-game__reset:hover{transform:translateY(-2px)}@media (width<=900px){.local-chess-game{grid-template-columns:1fr}.local-chess-game__panel{order:1}}@media (width<=640px){.local-game-main{width:min(100% - 20px, var(--page-max-width));padding:40px 0 64px}.local-game-hero h1{font-size:44px}.local-game-hero p:not(.eyebrow){font-size:var(--text-body-lg)}.local-game-card{border-radius:34px;padding:14px}.local-chess-game__panel{gap:12px;padding:14px}}@media (width<=950px) and (height<=500px) and (orientation:landscape){.local-game-main{padding-block:20px 40px}.local-game-hero{gap:12px;margin-bottom:20px}.local-game-hero h1{font-size:40px}.local-game-card{padding:14px}.local-chess-game{gap:16px}.local-chess-game__board-wrap{width:min(100%,100svh - 150px)}.local-chess-game__panel{gap:12px;padding:14px}}.room-page{background:var(--color-cream-paper);min-height:100svh;color:var(--color-ink-black)}.room-main{width:min(var(--page-max-width), calc(100% - 32px));grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:stretch;gap:32px;margin:0 auto;padding:76px 0 96px;display:grid}.room-main--active{align-items:start}.room-hero,.room-card,.room-game-card{border-radius:var(--radius-card);background:var(--color-pure-white);border:1px solid #2c2e2a1f}.room-hero{align-content:space-between;gap:28px;min-height:460px;padding:40px;display:grid}.room-hero h1{font-size:clamp(52px, 5.0625rem, var(--text-heading-lg));letter-spacing:0;overflow-wrap:anywhere;line-height:1}.room-hero p:not(.eyebrow){max-width:620px;color:var(--color-stone-gray);font-size:var(--text-subheading)}.room-card{align-content:space-between;gap:24px;padding:32px;display:grid}.room-game-card{grid-column:1/-1;padding:28px}.room-code-badge{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);width:fit-content;max-width:100%;color:var(--color-ink-black);font-size:var(--text-body-lg);overflow-wrap:anywhere;background:#8ed46242;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:inline-flex}.room-code-badge:before{background:var(--color-fresh-grass);content:"";border-radius:50%;flex:none;width:10px;height:10px}.room-card__copy{gap:12px;display:grid}.room-card h2{font-size:var(--text-heading-sm);line-height:1.12}.room-card p{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.online-chess-game{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px;display:grid}.online-chess-game__board-wrap{width:min(100%,680px);margin:0 auto}.online-chess-game__board-placeholder{aspect-ratio:1;width:100%;color:var(--color-stone-gray);font-size:var(--text-body-lg);background:#e0dbce73;border:2px dashed #2c2e2a4d;border-radius:34px;place-items:center;font-weight:700;display:grid}.online-chess-game__panel{background:#e0dbce73;border:1px solid #2c2e2a1f;border-radius:34px;gap:18px;padding:24px;display:grid}.online-chess-game__status-block{gap:10px;display:grid}.online-chess-game__status-block h2{font-size:var(--text-heading-sm);line-height:1.12}.online-chess-game__status-block p:not(.eyebrow),.online-chess-game__facts,.online-chess-game__message,.online-chess-game__error{color:var(--color-stone-gray);font-size:var(--text-body-lg)}.online-chess-game__facts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.online-chess-game__message,.online-chess-game__error{background:var(--color-pure-white);border-radius:22px;padding:12px 14px}.online-chess-game__error{color:var(--color-ink-black);background:#ff705d29}.online-chess-game__connection{color:var(--color-ink-black);align-items:center;gap:8px;font-weight:700;display:inline-flex}.online-chess-game__connection:before{background:var(--color-stone-gray);content:"";border-radius:50%;flex:none;width:9px;height:9px}.online-chess-game__connection--connected:before{background:var(--color-fresh-grass)}.online-chess-game__connection--connecting:before{background:var(--color-sunshine-pop)}.online-chess-game__connection--disconnected:before{background:var(--color-coral-pop)}.online-chess-game__post-game{background:var(--color-pure-white);border:1px solid #2c2e2a1f;border-radius:28px;gap:16px;padding:18px;display:grid}.online-chess-game__post-game-copy{gap:8px;display:grid}.online-chess-game__post-game-copy h3{font-size:24px;line-height:1.15}.online-chess-game__post-game-copy p:not(.eyebrow){color:var(--color-stone-gray);font-size:var(--text-body-sm)}.online-chess-game__post-game-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){.room-main{grid-template-columns:1fr;padding-top:54px}.room-hero{min-height:auto}.room-game-card{order:-1}.online-chess-game{grid-template-columns:1fr}.online-chess-game__panel{order:1}}@media (width<=640px){.room-main{width:min(100% - 20px, var(--page-max-width));padding:40px 0 64px}.room-hero,.room-card,.room-game-card{border-radius:34px;padding:24px}.room-game-card{padding:14px}.room-hero h1{font-size:40px}.room-hero p:not(.eyebrow),.room-card p{font-size:var(--text-body-lg)}.online-chess-game__panel{gap:12px;padding:14px}.online-chess-game__post-game-actions{flex-direction:column}}@media (width<=950px) and (height<=500px) and (orientation:landscape){.room-main{padding-block:20px 40px}.room-hero,.room-card,.room-game-card{padding:18px}.room-hero h1{font-size:36px}.online-chess-game{gap:16px}.online-chess-game__board-wrap{width:min(100%,100svh - 150px)}.online-chess-game__panel{gap:12px;padding:14px}}:root{--color-fresh-grass:#8ed462;--color-cream-paper:#f5f1e4;--color-ink-black:#2c2e2a;--color-pure-white:#fff;--color-sandstone:#e0dbce;--color-stone-gray:#80827f;--color-hairline-mist:#d5d5d4;--color-pure-ink:#000;--color-sky-pop:#2ba0ff;--color-coral-pop:#ff705d;--color-sunshine-pop:#f5e211;--font-inter:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-body-sm:15px;--text-body-lg:18px;--text-subheading:20px;--text-heading-sm:30px;--text-heading:53px;--text-heading-lg:81px;--text-display:140px;--leading-body:1.5;--leading-heading:1.15;--leading-display:.95;--tracking-heading:0;--tracking-heading-lg:0;--tracking-display:0;--radius-small:10px;--radius-card:50px;--radius-pill:999px;--radius-illustration:64px;--page-max-width:1200px;--section-gap:96px;--card-padding:24px;font-family:var(--font-inter);color:var(--color-ink-black);background:var(--color-cream-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--color-cream-paper);min-width:320px}body{min-width:320px;color:var(--color-ink-black);background:var(--color-cream-paper);font-family:var(--font-inter);font-size:var(--text-body-sm);line-height:var(--leading-body);margin:0;overflow-x:hidden}#root{min-height:100svh}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.68}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-ink-black);font-family:var(--font-inter);letter-spacing:0;font-weight:500}p{line-height:var(--leading-body)}::selection{color:var(--color-pure-ink);background:var(--color-sunshine-pop)}:focus-visible{border-color:var(--color-fresh-grass);outline:none;box-shadow:0 0 0 3px #8ed46240}.eyebrow{width:fit-content;color:var(--color-ink-black);text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.eyebrow:before{border:2px solid var(--color-ink-black);border-radius:var(--radius-pill);background:var(--color-fresh-grass);content:"";width:10px;height:10px}.pill-nav-wrap{z-index:20;width:min(var(--page-max-width), calc(100% - 32px));margin:0 auto;padding-top:24px;position:relative}.pill-nav{border-radius:var(--radius-pill);background:var(--color-pure-white);border:1px solid #2c2e2a1f;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:10px 10px 10px 22px;display:flex}.pill-nav__brand,.pill-nav__links,.pill-nav__link,.pill-nav__button,.pill-button,.primary-button,.secondary-button,.nav-button{text-align:center;align-items:center;display:inline-flex}.pill-nav__brand{min-width:max-content;font-size:var(--text-body-lg);gap:10px;font-weight:700}.pill-nav__brand-mark{border:2px solid var(--color-ink-black);background:var(--color-sunshine-pop);border-radius:50%;width:18px;height:18px;position:relative;overflow:hidden}.pill-nav__brand-mark:after{background:var(--color-fresh-grass);content:"";position:absolute;inset:0 50% 0 0}.pill-nav__links{flex-wrap:wrap;justify-content:flex-end;gap:4px}.pill-nav__link,.pill-nav__button,.pill-button,.primary-button,.secondary-button,.nav-button{border-radius:var(--radius-pill);justify-content:center;min-height:44px;font-weight:600;line-height:1;transition:transform .16s,background-color .16s,border-color .16s}.pill-nav__link,.pill-nav__button{padding:0 16px}.pill-nav__link{color:var(--color-stone-gray)}.pill-nav__link:hover{color:var(--color-ink-black);background:#e0dbcea6}.pill-nav__link--user{color:var(--color-ink-black);background:#8ed46240}.pill-nav__button,.pill-button,.primary-button,.secondary-button,.nav-button{border:1px solid var(--color-ink-black);color:var(--color-ink-black);background:var(--color-pure-white);gap:10px;padding:0 18px}.pill-nav__button:after,.pill-button:after,.primary-button:after,.nav-button:after{background:var(--color-fresh-grass);content:"";border-radius:50%;flex:none;width:10px;height:10px}.pill-nav__button--coral:after,.pill-button--coral:after,.nav-button--coral:after{background:var(--color-coral-pop)}.pill-nav__button:hover,.pill-button:hover,.primary-button:hover,.secondary-button:hover,.nav-button:hover{transform:translateY(-2px)}.primary-button{background:var(--color-fresh-grass);min-height:54px;padding:0 24px}.secondary-button{background:#ffffff8a;min-height:54px;padding:0 24px}.secondary-button:after{display:none}.chess-illustration{border-radius:var(--radius-illustration);background:var(--color-pure-white);border:1px solid #2c2e2a1f;min-height:430px;position:relative;overflow:hidden}.chess-illustration--compact{border-radius:var(--radius-card);min-height:290px}.chess-illustration__sticker,.chess-illustration__piece,.chess-illustration__notation{position:absolute}.chess-illustration__sticker{border:2px solid var(--color-ink-black);border-radius:var(--radius-pill)}.chess-illustration__sticker--sky{background:var(--color-sky-pop);width:86px;height:86px;top:42px;left:44px}.chess-illustration__sticker--sun{background:var(--color-sunshine-pop);width:92px;height:92px;bottom:62px;right:54px}.chess-illustration__sticker--coral{background:var(--color-coral-pop);width:42px;height:42px;top:48px;right:92px}.chess-illustration__board{aspect-ratio:1;border:2px solid var(--color-ink-black);background:var(--color-fresh-grass);border-radius:42px;grid-template-columns:repeat(4,1fr);width:min(62%,330px);display:grid;position:absolute;bottom:36px;right:42px;overflow:hidden}.chess-illustration--immortal .chess-illustration__board{grid-template-columns:repeat(8,1fr);width:min(78%,380px)}.chess-illustration--compact .chess-illustration__board{border-radius:30px;width:min(58%,210px);bottom:24px;right:28px}.chess-illustration__tile--light{background:var(--color-cream-paper)}.chess-illustration__tile--dark{background:var(--color-fresh-grass)}.chess-illustration__tile{place-items:center;min-width:0;min-height:0;display:grid}.chess-illustration__board-piece{width:100%;height:100%;color:var(--color-ink-black);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2.1rem,34px);font-weight:700;line-height:1;display:grid}.chess-illustration__board-piece--white{color:var(--color-pure-white);-webkit-text-stroke:1px var(--color-ink-black)}.chess-illustration__piece{border:2px solid var(--color-ink-black);width:128px;height:156px;color:var(--color-ink-black);background:var(--color-pure-white);border-radius:64px 64px 34px 34px;place-items:center;display:grid}.chess-illustration__piece:before{font-family:Georgia,serif;font-size:82px;line-height:1}.chess-illustration__piece--queen{background:var(--color-sunshine-pop);bottom:44px;left:58px}.chess-illustration__piece--queen:before{content:"♛"}.chess-illustration__piece--king{background:var(--color-fresh-grass);width:150px;height:188px;bottom:82px;left:160px}.chess-illustration__piece--king:before{content:"♚"}.chess-illustration__piece--knight{background:var(--color-sky-pop);width:92px;height:112px;top:106px;right:126px}.chess-illustration__piece--knight:before{content:"♞";font-size:58px}.chess-illustration--compact .chess-illustration__piece--queen{width:92px;height:112px;bottom:34px;left:34px}.chess-illustration--compact .chess-illustration__piece--queen:before{font-size:58px}.chess-illustration--compact .chess-illustration__piece--king{width:104px;height:130px;bottom:58px;left:108px}.chess-illustration--compact .chess-illustration__piece--king:before{font-size:64px}.chess-illustration--compact .chess-illustration__piece--knight{width:68px;height:82px;top:62px;right:82px}.chess-illustration--compact .chess-illustration__piece--knight:before{font-size:42px}.chess-illustration__notation{border:1px solid var(--color-ink-black);border-radius:var(--radius-pill);min-height:40px;color:var(--color-ink-black);background:var(--color-pure-white);font-size:var(--text-body-sm);justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.chess-illustration__notation--one{top:144px;left:30px}.chess-illustration__notation--two{top:172px;right:32px}.chess-illustration__notation--three{bottom:30px;left:46%}.protected-loading{background:var(--color-cream-paper);place-items:center;min-height:100svh;padding:24px;display:grid}.protected-loading__card{border-radius:var(--radius-card);background:var(--color-pure-white);text-align:center;border:1px solid #2c2e2a1f;justify-items:center;gap:14px;width:min(100%,360px);padding:32px;display:grid}.protected-loading__mark{border:2px solid var(--color-ink-black);background:var(--color-fresh-grass);border-radius:50%;width:54px;height:54px}@media (width<=760px){.pill-nav-wrap{width:min(100% - 20px, var(--page-max-width));padding-top:12px}.pill-nav{border-radius:30px;align-items:stretch;padding:12px}.pill-nav,.pill-nav__links{flex-direction:column}.pill-nav__brand,.pill-nav__links,.pill-nav__link,.pill-nav__button{width:100%}.pill-nav__brand{justify-content:center}.pill-nav__links{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pill-nav__link,.pill-nav__button{min-width:0;padding-inline:10px}.chess-illustration{border-radius:40px;min-height:320px}.chess-illustration__piece--king{left:100px}.chess-illustration__piece--knight{right:36px}}@media (width<=520px){.pill-nav__links{grid-template-columns:1fr}.primary-button,.secondary-button,.pill-button,.nav-button{width:100%}.chess-illustration__board{border-radius:30px;width:64%;right:18px}.chess-illustration__piece--queen{width:92px;height:112px;left:22px}.chess-illustration__piece--queen:before{font-size:58px}.chess-illustration__piece--king{width:104px;height:130px;bottom:72px;left:84px}.chess-illustration__piece--king:before{font-size:64px}.chess-illustration__piece--knight,.chess-illustration__notation--two{display:none}}