@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Mono:wght@400;700&display=swap";:root{--canvas: #F4ECDD;--surface: #FBF6EC;--surface-2: #F0E6D3;--border: #E1D3BA;--border-2: #D2BF9F;--ink: #2F2620;--ink-2: #6E5F4F;--ink-3: #9C8B76;--line: #2F2620;--terracotta: #C0613B;--terracotta-dark: #9E4A29;--terracotta-soft: #F0D7C7;--burnt: #D98A3D;--sand: #E6C485;--forest: #5F7A56;--forest-dark: #4A6143;--forest-soft: #DCE4D2;--prox-far: #6E948A;--prox-warm: #D6A53F;--prox-hot: #CF7B33;--prox-burning: #B23A2E;--prox-win: #5F7A56;--scrim: rgba(35,28,23,.82);--scanline: rgba(47,38,32,.025);--scanline-crt: rgba(47,38,32,.06);--scanline-blend: multiply;--font-display: "Press Start 2P", system-ui, sans-serif;--font-pixel: "Press Start 2P", system-ui, sans-serif;--font-sans: "Nunito", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 38px;--text-3xl: 52px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 2px;--r-md: 2px;--r-lg: 3px;--r-xl: 3px;--r-pill: 3px;--px-w: 3px;--px-frame: var(--px-w) solid var(--line);--shadow-sm: 2px 2px 0 var(--line);--shadow-md: 4px 4px 0 var(--line);--shadow-lg: 7px 7px 0 var(--line);--ease-out: cubic-bezier(.22,.61,.36,1);--ease-step: steps(4, end);--ease-bounce: cubic-bezier(.34,1.56,.64,1);--t-fast: 90ms;--t-med: .2s;color-scheme:light}:root[data-theme=dark]{--canvas: #17120D;--surface: #211A14;--surface-2: #2B231B;--border: #3A2E22;--border-2: #4A3B2C;--ink: #F4ECDD;--ink-2: #CDBA9D;--ink-3: #93826C;--line: #E7D6B8;--terracotta: #D77548;--terracotta-dark: #E08A5E;--terracotta-soft: #4A2A1C;--forest: #7E9B73;--forest-dark: #9DB791;--forest-soft: #2A3525;--scrim: rgba(8,6,4,.86);--scanline: rgba(255,255,255,.022);--scanline-crt: rgba(255,255,255,.05);--scanline-blend: screen;color-scheme:dark}.cd-display{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.35;color:var(--ink)}.cd-h1{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.4;color:var(--ink)}.cd-h2{font-family:var(--font-display);font-weight:400;font-size:15px;line-height:1.5;color:var(--ink)}.cd-h3{font-family:var(--font-sans);font-weight:800;font-size:var(--text-md);line-height:1.2;color:var(--ink)}.cd-body{font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);line-height:1.55;color:var(--ink-2)}.cd-small{font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);color:var(--ink-2)}.cd-label{font-family:var(--font-pixel);font-weight:400;font-size:9px;line-height:1.6;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3)}.cd-mono{font-family:var(--font-mono);font-weight:700;color:var(--ink)}.cd-mono-lg{font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);color:var(--ink)}.px-frame{background:var(--surface);border:var(--px-frame);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.cd-crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--scanline-crt) 0px,var(--scanline-crt) 1px,transparent 2px,transparent 3px);mix-blend-mode:var(--scanline-blend);border-radius:inherit}*{box-sizing:border-box}html,body{margin:0}:root{--app-pad-y: 32px;--app-pad-x: 20px;--content-maxw: 1180px;--grid-min: 168px;--grid-gap: 16px}@media(max-width:600px){:root{--app-pad-y: 14px;--app-pad-x: 12px;--grid-min: 128px;--grid-gap: 10px}}@media(max-width:400px){:root{--app-pad-y: 10px;--app-pad-x: 8px;--grid-min: 116px;--grid-gap: 8px}}html,body{max-width:100%;overflow-x:hidden}body{background:var(--canvas);position:relative;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;font-family:var(--font-sans)}.cd-app{min-height:100vh;min-height:100dvh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,var(--scanline) 0px,var(--scanline) 1px,transparent 2px,transparent 4px);mix-blend-mode:var(--scanline-blend)}@keyframes cdPop{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes cdRowIn{0%{transform:translateY(-9px) scale(.98)}to{transform:none}}@keyframes cdStepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cdShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}input::placeholder{color:var(--ink-3);opacity:1}button{font-family:inherit}a{color:inherit}:focus-visible{outline:var(--px-w) solid var(--terracotta);outline-offset:2px}.cd-shell{width:100%;max-width:var(--content-maxw);margin:0 auto;padding:var(--app-pad-y) var(--app-pad-x)}@media(max-width:720px){.puzzle-grid{grid-template-columns:1fr!important}}.cd-display,.cd-h1,.cd-h2,.cd-h3{overflow-wrap:anywhere}html{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:var(--border-2) var(--surface-2)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-2);border:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border-2);border:3px solid var(--surface-2);border-radius:var(--r-sm)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}::-webkit-scrollbar-thumb:active{background:var(--terracotta)}::-webkit-scrollbar-corner{background:var(--surface-2)}.cd-hscroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cd-hscroll::-webkit-scrollbar{height:8px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cd-segmented{max-width:100%}@media(max-width:600px){.cd-segmented button{padding:8px 10px!important;font-size:11px!important}.cd-shell{padding-bottom:calc(var(--app-pad-y) + env(safe-area-inset-bottom))}}@media(max-width:560px){.cd-modal-scrim{padding:0!important}.cd-modal{width:100%!important;max-height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important}.cd-modal>.cd-modal-body{padding:var(--sp-4)!important}}
