*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.game-body--weave{--bg: #06060A;--violet: #7C5CFC;--teal: #2DD4BF;--white: #F0F0F5;--muted: rgba(240,240,245,.45);--subtle: rgba(240,240,245,.1)}body{background:var(--bg);color:var(--white);font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.compass-icon{width:28px;height:28px}.nav-wordmark{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em}.nav-wordmark .beav{color:var(--white)}.nav-wordmark .kat{background:linear-gradient(135deg,var(--violet),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-back{font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.04em;transition:color .2s}.nav-back:hover{color:var(--white)}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;padding:90px 16px 80px;gap:0}.game-header{text-align:center;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.game-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:36px;color:var(--white)}#phraseDisplay{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;min-height:36px}.phrase-chip{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px;border:1px solid var(--subtle);color:#f0f0f540;transition:all .4s ease}.phrase-chip.found{background:#7c5cfc1f;border-color:#7c5cfc66;color:var(--white)}#progressInfo{font-size:12px;color:var(--muted);letter-spacing:.06em;margin-bottom:16px}#gridWrap{width:100%;position:relative;display:flex;justify-content:center;margin-bottom:16px;user-select:none;touch-action:none}#steve-weave{position:absolute;right:0;bottom:-14px;width:68px;height:68px;object-fit:contain;pointer-events:none;z-index:20;filter:drop-shadow(0 4px 18px rgba(124,92,252,.35));animation:steveFloat 3.2s ease-in-out infinite}#steve-weave.bounce{animation:steveBounce .5s ease-out forwards}#steve-weave.celebrate{animation:steveCelebrate .7s ease-out forwards}.steve-ov-sprite{width:72px;height:72px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 4px 20px rgba(124,92,252,.4));animation:steveFloat 3.2s ease-in-out infinite}@keyframes steveFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes steveBounce{0%{transform:scale(1) rotate(-2deg)}25%{transform:scale(1.22) rotate(4deg)}55%{transform:scale(.92) rotate(-3deg)}75%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(-2deg)}}@keyframes steveCelebrate{0%{transform:scale(1) rotate(-2deg)}20%{transform:scale(1.3) rotate(-8deg) translateY(-6px)}40%{transform:scale(1.3) rotate(8deg) translateY(-6px)}60%{transform:scale(1.2) rotate(-4deg) translateY(-4px)}80%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(-2deg)}}#grid{display:grid;gap:3px}.cell{display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;color:#f0f0f58c;background:#f0f0f50a;border:1px solid rgba(240,240,245,.06);border-radius:6px;cursor:pointer;transition:background .15s,color .15s;aspect-ratio:1}.cell.selecting{background:#7c5cfc2e;border-color:#7c5cfc66;color:var(--white)}.cell.found-cell{background:#2dd4bf1a;border-color:#2dd4bf4d;color:var(--white)}.cell.found-cell.selecting{background:#2dd4bf33}#selectionDisplay{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em;color:#7c5cfce6;min-height:24px;text-align:center;margin-bottom:8px;text-transform:uppercase;transition:opacity .2s}#hintText{font-size:12px;color:#f0f0f533;text-align:center;letter-spacing:.04em}.overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:40px 24px;transition:opacity .7s ease}.overlay.hidden{opacity:0;pointer-events:none}.ov-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.ov-title{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:48px;color:var(--white);margin-bottom:12px}.ov-sub{font-size:15px;color:var(--muted);max-width:300px;line-height:1.6;margin-bottom:48px}.puzzle-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:36px;width:100%;max-width:340px}.puzzle-opt{background:none;border:1px solid var(--subtle);color:var(--muted);font-family:Inter,sans-serif;font-size:13px;line-height:1.5;padding:11px 16px;border-radius:12px;cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-align:left}.puzzle-opt:hover{border-color:#7c5cfc66;color:var(--white);background:#7c5cfc0f}.puzzle-opt.selected{border-color:#7c5cfc80;color:var(--white);background:#7c5cfc1a}.puzzle-opt-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f0f0f54d;margin-bottom:3px}.btn-start{background:none;border:1px solid rgba(240,240,245,.2);color:var(--white);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;border-radius:100px;cursor:pointer;transition:border-color .2s,background .2s}.btn-start:hover{border-color:#f0f0f580;background:#f0f0f50d}#winOverlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060af2;text-align:center;padding:40px 24px;opacity:0;pointer-events:none;transition:opacity 1s ease}#winOverlay.visible{opacity:1;pointer-events:all}.win-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.win-phrase{font-family:Fraunces,serif;font-weight:300;font-style:italic;font-size:26px;color:var(--white);margin-bottom:8px;max-width:380px;line-height:1.4}.win-stats{font-size:13px;color:var(--muted);margin-bottom:28px}.reveal-wrap{max-width:380px;margin-bottom:32px}.reveal-divider{width:36px;height:1px;background:var(--subtle);margin:0 auto 16px}.reveal-btn{background:none;border:none;color:var(--muted);font-size:13px;letter-spacing:.06em;cursor:pointer;font-family:Inter,sans-serif;transition:color .2s}.reveal-btn:hover{color:var(--white)}.reveal-text{max-width:360px;overflow:hidden;max-height:0;opacity:0;transition:max-height .7s ease,opacity .7s ease}.reveal-text.open{max-height:180px;opacity:1}.ancient-body{font-family:Fraunces,serif;font-weight:300;font-size:14px;line-height:1.7;color:var(--muted);margin-top:12px}.ancient-source{font-size:11px;letter-spacing:.1em;color:#f0f0f540;text-transform:uppercase;margin-top:8px}.win-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--teal));border:none;color:#0a0a12;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer}.btn-ghost{background:none;border:1px solid rgba(240,240,245,.2);color:var(--white);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 28px;border-radius:100px;cursor:pointer;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:#f0f0f580}