:root{--bg-page: #ffffff;--primary: #a2e436;--primary-subtle: #ecfad7;--primary-border-subtle: #daf4af;--accent: #be82fa;--ink: #000000;--surface: #ffffff;--surface-alt: #f8f9fa;--border: #000000;--hard-shadow: 3px 3px 0 0 #000;--hard-shadow-lg: 6px 6px 0 0 #000;--text-main: #212529;--text-muted: rgba(33, 37, 41, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--bs-font-sans-serif);background:var(--bg-page);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,var(--primary-subtle),transparent 45%),radial-gradient(circle at 85% 90%,#f3e8ff,transparent 45%);z-index:-1;pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-alt);border-left:2px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent)}header{padding:1.25rem 0;margin-bottom:2rem;border-bottom:2px solid var(--border);background:var(--surface);width:100%}.logo{font-size:1.8rem;font-weight:700;color:var(--ink);background:var(--primary);border:2px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow);padding:.25rem .9rem;letter-spacing:-.5px;text-decoration:none;display:inline-block}.logo:hover{color:var(--ink);transform:translate(1px,1px);box-shadow:2px 2px #000}.score-board{display:flex;gap:1rem;font-weight:600;align-items:center}.score-item{background:var(--surface);border:2px solid var(--border);border-radius:.375rem;box-shadow:var(--hard-shadow);padding:.35rem .8rem}.score-item span{color:var(--ink);background:var(--primary-subtle);border:1px solid var(--border);border-radius:.25rem;padding:0 .4rem;margin-left:.5rem}.sidebar{background:var(--surface);border:2px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:fit-content}.hint-group h3{font-size:.8rem;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.hint-tag{display:inline-block;background:var(--primary-subtle);color:var(--ink);padding:.35rem .7rem;border-radius:.25rem;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-right:.5rem;border:2px solid var(--border)}.game-board{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.prompt{text-align:center}.prompt h2{font-size:2rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}.prompt span{color:var(--ink);background:var(--primary);font-weight:700}.suggestions{display:flex;gap:0;justify-content:center;flex-wrap:nowrap;width:100%;max-width:1200px;margin:0 auto;padding:0}.suggestion-wrapper{flex:0 1 200px;min-width:60px;height:300px;position:relative;transition:flex .3s ease;z-index:1}.suggestion-wrapper.hovered{z-index:1000}.card-custom{width:200px;height:300px;border-radius:.5rem;overflow:hidden;position:relative;border:2px solid var(--border);box-shadow:var(--hard-shadow);transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease;padding:0;background:var(--surface);margin:0}.suggestion-wrapper.hovered .card-custom{transform:translateY(-20px) scale(1.08);box-shadow:var(--hard-shadow-lg)}.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}.card-info{position:absolute;bottom:0;left:0;right:0;background:var(--primary);border-top:2px solid var(--border);padding:.6rem .75rem;transform:translateY(100%);transition:transform .3s ease}.card-custom:hover .card-info{transform:translateY(0)}.card-title{font-size:.9rem;font-weight:700;color:var(--ink)}.input-area{width:100%;position:relative}.search-bar{width:100%;padding:.9rem 3rem .9rem 1.25rem;border-radius:.5rem;border:2px solid var(--border);background:var(--surface);color:var(--text-main);font-size:1.1rem;font-family:inherit;outline:none;box-shadow:var(--hard-shadow);transition:box-shadow .15s ease,transform .15s ease}.search-bar::placeholder{color:var(--text-muted)}.search-bar:focus{box-shadow:var(--hard-shadow-lg);transform:translate(-1px,-1px)}.search-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.autofill-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--surface);border:2px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow);z-index:1000;overflow:hidden;max-height:200px;overflow-y:auto}.autofill-item{padding:.6rem 1.25rem;cursor:pointer;transition:background .15s;color:var(--text-main);border-bottom:1px solid var(--border)}.autofill-item:last-child{border-bottom:none}.autofill-item:hover{background:var(--primary);color:var(--ink);font-weight:600}.btn-brite{border-width:2px!important;box-shadow:var(--hard-shadow);font-weight:700;transition:transform .12s,box-shadow .12s}.btn-brite:hover{box-shadow:var(--hard-shadow)}.btn-brite:active{transform:translate(3px,3px);box-shadow:0 0 #000!important}.brand-mark{background:var(--primary);padding:0 .2em}.start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.start-card{width:100%;max-width:560px;background:var(--surface);border:2px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow-lg);padding:2.5rem}.start-title{font-size:2.75rem;font-weight:900;letter-spacing:-1px;margin-bottom:.5rem}.start-tagline{font-size:1.05rem;color:var(--text-muted);margin-bottom:1.75rem}.start-rules{margin:0 0 1.75rem 1.1rem;padding:0;display:flex;flex-direction:column;gap:.6rem;line-height:1.5}.start-rules li::marker{font-weight:700}.start-badge{display:inline-block;background:var(--primary-subtle);border:2px solid var(--border);border-radius:.375rem;padding:.35rem .9rem;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.hint-empty{background:var(--surface-alt);color:var(--text-muted)}.results-next{margin-bottom:1.25rem;font-size:.9rem;color:var(--text-muted)}.search-bar:disabled{background:var(--surface-alt);cursor:wait}.results-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.results-card{width:100%;max-width:520px;background:var(--surface);border:2px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow-lg);padding:2.5rem;display:flex;flex-direction:column;align-items:center}.results-heading{font-weight:900;margin-bottom:.75rem}.results-score{font-size:4rem;font-weight:900;line-height:1;background:var(--primary);border:3px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow);padding:.5rem 1.5rem}.results-score-max{font-size:1.75rem;font-weight:700}.results-squares{display:flex;gap:7px;margin:1.25rem 0 1.5rem}.results-square{width:22px;height:22px;border-radius:4px;border:2px solid currentColor;opacity:.35}.results-square-solved{background:currentColor;opacity:1}.results-list{list-style:none;width:100%;margin:0 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.results-row{display:flex;align-items:center;gap:.75rem;border:2px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;background:var(--surface)}.results-pip{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;border:2px solid var(--border);border-radius:50%}.results-pip.solved{background:var(--primary)}.results-pip.missed{background:var(--surface-alt);color:var(--text-muted)}.results-thumb{flex:0 0 auto;width:34px;height:48px;object-fit:cover;border:2px solid var(--border);border-radius:.25rem}.results-thumb-empty{background:var(--surface-alt)}.results-row-text{min-width:0}.results-title{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-detail{font-size:.78rem;color:var(--text-muted)}.reveal-poster{width:200px;height:300px;object-fit:cover;border:3px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow-lg)}.reveal-poster-empty{background:var(--surface-alt)}.prompt-sub{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.success-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--primary-subtle);display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column}.success-overlay.is-miss{background:var(--bs-danger-bg-subtle, #fde0e0)}.success-text.is-miss{background:var(--bs-danger, #f56565)}.success-content{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;text-align:center}.success-text{font-size:4.5rem;font-weight:900;color:var(--ink);background:var(--primary);border:3px solid var(--border);border-radius:.5rem;box-shadow:var(--hard-shadow-lg);padding:.25rem 1.5rem;letter-spacing:3px}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-page);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid var(--primary-subtle);border-top:5px solid var(--ink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{border-top:2px solid var(--border);padding-top:1.5rem}