:root{--primary: #C45A2C;--primary-dark: #9E3A1C;--primary-light: #D97A52;--dark: #1C1917;--light: #F5EDE0;--surface: #E8DDD0;--surface-alt: #DDD0C0;--text: #1C1917;--text-light: #F5EDE0;--text-muted: #78716C;--color-match: #4ADE80;--color-partial: #FACC15;--color-miss: #D6D3D1;--font-retro: "Press Start 2P", monospace;--font-body: "Teko", sans-serif;--text-pixel-xs: .625rem;--text-pixel-sm: .75rem;--text-pixel-md: 1rem;--text-pixel-lg: 1.5rem;--text-pixel-xl: 2rem;--text-pixel-2xl: 2.5rem;--text-body-sm: 1rem;--text-body-md: 1.25rem;--text-body-lg: 1.5rem;--text-body-xl: 1.75rem;--text-body-2xl: 2rem;--gap: 8px;--radius: 2px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--border-w: 3px;--shadow-extrude: 4px 4px 0px var(--dark);--shadow-flat: 0px 0px 0px var(--dark);--shadow-cell: 3px 3px 0px var(--dark);--board-cols: minmax(0, 2.5fr) minmax(0, .7fr) minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, 1.1fr)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{font-family:var(--font-body);font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:.02em;color:var(--text);background:repeating-linear-gradient(90deg,transparent,transparent 88px,rgba(26,22,20,.06) 88px,rgba(26,22,20,.06) 90px),repeating-linear-gradient(180deg,transparent,transparent 2px,rgba(180,140,100,.06) 2px,rgba(180,140,100,.06) 3px,transparent 3px,transparent 7px,rgba(160,120,80,.04) 7px,rgba(160,120,80,.04) 8px),repeating-linear-gradient(177deg,transparent,transparent 11px,rgba(150,110,70,.05) 11px,rgba(150,110,70,.05) 14px,transparent 14px,transparent 29px,rgba(170,130,90,.04) 29px,rgba(170,130,90,.04) 31px),repeating-linear-gradient(181deg,#f5ede000,#dcc3a014,#f5ede000 80px),linear-gradient(180deg,var(--light) 0%,#F0E5D5 30%,#EDE0CE 50%,#F0E5D5 70%,var(--light) 100%);background-color:var(--light);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-retro);line-height:1.4;letter-spacing:.02em;text-transform:uppercase}h1{font-size:var(--text-pixel-lg)}h2{font-size:var(--text-pixel-md)}h3{font-size:var(--text-pixel-sm)}h4{font-size:var(--text-pixel-xs)}p{font-family:var(--font-body);font-size:var(--text-body-md);font-weight:500}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}.app-wrapper{max-width:560px;margin:0 auto;padding:0 16px;width:100%}.btn{font-family:var(--font-retro);font-size:var(--text-pixel-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--primary);color:var(--text-light);border:var(--border-w) solid var(--dark);padding:12px 24px;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-extrude);transform:translate(-4px,-4px);transition:box-shadow .1s ease-in-out,transform .1s ease-in-out;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px}.btn:hover,.btn:active{box-shadow:var(--shadow-flat);transform:translate(0)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-flat);transform:translate(0)}.btn-secondary{background:var(--surface);color:var(--text)}.btn-small{font-size:.5rem;padding:8px 14px;min-height:40px}.card{background:#fff;border:var(--border-w) solid var(--dark);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-extrude);transform:translate(-4px,-4px)}.cell-green{background:var(--color-match);color:var(--dark)}.cell-yellow{background:var(--color-partial);color:var(--dark)}.cell-miss{background:var(--color-miss);color:var(--dark)}.cell-empty{background:#ffffff40;color:#1c191726}@keyframes slamIn{0%{transform:translateY(-10px);box-shadow:10px 10px 0 var(--dark);opacity:0}to{transform:translateY(0);box-shadow:var(--shadow-cell);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slam{animation:slamIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-bounce{animation:bounce 1.5s ease-in-out infinite}.text-muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:400px){:root{--gap: 2px}.app-wrapper{padding:0 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}