@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:root{--c-paper: #DCC66C;--c-ink: #1C1814;--c-faint: #B5A255;--font-stack: "Jost", "Futura", sans-serif;--border-r: 6px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{margin:0;padding:0;background-color:var(--c-paper);color:var(--c-ink);font-family:var(--font-stack);height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color .6s ease,color .6s ease;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}.app__container{flex:1;padding:20px 60px 20px 20px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));display:flex;flex-direction:column;align-items:flex-start;height:100vh;height:100dvh}@media(hover:none)and (pointer:coarse){.app__container{padding-top:calc(44px + 16px + var(--safe-top))}}.ruler{position:absolute;right:0;top:0;bottom:0;width:40px;background:transparent;border-left:2px solid var(--c-ink);z-index:10;pointer-events:none;overflow:hidden;transition:border-color .6s ease}.ruler__number{position:absolute;right:45px;transform:rotate(-90deg);transform-origin:center right;font-weight:800;font-size:14px;letter-spacing:1px}.ruler__tick{position:absolute;right:0;background:var(--c-ink)}.ruler__tick--major{width:100%;height:3px}.ruler__tick--minor{width:50%;height:2px}.ruler__tick--micro{width:25%;height:1px}.header{width:100%;margin-bottom:12px;border-bottom:2px solid var(--c-ink);padding-bottom:8px;transition:border-color .6s ease}.header__title{font-size:24px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin:0;line-height:1}.header__subtitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;opacity:.9}.stats{width:100%;font-size:12px;font-weight:500;margin-bottom:12px;line-height:1.4}.stats__row{display:flex;justify-content:space-between}.stats__label{font-weight:700}.game-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:auto 0;position:relative}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:0;border:4px solid var(--c-ink);transition:border-color .6s ease}.square{position:relative;border:2px solid var(--c-ink);display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;cursor:pointer;background:transparent;appearance:none;-webkit-appearance:none;padding:0;margin:0;border-radius:0;color:var(--c-ink);font-family:var(--font-stack);outline:none;transition:border-color .6s ease,color .6s ease}.square:disabled{cursor:default}.square__mark{display:inline-block;filter:contrast(150%);animation:stamp .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes stamp{0%{transform:scale(1.5);opacity:0}to{transform:scale(1) rotate(var(--mark-rotation, 0deg));opacity:.95}}.strike-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.strike-path{stroke:var(--c-ink);stroke-width:8;stroke-linecap:round;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.9}.strike-path--animate{animation:drawLine .4s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.app__reset{margin-top:12px;width:100%;background:transparent;border:2px solid var(--c-ink);color:var(--c-ink);padding:10px 12px;font-family:var(--font-stack);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.1em;cursor:pointer;border-radius:var(--border-r);transition:border-color .6s ease,color .6s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;line-height:1}.app__reset:active{background:var(--c-ink);color:var(--c-paper)}.app__reset-fill{position:absolute;top:0;left:0;height:100%;width:0;background:var(--c-ink);opacity:.15;z-index:-1;animation:fillBar 3s linear forwards;border-radius:var(--border-r)}@keyframes fillBar{0%{width:0}to{width:100%}}.app__reset--filling{border-style:dashed}.specs{margin-top:auto;width:100%;font-size:9px;line-height:1.25}.specs__title{font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.specs__item{display:flex;gap:6px;margin-bottom:2px}.specs__num{font-weight:700;min-width:18px}.specs__divider{border-top:1px solid var(--c-ink);opacity:.3;margin:5px 0}.specs__link{color:var(--c-ink);text-decoration:underline;text-underline-offset:2px;transition:opacity .15s}.specs__link:active{opacity:.5}