.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F4F0;--ink: #111111;--ink-mid: #555555;--ink-light: #888888;--accent: #FF4500;--accent-light: #FFDAB9;--rule: #111111;--shadow-color: #111111;--font-serif: "Lora", Georgia, serif;--font-sans: "Space Grotesk", system-ui, sans-serif;--max-w: 860px;--pad: clamp(1.25rem, 5vw, 3rem);--border-w: 3px;--paper: var(--bg);--paper-dark: #E8E8E0}:root.dark{--bg: #1A1A1A;--ink: #F4F4F0;--ink-mid: #AAAAAA;--ink-light: #777777;--accent: #FF6347;--accent-light: #5A2A1A;--rule: #F4F4F0;--shadow-color: #000000;--paper: var(--bg);--paper-dark: #222222}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100dvh;display:flex;flex-direction:column;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-color:var(--bg);background-image:url(/topography.svg),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.04'/%3E%3C/svg%3E");background-size:600px,auto;background-repeat:repeat,repeat;opacity:1}main,footer{position:relative;z-index:1}header{position:relative;z-index:1001;display:flex;align-items:center;justify-content:space-between;padding:2rem 0 1.5rem;border-bottom:var(--border-w) solid var(--rule);margin-bottom:3.5rem;transition:border-bottom-color .4s}body.menu-open header{border-bottom-color:transparent}.wordmark{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--bg);background:var(--ink);padding:.2rem .8rem;border:var(--border-w) solid var(--rule);box-shadow:4px 4px 0 var(--shadow-color);letter-spacing:-.05em;text-decoration:none;transition:transform .1s,box-shadow .1s}.wordmark:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color)}.wordmark:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow-color)}.header-controls{display:flex;align-items:center;gap:.75rem}.desktop-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{font-family:var(--font-sans);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mid);text-decoration:none;padding:.3rem .6rem;border:2px solid transparent;transition:all .2s}.nav-link:hover{color:var(--ink);border-color:var(--rule);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--shadow-color);background:var(--bg)}.nav-link.active{color:var(--bg);background:var(--ink);border-color:var(--rule)}.theme-toggle{background:var(--bg);border:var(--border-w) solid var(--rule);padding:.4rem;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .1s;box-shadow:3px 3px 0 var(--shadow-color)}.theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--shadow-color)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow-color)}.theme-toggle .moon{display:block}.theme-toggle .sun{display:none}:root.dark .theme-toggle .sun{display:block}:root.dark .theme-toggle .moon{display:none}.menu-toggle{background:var(--bg);border:var(--border-w) solid var(--rule);padding:.5rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--shadow-color);transition:all .1s;z-index:1001}.burger{width:1.25rem;height:1rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.burger span{display:block;width:100%;height:2px;background:var(--ink);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-toggle.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open .burger span:nth-child(2){opacity:0}.menu-toggle.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease;transform:translateY(-20px);pointer-events:none;background:var(--bg)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mobile-menu-inner{display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%}.mobile-nav-link{font-family:var(--font-sans);font-size:2rem;font-weight:700;color:var(--ink);text-decoration:none;text-transform:uppercase;transition:all .2s;padding:.5rem 1rem;border:var(--border-w) solid transparent}.mobile-nav-link:hover{border-color:var(--rule);box-shadow:6px 6px 0 var(--shadow-color);transform:translate(-4px,-4px)}.mobile-nav-link.active{background:var(--ink);color:var(--bg)}body.menu-open{overflow:hidden}main{flex:1}footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-top:5rem;border-top:var(--border-w) solid var(--rule);font-size:.85rem;color:var(--ink-mid);font-family:var(--font-sans);font-weight:600}.dim{color:var(--ink-light)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:fade-in .4s cubic-bezier(.16,1,.3,1) both}.page-header{margin-bottom:3.5rem;padding-bottom:1.5rem;border-bottom:var(--border-w) solid var(--rule)}.page-header h1{font-family:var(--font-sans);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--ink);margin-bottom:.5rem;text-transform:uppercase}.page-header p{font-family:var(--font-serif);font-size:1.1rem;color:var(--ink-mid);font-style:italic}.game-header{margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:var(--border-w) solid var(--rule)}.game-header .back{display:inline-block;margin-bottom:1rem;font-family:var(--font-sans);font-weight:800;text-transform:uppercase;font-size:.75rem;text-decoration:none;color:var(--ink);border:2px solid var(--rule);padding:.2rem .6rem;background:var(--bg);box-shadow:2px 2px 0 var(--rule);transition:all .1s}.game-header .back:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--accent)}.game-title-row h1{font-family:var(--font-sans)!important;font-size:clamp(2rem,6vw,3.5rem)!important;font-weight:800!important;font-style:normal!important;text-transform:uppercase;letter-spacing:-.03em;line-height:1;color:var(--ink)}.game-wrap{border:var(--border-w) solid var(--rule)!important;box-shadow:8px 8px 0 var(--shadow-color)!important;background:var(--bg)!important;border-radius:0!important;padding:2rem!important}.start-btn,.game-btn,.overlay button{background:var(--accent)!important;color:#fff!important;border:var(--border-w) solid var(--rule)!important;box-shadow:4px 4px 0 var(--shadow-color)!important;border-radius:0!important;font-family:var(--font-sans)!important;font-weight:800!important;text-transform:uppercase!important;padding:1rem 2rem!important;cursor:pointer!important;transition:all .1s!important;text-decoration:none!important;display:inline-block!important}.start-btn:hover,.game-btn:hover,.overlay button:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--shadow-color)!important}.start-btn:active,.game-btn:active,.overlay button:active{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--shadow-color)!important}.score-wrap{font-family:var(--font-sans)!important;font-weight:700!important;text-transform:uppercase!important;font-size:.9rem!important;background:var(--accent-light);border:2px solid var(--rule);padding:.4rem .8rem;color:var(--ink)}.overlay{background:var(--bg)!important;border:var(--border-w) solid var(--rule)!important;border-radius:0!important}.overlay-title{font-family:var(--font-sans)!important;font-weight:800!important;text-transform:uppercase!important;font-style:normal!important;font-size:3rem!important;color:var(--ink)!important}.tile,.key,.cell,.card,.letter,.slot,.wordle-row,.kb-row{border-radius:0!important;border-width:2px!important;box-shadow:2px 2px 0 var(--rule)!important}.hint{font-family:var(--font-sans)!important;font-weight:700!important;text-transform:uppercase!important;font-size:.7rem!important;color:var(--ink-mid)!important;margin-top:2rem!important;letter-spacing:.05em!important}.prose a,.inline-link{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);font-weight:600;transition:all .2s;background:transparent}.prose a:hover,.inline-link:hover{background:var(--accent);color:#fff;border-color:var(--ink)}@media (max-width: 800px){.desktop-nav{display:none}.menu-toggle{display:flex}header{padding:1.5rem 0}}