@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.2e8ypamius-z3.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0u127c2ykgu-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.0rbocftmutivq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-italic.3i6_tg6hhi-0a.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-italic.1jb3oq23hons4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-italic.1pgmdi37vl33_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.utility-page{max-width:650px;margin:0 auto;padding:50px 28px 80px}.utility-page>.wordmark{margin-bottom:50px;display:inline-block}.utility-page h1{letter-spacing:-1.5px;margin-bottom:18px;font-family:Newsreader Variable,serif;font-size:48px;font-weight:400;line-height:1.1}.utility-page>p{color:#71756b;font-size:16px;line-height:1.7}.utility-page h2{margin:32px 0 12px;font-size:20px}.utility-page p a{text-underline-offset:3px;text-decoration:underline}.utility-page .secondary-button{margin-top:18px}.utility-back{color:#777d70;margin-bottom:25px;font-size:13px;display:block}.utility-form{margin-top:32px}.utility-form label{margin-bottom:9px;font-size:14px;font-weight:500;display:block}.utility-form input,.admin-panel input,.admin-panel select{color:#28352b;background:#fffef9;border:1px solid #d3d6ca;border-radius:4px;width:100%;height:48px;padding:10px 13px}.utility-input-row{gap:10px;display:flex}.utility-input-row input{flex:1;min-width:0}.utility-input-row button,.utility-primary{color:#fff;background:#304635;border:0;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-size:14px;display:inline-flex}.utility-primary{margin-top:20px}.utility-details{margin:18px 0}.utility-details summary{color:#727769;cursor:pointer;padding:7px 0;font-size:13px}.utility-details input{max-width:220px;margin-top:10px}.utility-helper{color:#808575;margin-top:12px;font-size:12px;line-height:1.6}.utility-error{color:#a4322d;background:#fbede7;border-radius:4px;margin-top:18px;padding:12px 16px;font-size:14px;line-height:1.5}.import-results{margin-top:30px}.import-results h2{margin-bottom:8px;font-family:Newsreader Variable,serif;font-size:29px;font-weight:400}.candidate{background:#fcfbf7;border:1px solid #daddd1;border-radius:5px;justify-content:space-between;align-items:center;gap:15px;margin:10px 0;padding:16px;display:flex}.candidate-names{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.candidate-meta{color:#7b8273;margin-top:5px;font-size:12px}.candidate button{white-space:nowrap;background:0 0;border:1px solid #bdc7b5;border-radius:4px;min-height:44px;padding:10px 15px;font-size:13px}.candidate.selected{background:#eff2e9;border-color:#476647}.import-selection{background:#eef2e7;border:1px solid #9eaf92;border-radius:6px;margin-top:20px;padding:20px}.import-selection h3{margin:0 0 10px;font-size:17px}.import-selection p{color:#687560;font-size:14px;line-height:1.6}.import-confirmation{padding:35px 0}.import-confirmation svg{color:#455d3a;background:#e7ecd9;border-radius:50%;width:55px;height:55px;margin-bottom:20px;padding:12px}.import-confirmation h2{font-family:Newsreader Variable,serif;font-size:35px;font-weight:400}.import-confirmation p{color:#707668;line-height:1.7}.utility-preview-note{color:#8a897d;border-top:1px solid #dddcd1;margin-top:35px;padding-top:15px;font-size:12px}.design-index{max-width:1240px;margin:auto;padding:55px 40px 35px}.index-label{letter-spacing:2px;margin-bottom:48px;font-size:12px;font-weight:600}.design-index>h1{letter-spacing:-2.5px;margin-bottom:22px;font-family:Newsreader Variable,serif;font-size:66px;font-weight:400;line-height:1}.design-index>p{color:#75786c;font-size:15px;line-height:1.7}.design-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:44px 0;display:grid}.design-card{border:1px solid #d8d9ce;border-radius:2px;flex-direction:column;min-width:0;padding:22px;transition:transform .2s;display:flex}.design-card:hover{transform:translateY(-5px)}.design-card-top{justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px;display:flex}.mini-board{aspect-ratio:1;background:#e9e5d9;grid-template-columns:repeat(4,1fr);width:100%;margin-bottom:30px;display:grid}.mini-board i{background:#e9e5d9}.mini-board i.odd{background:#a3aa92}.design-card h2{margin:0 0 12px;font-family:Newsreader Variable,serif;font-size:28px;font-weight:400;line-height:1.05}.design-card p{opacity:.7;min-height:59px;margin-bottom:20px;font-size:12px;line-height:1.65}.design-font{opacity:.65;margin-top:auto;font-size:10px}.open-design{border-top:1px solid #9995;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:12px;display:flex}.card-club{color:#292929;background:#f4f4f4;border-color:#dedce2;border-radius:7px}.card-club .mini-board{border:0;border-radius:3px;overflow:hidden;box-shadow:0 2px 8px #29292912}.card-club .mini-board i{background:#f0d9b5}.card-club .mini-board i.odd{background:#b58863}.card-club h2{font-family:DM Sans Variable,sans-serif;font-size:25px;font-weight:450}.card-playful{color:#455179;background:#edf0fa;border:0;border-radius:22px}.card-playful .mini-board{border-radius:12px;overflow:hidden}.card-playful .mini-board i{background:#f1f0fc}.card-playful .mini-board i.odd{background:#a8b2db}.card-playful h2{letter-spacing:-1px;font-family:DM Sans Variable,sans-serif;font-size:25px;font-weight:650}.card-graphic{color:#242b20;background:#dcf44a;border:2px solid #262b22}.card-graphic .mini-board{border:1px solid #262b22}.card-graphic .mini-board i{background:#edecdf}.card-graphic .mini-board i.odd{background:#747d65}.card-graphic h2{text-transform:uppercase;letter-spacing:-1.7px;font-family:Space Grotesk Variable,sans-serif;font-size:30px;font-weight:650}.design-index>footer{color:#717767;border-top:1px solid #d8d9ce;justify-content:space-between;gap:20px;padding-top:22px;font-size:12px;display:flex}.design-index>footer a{text-underline-offset:4px;text-decoration:underline}.admin-shell{max-width:1200px;margin:auto;padding:30px}.admin-header{border-bottom:1px solid #d6d9cd;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:25px;display:flex}.admin-header>div{align-items:center;gap:22px;display:flex}.admin-header .wordmark{font-size:42px}.admin-header span{color:#7b816f;font-size:13px}.admin-header button{background:0 0;border:1px solid #ccd1c1;border-radius:4px;padding:10px 15px;font-size:12px}.admin-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.admin-title h1{margin:0;font-family:Newsreader Variable,serif;font-size:43px;font-weight:400}.admin-title p{color:#7e8672;margin:8px 0 0;font-size:13px}.admin-grid{grid-template-columns:1.3fr 1fr;gap:25px;display:grid}.admin-panel{background:#fcfcf6;border:1px solid #d4dacb;border-radius:6px;margin-bottom:25px;padding:24px}.admin-panel h2{margin:0 0 20px;font-size:19px;font-weight:500}.admin-panel h3{margin:0 0 8px;font-size:14px}.admin-submission{border-top:1px solid #e1e4d9;padding:17px 0}.admin-submission-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-submission h3{overflow-wrap:anywhere}.status-badge{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:#edf0e3;border-radius:4px;padding:5px 7px;font-size:10px}.status-pending{background:#f5ebc9}.status-rejected{background:#f4e1dc}.admin-submission p{color:#7b826e;margin:5px 0;font-size:12px;line-height:1.6}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-actions button,.admin-inspect{background:#f5f7ee;border:1px solid #bcc6ae;border-radius:3px;min-height:38px;padding:8px 12px;font-size:12px}.admin-actions .approve{color:#fff;background:#304635;border-color:#304635}.admin-actions .reject{color:#9a4434}.admin-source{text-underline-offset:3px;color:#627355;overflow-wrap:anywhere;margin:10px 0;font-size:12px;text-decoration:underline;display:block}.admin-board{--light:#e9e5d9;--dark:#a3aa92;--line:#d9d7ce;max-width:370px;margin:18px 0}.admin-board .replay-controls{margin-top:10px}.schedule-form{gap:13px;display:grid}.schedule-form label{margin-bottom:6px;font-size:12px;display:block}.schedule-form button{margin-top:0}.schedule-day{border-top:1px solid #e1e4d9;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.schedule-day time{font-size:13px;font-weight:500}.schedule-day p{color:#858b7c;margin:4px 0 0;font-size:11px}.schedule-day button{color:#966449;background:0 0;min-height:38px;font-size:12px}.schedule-empty{color:#929984;font-size:12px}.admin-local-note{background:#f0ebd7;border:1px solid #ddd4b2;margin-bottom:24px;padding:12px 15px;font-size:12px;line-height:1.5}.login-form{gap:15px;display:grid}.login-form .utility-primary{margin:5px 0 0}.login-form .utility-helper{margin:0}.admin-import .utility-page{padding:0}.admin-import .utility-form{margin-top:0}.admin-import .utility-page>.wordmark,.admin-import .utility-page>h1,.admin-import .utility-page>.utility-back{display:none}.admin-import .utility-page>p{font-size:13px}.admin-import .candidate{padding:12px}.admin-import .candidate-names{font-size:12px}@media (max-width:900px){.design-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-shell{padding:22px}.design-card p{min-height:40px}}@media (max-width:550px){.utility-page{padding:30px 22px 55px}.utility-page>.wordmark{margin-bottom:35px}.utility-page h1{font-size:39px}.utility-page>p{font-size:14px}.utility-input-row{flex-direction:column}.candidate{padding:13px}.candidate-names{font-size:12px}.candidate-meta{font-size:10px}.candidate button{padding:8px 11px;font-size:12px}.design-index{padding:32px 20px}.index-label{margin-bottom:30px;font-size:10px}.design-index>h1{font-size:49px}.design-index>p{font-size:13px}.design-grid{gap:12px;margin:30px 0}.design-card{padding:16px}.design-card-top{margin-bottom:18px}.design-card h2{font-size:23px}.card-club h2,.card-playful h2{font-size:20px}.card-graphic h2{font-size:23px}.design-card p{min-height:72px;margin-bottom:15px;font-size:11px}.mini-board{margin-bottom:22px}.design-font{font-size:9px}.open-design{font-size:10px}.design-index>footer{flex-direction:column;font-size:11px}.admin-panel{padding:18px}.admin-title h1{font-size:36px}.admin-header>div{gap:13px}.admin-header span{font-size:11px}.admin-title{align-items:flex-start}.admin-title .secondary-button{padding:9px;font-size:11px}}.advertising-inbox summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:600;display:flex}.advertising-inbox summary:before{content:"+";color:#7a8173}.advertising-inbox details[open]>summary:before{content:"−"}.advertising-inbox summary>span{color:#526048;background:#edf0e7;border-radius:20px;padding:3px 8px;font-size:12px}.advertising-inquiry{overflow-wrap:anywhere;border-top:1px solid #e0e2d8;padding:20px 0}.advertising-inquiry header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.advertising-inquiry h3{margin:0;font-size:16px}.advertising-inquiry time{white-space:nowrap;color:#72786c;font-size:12px}.advertising-inquiry p{margin:8px 0;font-size:14px;line-height:1.6}.advertising-inquiry a{text-underline-offset:3px;text-decoration:underline}.advertising-inquiry .advertising-inquiry-budget{color:#6b7562;font-size:12px}.advertising-inquiry .advertising-inquiry-message{white-space:pre-wrap}@media (max-width:540px){.advertising-inquiry header{flex-direction:column;gap:5px}}
:root{color:#292a25;font-synthesis:none;font-optical-sizing:auto;background:#f7f5ef;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{color:inherit}a{color:inherit;text-decoration:none}button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent,#856c43);outline-offset:4px}button{transition:background .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}input{min-width:0}button svg{flex-shrink:0}img{display:block}h1,h2,p{margin-top:0}button{border:0}::selection{background:#d6dfbc}.experience{--page:#f7f5ef;--ink:#2b302c;--muted:#75766e;--line:#d9d7ce;--accent:#79593e;--light:#e9e5d9;--dark:#a3aa92;--button:#303c32;--button-text:#fff;background:var(--page);min-height:100vh;color:var(--ink);padding:0 44px 18px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1120px;height:105px;margin:auto;display:flex}.wordmark{letter-spacing:-4px;font-family:Newsreader Variable,serif;font-size:54px;font-weight:500;line-height:1}.submit-game-link{align-items:center;gap:12px;padding:14px 0;font-size:14px;font-weight:500;display:flex}.submit-game-link:hover{opacity:.65}.game-layout{grid-template-areas:"intro""board""guess""notice";max-width:480px;margin:34px auto 42px;display:grid;position:relative}.game-intro{text-align:center;grid-area:intro;margin-bottom:26px}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.5}.game-intro .eyebrow{margin-bottom:13px}.game-intro h1{letter-spacing:-1.25px;margin-bottom:12px;font-family:Newsreader Variable,serif;font-size:43px;font-weight:400;line-height:1.05}.game-intro p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.65}.club-break{display:none}.play-area{touch-action:pan-y;grid-area:board;min-width:0}.day-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:5px;height:53px;margin-bottom:16px;display:flex}.day-navigation button{background:0 0;align-items:center;gap:7px;min-height:44px;padding:10px 0;font-size:13px;font-weight:500;display:flex}.day-navigation button:hover:not(:disabled){color:var(--accent)}.selected-day{white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:flex}.day-relative{font-weight:600}.date-divider{color:var(--muted);font-size:12px}.selected-day time{color:var(--muted)}.game-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px;display:flex}.game-meta>span{align-items:center;gap:6px;display:flex}.meta-divider{padding:0 3px}.category{text-transform:capitalize}.white-label i{background:#fffefa;border:1px solid #8b8d7e;border-radius:50%;width:9px;height:9px;display:inline-block}.board-frame{background:var(--line);padding:0}.chessboard{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.square{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.square.light{background:var(--light);color:var(--dark)}.square.dark{background:var(--dark);color:var(--light)}.square img{z-index:1;-webkit-user-select:none;user-select:none;width:86%;height:86%;position:relative}.square.last-move:after{content:"";pointer-events:none;background:#e8cc574a;position:absolute;inset:0}.file,.rank{z-index:2;font-size:10px;font-weight:600;line-height:1;position:absolute}.rank{top:4px;left:3px}.file{bottom:3px;right:4px}.replay-bar{justify-content:space-between;align-items:center;gap:12px;padding:13px 0 7px;display:flex}.replay-status{flex-direction:column;gap:3px;font-size:13px;display:flex}.move-counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.replay-controls{gap:5px;display:flex}.replay-controls button{border:1px solid var(--line);background:0 0;border-radius:2px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.replay-controls svg{stroke-width:1.5px;width:18px;height:18px}.replay-controls button:hover:not(:disabled){background:var(--line)}.replay-hint{color:var(--muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.replay-hint>span:last-child{align-items:center;gap:4px;display:flex}kbd{border:1px solid var(--line);border-radius:3px;padding:0 4px;font-family:inherit;font-size:11px}.guess-panel{border-top:1px solid var(--line);grid-area:guess;min-width:0;margin-top:28px;padding-top:22px}.guess-panel label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.guess-panel label>span{color:var(--muted);font-size:12px;font-weight:400}.guess-fields{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.rating-field{border:1px solid var(--line);background:#ffffff59;align-items:center;gap:8px;min-width:0;padding:0 14px;display:flex}.rating-field input{width:100%;color:var(--ink);outline-offset:1px;background:0 0;border:0;height:50px;font-size:23px;font-weight:400}.rating-field input::placeholder{color:var(--muted);opacity:.6}.rating-field>span{color:var(--muted);letter-spacing:.8px;font-size:11px}.submit-guess{background:var(--button);min-height:52px;color:var(--button-text);justify-content:center;align-items:center;gap:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.submit-guess:hover:not(:disabled){filter:brightness(1.1)}.guess-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:11px;line-height:1.6;display:flex}.form-error{color:#a5332b;margin:10px 0 0;font-size:13px;line-height:1.5}.game-notice{border:1px solid var(--line);grid-area:notice;margin-top:22px;padding:12px 16px;font-size:13px;line-height:1.6}.game-notice button{background:0 0;margin-left:8px;text-decoration:underline}.locked-state{grid-template-columns:28px 1fr;gap:12px;display:grid}.confirmation-icon{background:var(--button);width:27px;height:27px;color:var(--button-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.locked-state h2{margin:3px 0 8px;font-size:17px;font-weight:500}.locked-state h2 span{font-variant-numeric:tabular-nums}.locked-state p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.text-button{text-align:left;text-underline-offset:4px;background:0 0;grid-column:2;align-items:center;gap:10px;padding:10px 0;font-size:13px;text-decoration:underline;display:flex}.actual-rating{letter-spacing:-2px;margin:15px 0 20px;font-family:Newsreader Variable,serif;font-size:59px;line-height:1}.actual-rating>span{letter-spacing:0;color:var(--muted);margin-top:6px;font-family:DM Sans Variable,sans-serif;font-size:12px;display:block}.result-comparison{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:12px 0;display:grid}.result-comparison>div{flex-direction:column;gap:5px;display:flex}.result-comparison span{color:var(--muted);font-size:12px}.result-comparison strong{font-size:22px;font-weight:500}.difference{margin:15px 0 7px;font-size:16px}.fineprint{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.empty-state,.board-placeholder{aspect-ratio:1;border:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.empty-symbol{color:var(--muted);font-family:Newsreader Variable,serif;font-size:65px}.empty-state h2{font-family:Newsreader Variable,serif;font-size:35px;font-weight:400}.empty-state p{color:var(--muted);max-width:280px;font-size:14px;line-height:1.7}.secondary-button{border:1px solid var(--line,#d0d1c7);background:0 0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 16px;font-size:14px;display:inline-flex}.board-placeholder{color:var(--muted);font-size:14px;position:relative;overflow:hidden}.loading-grid{background:repeating-conic-gradient(var(--light) 0% 25%,var(--dark) 0% 50%) 50%/25% 25%;opacity:.18;position:absolute;inset:0}.board-placeholder>span{background:var(--page);padding:12px 18px;position:relative}.site-footer{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);justify-content:space-between;margin:0 auto;padding-top:22px;font-size:12px;display:flex}.legal-footer{max-width:1120px;color:var(--muted);justify-content:space-between;gap:10px;margin:12px auto 0;font-size:10px;display:flex}.legal-footer a{text-underline-offset:3px;text-decoration:underline}.design-editorial .game-intro .eyebrow{text-transform:none;letter-spacing:.7px;font-size:12px}.design-editorial .game-intro h1{font-style:italic}.design-editorial .submit-guess,.design-editorial .rating-field{border-radius:2px}.design-editorial .game-layout{max-width:466px}.design-editorial .heading-dot{color:#9b7250}.design-playful{--page:#edf0fa;--ink:#343854;--muted:#727a93;--line:#e2e5f0;--accent:#576ae3;--light:#f1f0fc;--dark:#a8b2db;--button:#576ae3;--button-text:#fff;padding-bottom:22px}.design-playful .site-header{border:0;max-width:1080px;height:98px}.design-playful .wordmark{letter-spacing:-4px;color:#576ae3;font-family:DM Sans Variable,sans-serif;font-size:49px;font-weight:850}.design-playful .submit-game-link{background:#fff;border-radius:25px;padding:11px 19px;font-size:13px}.design-playful .game-layout{background:#fff;border-radius:30px;max-width:592px;margin:7px auto 34px;padding:29px 52px 28px;box-shadow:0 4px #dde2f1}.design-playful .game-intro{margin-bottom:20px}.design-playful .game-intro .eyebrow{letter-spacing:1.6px;color:#7180b5;margin-bottom:11px;font-size:10px}.design-playful .game-intro h1{letter-spacing:-1.3px;margin-bottom:10px;font-family:DM Sans Variable,sans-serif;font-size:32px;font-weight:650}.design-playful .game-intro p{font-size:12px;line-height:1.65}.design-playful .day-navigation{background:#f1f3fa;border:0;border-radius:28px;height:45px;margin-bottom:16px;padding:0 12px}.design-playful .day-navigation button{gap:4px;font-size:12px}.design-playful .selected-day{gap:7px;font-size:13px}.design-playful .day-relative{color:#5363c2}.design-playful .game-meta{margin:0 4px 10px;font-size:11px}.design-playful .board-frame{border-radius:12px;padding:0;overflow:hidden;box-shadow:0 3px #8e9bc6}.design-playful .square img{width:84%;height:84%}.design-playful .replay-bar{flex-direction:column-reverse;gap:11px;padding-top:17px}.design-playful .replay-controls{gap:12px}.design-playful .replay-controls button{color:#5265ce;background:#f0f2fb;border:0;border-radius:50%;width:43px;height:43px;box-shadow:0 2px #e0e4f2}.design-playful .replay-controls button:hover:not(:disabled){background:#e6eafa;transform:translateY(-2px)}.design-playful .replay-status{color:var(--muted);flex-direction:row;align-items:center;gap:10px;font-size:11px}.design-playful .replay-hint{display:none}.design-playful .guess-panel{border-top:1px dashed var(--line);margin-top:14px;padding-top:16px}.design-playful .guess-panel label{font-size:14px;font-weight:650}.design-playful .guess-fields{grid-template-columns:1fr 1.35fr;gap:9px}.design-playful .rating-field{background:#f8f9fd;border-color:#e1e5f3;border-radius:15px}.design-playful .rating-field input{height:50px;font-size:23px;font-weight:600}.design-playful .submit-guess{border-radius:15px;gap:12px;font-size:13px;box-shadow:0 3px #3d50bf}.design-playful .guess-note{margin-top:13px;font-size:10px}.design-playful .site-footer{border:0;max-width:1080px;padding-top:0}.design-playful .legal-footer{max-width:1080px}.design-playful .actual-rating{color:#576ae3;font-family:DM Sans Variable,sans-serif;font-size:54px;font-weight:650}.design-playful .locked-state h2{font-weight:600}.design-playful .confirmation-icon{color:#576ae3;background:#e8edff}.design-graphic{--page:#f5f4ed;--ink:#20241e;--muted:#72756b;--line:#cecec3;--accent:#6f7b00;--light:#edecdf;--dark:#747d65;--button:#dcf44a;--button-text:#20241e;padding-left:60px;padding-right:60px;font-family:Space Grotesk Variable,sans-serif}.design-graphic .site-header{border-bottom:2px solid var(--ink);max-width:1160px;height:114px}.design-graphic .wordmark{letter-spacing:-7px;font-family:Space Grotesk Variable,sans-serif;font-size:64px;font-weight:700}.design-graphic .submit-game-link{text-transform:uppercase;gap:20px;font-size:13px;font-weight:600}.design-graphic .game-layout{grid-template-columns:minmax(0,380px) minmax(0,570px);grid-template-areas:"intro board""guess board""notice notice";align-items:start;gap:0 95px;max-width:1120px;margin:48px auto 56px}.design-graphic .game-intro{text-align:left;margin:14px 0 0}.design-graphic .game-intro .eyebrow{letter-spacing:1.8px;margin-bottom:25px;font-size:11px;font-weight:600}.design-graphic .game-intro h1{letter-spacing:-4.7px;margin-bottom:30px;font-family:Space Grotesk Variable,sans-serif;font-size:73px;font-weight:700;line-height:.98}.design-graphic .game-intro h1>span{background:#dcf44a;margin-left:-6px;padding:2px 6px 6px;display:inline-block}.design-graphic .game-intro p{max-width:285px;font-size:14px;line-height:1.6}.design-graphic .desktop-break{display:none}.design-graphic .day-navigation{border:1px solid var(--ink);gap:0;height:51px;margin:0 0 15px}.design-graphic .day-navigation button{text-transform:uppercase;gap:8px;height:49px;padding:0 14px;font-size:12px}.design-graphic .day-navigation button:first-child{border-right:1px solid var(--ink)}.design-graphic .day-navigation button:last-child{border-left:1px solid var(--ink)}.design-graphic .selected-day{gap:10px;font-size:14px}.design-graphic .day-relative{background:#dcf44a;padding:2px 4px}.design-graphic .game-meta{margin-bottom:13px;font-size:11px}.design-graphic .board-frame{border:1px solid #20241e}.design-graphic .square.last-move:after{background:0 0;box-shadow:inset 0 0 0 3px #dcf44a}.design-graphic .square img{width:83%;height:83%}.design-graphic .replay-bar{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px}.design-graphic .replay-status{flex-direction:row;justify-content:space-between;font-size:12px}.design-graphic .replay-controls{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.design-graphic .replay-controls button{border:0;border-right:1px solid var(--ink);border-radius:0;width:100%;height:43px}.design-graphic .replay-controls button:last-child{border:0}.design-graphic .replay-controls button:hover:not(:disabled){background:#dcf44a}.design-graphic .replay-hint{margin-top:5px}.design-graphic .guess-panel{border-top:2px solid var(--ink);align-self:end;margin-top:38px;margin-bottom:34px;padding-top:24px}.design-graphic .guess-panel label{text-transform:uppercase;font-size:12px;font-weight:600}.design-graphic .guess-panel label span{font-size:11px}.design-graphic .guess-fields{grid-template-columns:1fr}.design-graphic .rating-field{border:1px solid var(--ink);background:0 0}.design-graphic .rating-field input{height:64px;font-family:inherit;font-size:35px;font-weight:500}.design-graphic .submit-guess{text-transform:uppercase;border:1px solid var(--ink);justify-content:space-between;min-height:53px;font-size:13px;font-weight:600}.design-graphic .guess-note{justify-content:flex-start;align-items:flex-start;font-size:10px}.design-graphic .guess-note svg{flex-shrink:0;margin-top:2px}.design-graphic .actual-rating{letter-spacing:-4px;font-family:Space Grotesk Variable,sans-serif;font-size:73px;font-weight:600}.design-graphic .site-footer{border-top:2px solid var(--ink);text-transform:uppercase;letter-spacing:1px;max-width:1160px;font-size:10px}.design-graphic .legal-footer{max-width:1160px}.design-graphic .locked-state{grid-template-columns:1fr}.design-graphic .locked-state .text-button{grid-column:1}.design-graphic .confirmation-icon{border-radius:0}@media (min-width:1500px){.design-graphic .game-layout{margin-top:68px;margin-bottom:75px}}@media (max-width:1000px){.design-graphic{padding-left:32px;padding-right:32px}.design-graphic .game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:40px}.design-graphic .game-intro h1{letter-spacing:-3.8px;font-size:59px}.design-graphic .guess-panel{margin-top:24px;margin-bottom:5px}.design-graphic .day-navigation button{padding:0 9px;font-size:10px}.design-graphic .selected-day{gap:5px;font-size:12px}}@media (max-width:700px){.experience{padding:0 20px 17px}.site-header{height:85px}.wordmark{font-size:47px}.submit-game-link{gap:8px;font-size:12px}.game-layout{max-width:480px;margin:28px auto 34px}.game-intro{margin-bottom:23px}.game-intro h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:36px}.game-intro .eyebrow{margin-bottom:12px;font-size:10px}.game-intro p{font-size:12px;line-height:1.7}.day-navigation{height:49px;margin-bottom:13px}.day-navigation button{gap:5px;min-height:44px;font-size:12px}.selected-day{gap:8px;font-size:13px}.game-meta{margin-bottom:9px;font-size:10px}.white-label i{width:8px;height:8px}.replay-controls button{width:39px;height:44px}.replay-status{font-size:12px}.replay-hint{font-size:10px}.replay-hint>span:last-child{display:none}.guess-panel{margin-top:20px;padding-top:18px}.guess-panel label{font-size:13px}.guess-fields{grid-template-columns:1fr 1.25fr;gap:8px}.rating-field{padding:0 12px}.rating-field input{font-size:22px}.submit-guess{gap:10px;padding:12px 10px;font-size:12px}.guess-note{font-size:10px}.site-footer{padding-top:18px;font-size:10px}.site-footer>span:last-child{display:none}.legal-footer{flex-direction:column;gap:9px;font-size:9px}.file,.rank{font-size:9px}.form-error{font-size:12px}.result-comparison strong{font-size:22px}.design-playful{padding-left:16px;padding-right:16px}.design-playful .site-header{height:86px}.design-playful .wordmark{font-size:43px}.design-playful .submit-game-link{padding:10px 13px;font-size:11px}.design-playful .game-layout{border-radius:24px;margin:8px auto 30px;padding:25px 14px 24px}.design-playful .game-intro{margin-bottom:21px}.design-playful .game-intro .eyebrow{letter-spacing:1.3px;margin-bottom:10px;font-size:9px}.design-playful .game-intro h1{letter-spacing:-1.2px;font-size:28px}.design-playful .game-intro p{font-size:11px}.design-playful .day-navigation{padding:0 10px}.design-playful .day-navigation button{font-size:11px}.design-playful .selected-day{gap:6px;font-size:12px}.design-playful .game-meta{font-size:9px}.design-playful .replay-controls button{width:44px;height:44px}.design-playful .replay-bar{gap:10px;padding-top:16px}.design-playful .replay-status{font-size:10px}.design-playful .guess-panel{margin-top:12px;padding-top:16px}.design-playful .guess-fields{grid-template-columns:1fr 1.3fr}.design-playful .rating-field{border-radius:13px;padding:0 11px}.design-playful .submit-guess{border-radius:13px;gap:7px;padding:10px;font-size:12px}.design-playful .guess-note{font-size:9px}.design-playful .guess-note svg{width:11px}.design-playful .guess-panel label{font-size:13px}.design-playful .guess-panel label span{font-size:10px}.design-graphic{padding-left:18px;padding-right:18px}.design-graphic .site-header{height:94px}.design-graphic .wordmark{letter-spacing:-6px;font-size:56px}.design-graphic .submit-game-link{gap:10px;font-size:10px}.design-graphic .game-layout{grid-template-columns:1fr;grid-template-areas:"intro""board""guess""notice";gap:0;max-width:480px;margin:24px auto 34px}.design-graphic .game-intro{grid-template-columns:1.1fr 1fr;column-gap:17px;margin:0 0 23px;display:grid}.design-graphic .game-intro .eyebrow{letter-spacing:1.4px;grid-column:1/-1;margin-bottom:18px;font-size:9px}.design-graphic .game-intro h1{letter-spacing:-2.5px;margin:0;font-size:38px;line-height:.99}.design-graphic .game-intro h1>span{margin-left:-4px;padding:2px 4px 4px}.design-graphic .game-intro p{align-self:end;margin-bottom:4px;font-size:11px;line-height:1.75}.design-graphic .day-navigation{height:48px;margin-bottom:12px}.design-graphic .day-navigation button{gap:6px;height:46px;padding:0 10px;font-size:10px}.design-graphic .selected-day{gap:6px;font-size:12px}.design-graphic .game-meta{margin-bottom:10px;font-size:10px}.design-graphic .replay-status{font-size:11px}.design-graphic .replay-controls button{height:44px}.design-graphic .replay-hint{font-size:10px}.design-graphic .guess-panel{margin:23px 0 0;padding-top:18px}.design-graphic .guess-fields{grid-template-columns:1fr 1.25fr;gap:8px}.design-graphic .rating-field input{height:55px;font-size:29px}.design-graphic .submit-guess{justify-content:center;min-height:55px;font-size:11px}.design-graphic .guess-note{justify-content:center;margin-top:11px;font-size:9px}.design-graphic .guess-panel label{font-size:11px}.design-graphic .guess-panel label span{font-size:10px}.design-graphic .site-footer{font-size:9px}.design-graphic .locked-state{grid-template-columns:27px 1fr}.design-graphic .locked-state .text-button{grid-column:2}}@media (max-width:359px){.experience{padding-left:14px;padding-right:14px}.selected-day{gap:5px;font-size:12px}.day-navigation button{font-size:11px}.day-navigation button svg{width:13px}.game-meta{font-size:9px}.replay-controls{gap:3px}.replay-controls button{width:35px}.replay-status{font-size:11px}.design-playful .game-layout{padding-left:10px;padding-right:10px}.design-playful .game-intro h1{font-size:24px}.design-playful .day-navigation{padding:0 8px}.design-playful .day-navigation button{font-size:10px}.design-playful .selected-day{gap:4px;font-size:11px}.design-graphic .game-intro h1{font-size:33px}.design-graphic .day-navigation button{padding:0 7px;font-size:9px}.design-graphic .selected-day{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.experience .day-navigation button,.experience .selected-day,.experience .guess-panel label,.experience .submit-guess,.experience .game-intro p{font-size:14px}.experience .game-meta,.experience .guess-note,.experience .move-counter{font-size:12px}.experience .replay-controls button{min-width:44px;min-height:44px}.experience .rating-field:focus-within{outline:2px solid var(--accent);outline-offset:3px}.experience .rating-field input:focus-visible{outline:0}.experience .submit-game-link{min-height:44px;font-size:14px}.experience .legal-footer{font-size:12px;line-height:1.5}.design-editorial .site-header{height:90px}.design-editorial .game-layout{max-width:450px;margin-top:25px}.design-editorial .game-intro{margin-bottom:22px}.design-playful .game-layout{max-width:560px;padding-left:48px;padding-right:48px}.design-playful .game-intro p{font-size:13px}.design-playful .game-meta{font-size:12px}.design-graphic .selected-day{font-size:14px}.experience .guess-note{text-align:center;flex-wrap:wrap;line-height:1.55}.design-graphic .guess-note{text-align:left}@media (max-width:700px){.experience .site-header{height:78px}.experience .submit-game-link{font-size:12px}.experience .legal-footer{font-size:11px}.experience .game-layout{margin-top:22px}.experience .game-intro{margin-bottom:20px}.experience .game-meta{font-size:12px}.experience .white-label{font-size:11px}.experience .replay-status,.experience .guess-note,.experience .guess-panel label>span{font-size:12px}.experience .rating-field input{font-size:22px}.experience .replay-bar{gap:8px}.experience .replay-controls{gap:2px}.experience .replay-controls button{width:44px;height:44px}.design-playful .game-layout{margin-top:6px;padding-left:14px;padding-right:14px}.design-playful .game-intro p{font-size:13px}.design-playful .day-navigation{padding:0 10px}.design-playful .selected-day{gap:5px}.design-playful .replay-controls{gap:12px}.design-graphic .game-intro p{font-size:13px;line-height:1.6}.design-graphic .day-navigation button{font-size:12px}.design-graphic .selected-day{font-size:13px}.design-graphic .replay-controls{gap:0}.design-graphic .replay-controls button{width:100%}.design-graphic .submit-guess{font-size:12px}.design-graphic .guess-note{text-align:center}}@media (max-width:359px){.experience .day-navigation button{font-size:12px}.experience .selected-day{gap:5px;font-size:12px}.experience .game-meta{font-size:11px}.experience .white-label{font-size:10px}.experience .submit-guess{font-size:12px}.experience .replay-status{font-size:11px}.experience .replay-controls{gap:0}.design-playful .replay-controls{gap:10px}.design-graphic .game-intro p{font-size:12px}.design-graphic .day-navigation button{font-size:10px}.design-graphic .selected-day{font-size:12px}.design-playful .day-navigation button{font-size:11px}.design-playful .selected-day{gap:4px;font-size:12px}}
.experience.design-club{--page:#eaedf4;--ink:#202b3a;--muted:#606878;--line:#b8c1cc66;--accent:#2448f5;--accent-strong:#183bcc;--accent-soft:#eaf0ff;--accent-focus:#2448f526;--light:#f0d9b5;--dark:#b58863;--button:var(--accent);--button-text:#fff;padding:0 32px 20px}.experience .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.experience .wordmark{letter-spacing:-1.7px;grid-column:2;font-size:34px}.experience .submit-game-link{grid-column:3;justify-self:end}.design-club .site-header{border-bottom:0;max-width:1280px;height:112px}.design-club .wordmark{letter-spacing:-2.3px;color:var(--ink);align-items:center;gap:9px;font-family:DM Sans Variable,sans-serif;font-size:44px;font-weight:750;display:flex}.design-club .submit-game-link{border:1px solid var(--line);background:#ffffff60;border-radius:7px;gap:8px;padding:10px 15px;font-weight:600}.design-club .submit-game-link:hover{opacity:1;background:#ffffffa6;border-color:#b8c1cc}.design-club .sponsor-banner{text-align:center;width:min(100%,728px);margin:0 auto}.design-club .sponsor-label{color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:400;line-height:18px}.design-club .sponsor-creative{aspect-ratio:728/90;background:#fff;border-radius:8px;width:100%;display:block;overflow:hidden}.design-club .sponsor-creative picture{width:100%;height:100%;display:block}.design-club .sponsor-creative img{object-fit:contain;width:100%;height:100%;display:block}.design-club .sponsor-creative:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@font-face{font-family:Fifth Door Bungee;src:url(/ads/fifth-door/bungee.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.design-club .fifthdoor-ad{color:#f8fcfa;text-align:left;background-color:#074030;background-image:linear-gradient(#f8fcfa0b 1px,#0000 1px),linear-gradient(90deg,#f8fcfa0b 1px,#0000 1px);background-size:22px 22px;border:1px solid #376153;border-radius:12px;grid-template-columns:142px minmax(0,1fr) auto;align-items:center;gap:22px;height:90px;padding:16px 22px;display:grid;overflow:hidden;box-shadow:0 5px 15px #07403012}.fifthdoor-brand{align-items:center;gap:10px;display:flex}.fifthdoor-brand img{filter:brightness(0)invert();flex-shrink:0;width:40px;height:40px}.fifthdoor-brand>span{max-width:88px;font-family:Fifth Door Bungee,sans-serif;font-size:19px;line-height:1.12}.fifthdoor-message{font-family:Fifth Door Bungee,sans-serif;font-size:21px;font-weight:400;line-height:1.25}.fifthdoor-cta{color:#074030;white-space:nowrap;background:#f7f1e2;border:1px solid #fff7df;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 13px;font-size:13px;font-weight:650;transition:background .16s;display:inline-flex}.fifthdoor-ad:hover .fifthdoor-cta{background:#fffaf0}.fifthdoor-ad:focus-visible{outline-color:#074030}@media (min-width:701px) and (max-width:800px){.design-club .fifthdoor-ad{grid-template-columns:130px minmax(0,1fr) auto;gap:16px;padding-inline:18px}.fifthdoor-message{font-size:19px}}.design-club .game-layout{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-areas:"day""board""guess""notice";width:100%;max-width:clamp(380px,100svh - 450px,460px);margin:0 auto 24px}.design-club .game-layout:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(145deg,#ffffffe0,#ffffff6e 50%,#ffffffab);border:1px solid #ffffffc9;border-radius:16px;position:absolute;inset:-8px -16px -18px;box-shadow:inset 0 1px #fff,0 10px 36px #4956740d}.design-club .game-layout:focus{outline:none}.design-club .game-layout:focus-visible .selected-day{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.design-club .day-deck{margin-top:16px;touch-action:pan-y pinch-zoom;cursor:default;margin-inline:-32px;padding-block:10px 18px;position:relative;overflow:hidden}.design-club .day-deck.can-swipe{cursor:grab}.design-club .day-deck-track{position:relative}.design-club .day-slide{width:100%;padding-inline:32px;display:flow-root}.design-club .day-slide.is-active{position:relative}.design-club .day-slide.is-neighbor{position:absolute;top:0}.design-club .day-slide .game-layout{transform-origin:50% 100%;backface-visibility:hidden}.design-club .day-deck.phase-dragging,.design-club .day-deck.phase-settling{-webkit-user-select:none;user-select:none;cursor:grabbing}.design-club .phase-dragging .day-deck-track,.design-club .phase-settling .day-deck-track,.design-club .phase-dragging .game-layout,.design-club .phase-settling .game-layout{will-change:transform}.design-club .phase-settling .day-deck-track{transition:transform var(--card-settle-duration) cubic-bezier(.22,.68,.2,1)}.design-club .phase-settling .day-slide .game-layout{transition:transform var(--card-settle-duration) cubic-bezier(.2,.8,.2,1.06), opacity var(--card-settle-duration) ease}@media (prefers-reduced-motion:reduce){.design-club .day-slide .game-layout{transform:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.design-club .day-heading{grid-area:day;justify-content:center;align-items:center;height:28px;margin:0 0 8px;display:flex}.design-club .board-stage{grid-area:board;min-width:0;position:relative}.design-club .board-day-navigation{pointer-events:none;position:absolute;inset:0}.design-club .board-day-navigation button{min-height:44px;color:var(--muted);pointer-events:auto;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:absolute;top:50%;translate:0 -50%}.design-club .day-newer{right:calc(100% + 20px)}.design-club .day-older{left:calc(100% + 20px)}.design-club .board-day-navigation button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.design-club .board-day-navigation button:disabled{opacity:.3}.design-club .selected-day{gap:8px}.design-club .day-relative{color:var(--ink);font-weight:600}.design-club .date-divider{color:#c6c3cb}.design-club .play-area{grid-template-columns:minmax(0,1fr);grid-template-areas:"board""toolbar";align-items:center;display:grid}.design-club .board-frame{background:var(--light);border-radius:3px;grid-area:board;padding:0;overflow:hidden;box-shadow:0 2px 8px #29292912}.design-club .square img{width:100%;height:100%}.design-club .square.light{color:#896343}.design-club .square.dark{color:#f0d9b5}.design-club .square.last-move:after{background:#9bc70069}.design-club .replay-toolbar{border-bottom:1px solid var(--line);grid-area:toolbar;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.design-club .game-meta{min-width:0;margin:0;font-size:12px}.design-club .game-meta>span{white-space:nowrap;gap:4px}.design-club .game-meta .meta-divider{padding:0 1px}.design-club .white-label{display:none}.design-club .replay-status{flex-direction:row;margin:0;display:flex}.design-club .replay-status .move-counter{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.design-club .replay-hint{display:none}.design-club .replay-controls{gap:0;padding:0}.design-club .replay-controls button{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:6px}.design-club .replay-controls button:first-child,.design-club .replay-controls button:last-child{color:var(--muted)}.design-club .replay-controls button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.design-club .replay-controls button:disabled{opacity:.25}.design-club .replay-controls svg{stroke-width:1.8px;width:20px;height:20px}.design-club .guess-panel{border:0;width:100%;margin:16px auto 0;padding:0}.design-club .guess-panel label{margin-bottom:9px;font-weight:650}.design-club .guess-panel label>span{font-size:12px;font-weight:400}.design-club .guess-fields{grid-template-columns:minmax(0,1fr);gap:10px}.design-club .rating-field{background:#ffffffbd;border:1px solid #bac4d1;border-radius:7px;padding:0 18px;transition:border-color .16s}.design-club .rating-field:hover{border-color:#98939f}.design-club .rating-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus);outline:none}.design-club .rating-field input:focus{outline:none}.design-club .rating-field input{font-variant-numeric:tabular-nums;height:54px;font-family:inherit;font-size:24px;font-weight:600}.design-club .rating-field input::placeholder{color:#9b97a1;opacity:1;font-weight:400}.design-club .rating-field>span{letter-spacing:1px;font-size:12px;font-weight:600}.design-club .submit-guess{min-height:52px;box-shadow:none;border-radius:7px;gap:10px;font-size:16px;font-weight:600}.design-club .submit-guess:hover:not(:disabled){background:var(--accent-strong);filter:none}.design-club .submit-guess:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.design-club .guess-note{text-align:center;gap:5px;margin:12px 0 0;font-size:12px}.design-club .guess-note svg{flex-shrink:0}.design-club .form-error{font-size:14px}.design-club .locked-state{grid-template-columns:28px minmax(0,1fr);gap:4px 10px;padding:4px 0 0}.design-club .confirmation-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent)}.design-club .locked-state h2{margin:1px 0 5px;font-size:18px;font-weight:600}.design-club .locked-state h2 span{font-weight:700}.design-club .locked-state p,.design-club .text-button{font-size:13px}.design-club .text-button{color:var(--accent);min-height:44px;padding:8px 0;font-weight:600;text-decoration:none}.design-club .text-button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.design-club .result-state{text-align:center;border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px 20px}.design-club .result-state>.eyebrow{color:var(--accent);font-size:12px;font-weight:650}.design-club .actual-rating{color:var(--accent);margin:12px 0 18px;font-family:inherit;font-size:52px;font-weight:700}.design-club .actual-rating>span,.design-club .result-comparison span{font-size:14px}.design-club .result-comparison strong{font-size:24px;font-weight:650}.design-club .fineprint{font-size:12px}.design-club .game-notice{background:var(--accent-soft);border-radius:7px;font-size:14px}.design-club .board-placeholder,.design-club .empty-state{border-radius:3px;grid-area:board}.design-club .empty-state h2{font-family:inherit;font-size:28px;font-weight:650}.design-club .empty-state p{font-size:16px}.design-club .game-availability{text-align:center;grid-area:guess;padding:20px 10px 2px}.design-club .game-availability h2{letter-spacing:-.3px;margin:0 0 6px;font-size:18px;font-weight:650}.design-club .game-availability p{max-width:340px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.65}.design-club .game-availability .secondary-button{color:var(--accent);border-color:#0000;border-radius:7px;margin-top:12px;font-size:13px;font-weight:600}.design-club .game-availability .secondary-button:hover{background:var(--accent-soft)}.design-club .is-waiting .board-stage{width:100%}.design-club .site-footer{display:none}.design-club .legal-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 20px;max-width:460px;margin:0 auto;font-size:12px}@media (max-width:700px){.experience .wordmark{letter-spacing:-1.4px;font-size:28px}.experience .submit-game-link{gap:5px;font-size:12px}.experience.design-club{padding:0 18px 20px}.design-club .day-deck{margin-top:12px;margin-inline:-18px}.design-club .day-slide{padding-inline:18px}.design-club .site-header{height:76px}.design-club .wordmark{letter-spacing:-1.6px;font-size:32px}.design-club .submit-game-link{padding:8px 10px;font-size:12px}.design-club .submit-game-link svg{display:none}.design-club .sponsor-banner{width:min(100%,320px);margin-top:0}.design-club .sponsor-creative{aspect-ratio:320/100}.design-club .fifthdoor-ad{grid-template-columns:minmax(0,1fr) auto;gap:10px;height:96px;padding:12px 14px}.fifthdoor-brand{gap:7px}.fifthdoor-brand img{width:27px;height:27px}.fifthdoor-brand>span{white-space:nowrap;max-width:none;font-size:12px}.fifthdoor-cta{grid-area:1/2;gap:4px;min-height:28px;padding:5px 9px;font-size:11px}.fifthdoor-cta svg{width:14px;height:14px}.fifthdoor-message{text-align:center;grid-area:2/1/auto/-1;font-size:clamp(12px,3.4vw,14px);line-height:1.3}.design-club .game-layout{max-width:420px;margin:0 auto 20px}.design-club .game-layout:before{border-radius:12px;inset-inline:-8px}.design-club .board-stage{justify-self:center;width:min(100%,100vw - 96px)}.design-club .is-waiting .board-stage:has(.board-day-navigation){width:min(100%,100vw - 96px)}.design-club .board-day-navigation button{flex-direction:column;gap:5px;width:44px;min-height:54px;padding:5px 0;font-size:12px}.design-club .day-newer{right:calc(100% + 2px)}.design-club .day-older{left:calc(100% + 2px)}.design-club .day-older svg{order:-1}.design-club .guess-panel{margin-top:14px}.design-club .game-meta{font-size:12px}.design-club .rating-field input{font-size:24px}.design-club .submit-guess{font-size:16px}.design-club .legal-footer{font-size:12px}}@media (max-width:420px){.design-club .game-meta .category,.design-club .game-meta .meta-divider{display:none}.design-club .replay-toolbar{gap:8px}.experience .wordmark{font-size:24px}.experience .submit-game-link{text-transform:none;border:0;padding:8px 0;font-size:12px}.experience .submit-game-link svg{display:none}.design-club .wordmark{font-size:30px}.design-club .submit-game-link{background:0 0;border:0;padding-left:0;padding-right:0}}@media (max-width:359px){.experience.design-club{padding-left:12px;padding-right:12px}.design-club .day-deck{margin-inline:-12px}.design-club .day-slide{padding-inline:12px}.design-club .wordmark{font-size:28px}.design-club .selected-day{font-size:13px}.design-club .game-meta>span{gap:3px}.design-club .game-meta{font-size:12px}.design-club .meta-divider{padding:0}.design-club .replay-controls{gap:0}.design-club .replay-controls button{width:44px}}
.wordmark{align-items:center;max-width:100%;min-height:44px;display:inline-flex}.brand-logo{aspect-ratio:1735/536;flex-shrink:0;width:260px;max-width:100%;display:block;position:relative;overflow:hidden}.brand-logo img{-webkit-user-select:none;user-select:none;width:114.294%;max-width:none;height:auto;display:block;position:absolute;top:-24.4403%;left:-7.37752%}.utility-page>.wordmark .brand-logo{width:260px}.admin-header .brand-logo{width:220px}@media (max-width:700px){.site-header .brand-logo{width:min(220px,100vw - 248px)}}@media (max-width:550px){.admin-header>div{flex-direction:column;align-items:flex-start;gap:8px}.admin-header .brand-logo{width:min(190px,100vw - 150px)}.admin-header button{flex-shrink:0}}@media (max-width:420px){.site-header .brand-logo{width:min(180px,100vw - 208px)}}@media (max-width:359px){.site-header .brand-logo{width:calc(100vw - 192px)}}
.app-shell{background:#f7f5ef;flex-direction:column;min-height:100dvh;display:flex}.app-shell:has(.design-club){background:#eaedf4}.app-shell:has(.design-playful){background:#edf0fa}.app-shell:has(.design-graphic){background:#f5f4ed}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-content>.experience{flex:1;width:100%;min-height:0}.app-content>.utility-page,.app-content>.admin-shell,.app-content>.design-index{width:100%;margin-block:0}.app-footer{padding:20px 18px max(24px, env(safe-area-inset-bottom));color:#6d6b72;flex-shrink:0}.app-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 20px;display:flex}.app-footer-policies{gap:20px;display:inline-flex}.app-footer a{white-space:nowrap;text-underline-offset:3px;align-items:center;min-height:44px;font-size:12px;line-height:1.5;text-decoration:underline;display:inline-flex}.app-footer a:hover{color:#292929}.app-footer a:focus-visible{outline-offset:4px;border-radius:2px;outline:3px solid #2448f5}.app-shell:has(.design-club) .app-footer{color:#606878}