@font-face{font-family:Inter;src:url('../../fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../../fonts/inter-600.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('../../fonts/inter-tight-700.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('../../fonts/inter-tight-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#f7f8f5;--ink:#183c34;--muted:#59665f;--line:#dce3d8;--green:#e5eddb;--accent:#c97e38}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c58c45;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Inter Tight',Inter,Arial,sans-serif;line-height:1.16;letter-spacing:-.025em}h2{font-size:29px;font-weight:700}h3{font-size:20px;font-weight:700}.shell{max-width:1040px;width:calc(100% - 80px);margin-inline:auto}.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;font-family:'Inter Tight',Arial,sans-serif;font-size:31px;letter-spacing:-1.5px;font-weight:800;line-height:1;white-space:nowrap}.brand:hover{text-decoration:none}.brand-dot{color:#8b9f60}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#e6ed99;border-radius:9px;width:33px;height:34px;font-family:Georgia,serif;font-size:36px;line-height:31px;margin-right:9px}.site-header nav{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600}.site-header nav>a{margin-right:12px}.site-header nav>a span{margin-left:8px}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #d6dfd0;background:transparent;border-radius:10px;font-weight:600;font-size:20px}.icon-button:hover{background:var(--green)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.game-page-heading{max-width:760px;margin:30px auto 0}.game-page-heading h1{font-size:32px;line-height:1.16;letter-spacing:-.8px}.game-page-heading>p{font-size:16px;color:var(--muted);margin-top:12px}.game-page-footer{padding:28px 0;font-size:13px;color:var(--muted)}
.skip{position:fixed;top:-80px;left:10px;z-index:200;background:var(--ink);color:#fff;padding:10px}.skip:focus{top:10px}
@media(min-width:1280px){.shell{width:calc(100% - 360px)}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:70px}.brand{font-size:27px}.brand-mark{width:29px;height:30px;font-size:32px}.site-header nav{font-size:13px;gap:8px}.game-page-heading h1{font-size:28px}.game-page-heading>p{font-size:15px}}

/* Shared vector wordmark and puzzle-piece monogram. */
.brand .brand-lockup{display:block;width:174px;height:auto;max-width:100%}.brand{flex-shrink:0}.site-footer .brand .brand-lockup,.footer-top .brand .brand-lockup{width:152px}@media(max-width:760px){.brand .brand-lockup{width:143px}.site-footer .brand .brand-lockup,.footer-top .brand .brand-lockup{width:134px}}