@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-latin.woff2)format("woff2");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:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color:#191d18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#fcf9f8;font-family:Hanken Grotesk,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100svh}button{font:inherit}.training-screen{box-sizing:border-box;flex-direction:column;min-height:100svh;padding:28px clamp(20px,5vw,72px) 24px;display:flex}.training-header,.brand,.progress-block,.board-caption,.training-footer{align-items:center;display:flex}.training-header{justify-content:space-between;width:min(100%,1180px);margin:0 auto}.brand{color:#171915;gap:11px;font-size:16px;font-weight:800;text-decoration:none}.brand-mark{color:#f8f7ef;background:#19251d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;font-weight:800;display:grid}.progress-block{flex-direction:column;align-items:flex-end;gap:6px;width:96px}.progress-count{color:#19251d;font-size:18px;font-weight:800;line-height:1}.progress-count span{color:#8c9087;font-size:13px;font-weight:600}.progress-track{background:#e4e4dc;border-radius:4px;width:100%;height:4px;overflow:hidden}.progress-track span{background:#d6a944;height:100%;transition:width .18s;display:block}.training-main{width:min(100%,620px);margin:auto;padding:44px 0 28px}.puzzle-heading{text-align:left;margin-bottom:22px}.eyebrow,.footer-label{color:#72796e;letter-spacing:1.4px;font-size:10px;font-weight:800}.puzzle-heading h1{color:#191d18;letter-spacing:0;margin:7px 0 4px;font-size:clamp(24px,4vw,30px);font-weight:800;line-height:1.12}.puzzle-heading p{color:#72796e;font-size:14px}.board-frame{aspect-ratio:1;background:#fff;border:2px solid #191d18;border-radius:18px;width:100%;overflow:hidden;box-shadow:7px 7px #d7d7ca}.board-caption{color:#42483f;gap:9px;margin-top:18px;font-size:13px;font-weight:600}.turn-dot{border:1px solid #a7a99f;border-radius:50%;width:12px;height:12px}.turn-dot.white{background:#fff;box-shadow:inset 0 0 0 2px #fff}.turn-dot.black{background:#242722}.caption-divider{background:#d9dad2;width:1px;height:14px;margin:0 2px}.puzzle-id{color:#8b8f85;font-size:12px;font-weight:500}.wrong-indicator{color:#c63e38;place-items:center;width:20px;height:20px;display:grid}.wrong-indicator svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:18px;height:18px}.training-footer{justify-content:space-between;width:min(100%,620px);margin:0 auto}.icon-button{color:#191d18;cursor:pointer;background:0 0;border:2px solid #191d18;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.icon-button:hover{background:#f0efe7}.icon-button:active{box-shadow:none;transform:translate(2px,2px)}.icon-button:focus-visible{outline-offset:3px;outline:3px solid #d6a944}.icon-button:disabled{cursor:not-allowed;opacity:.4}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.next-button{color:#fff;background:#19251d;box-shadow:4px 4px #d6a944}.next-button:hover{background:#29392e}@media (width<=600px){.training-screen{min-height:100svh;padding:18px 18px 22px}.training-main{padding:28px 0 24px}.puzzle-heading{margin-bottom:17px}.puzzle-heading p{font-size:13px}.board-frame{border-radius:12px;box-shadow:5px 5px #d7d7ca}.icon-button{width:48px;height:48px}}