:root{--bg:#05161a;--bg-soft:#08343f;--surface:#042229bf;--surface-strong:#062c35ed;--line:#9aebd559;--text:#d9fff2;--text-soft:#9bd8c9;--brand:#ffb400;--brand-2:#f46f3d;--focus:#ffe08a}*{box-sizing:border-box}body{min-height:100svh;color:var(--text);background:radial-gradient(circle at 15% 5%, #ffb4002e, transparent 45%), radial-gradient(circle at 80% 10%, #f46f3d38, transparent 50%), linear-gradient(170deg, var(--bg) 0%, #032129 46%, var(--bg-soft) 100%);margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif}#app{max-width:1080px;margin:0 auto;padding:2.5rem 1rem 3rem}h1,h2,p{margin:0}.catalog,.game-page{gap:1.25rem;display:grid}.catalog-header,.game-detail{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12rem;color:var(--brand);font-size:.76rem;font-weight:700}h1{margin-top:.3rem;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.05}.subtitle,.results-count,.game-detail p,.game-link p{color:var(--text-soft)}.subtitle{margin-top:.4rem}.search-wrap{margin-top:1rem;display:block}.search-wrap input{border:1px solid var(--line);background:var(--surface-strong);width:100%;color:var(--text);border-radius:12px;padding:.9rem 1rem;font-size:1rem}.search-wrap input::placeholder{color:#8abcae}.search-wrap input:focus-visible,.back-link:focus-visible,.game-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.results-count{margin-top:.65rem;font-size:.92rem}.game-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.game-card{min-height:100%}.game-link{height:100%;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;gap:.8rem;padding:.95rem;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:flex}.game-link:hover{background:#07343df2;border-color:#ffe08a;transform:translateY(-2px)}.genre{text-transform:uppercase;letter-spacing:.07rem;color:var(--brand);margin-bottom:.35rem;font-size:.78rem;font-weight:700}.game-link h2{margin-bottom:.35rem;font-size:1.15rem}.game-link p{font-size:.93rem;line-height:1.35}.play-cta{color:#2f1c00;background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:999px;align-self:flex-end;padding:.3rem .72rem;font-size:.8rem;font-weight:700}.empty-state{border:1px dashed var(--line);text-align:center;background:var(--surface);border-radius:14px;grid-column:1/-1;padding:1.2rem}.back-link{color:var(--text);border:1px solid var(--line);background:#0003;border-radius:10px;width:fit-content;padding:.5rem .7rem;text-decoration:none}.game-detail{align-content:start;gap:.8rem;min-height:240px}.game-detail h1{margin-top:.4rem}.hint{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem;font-style:italic}.solitaire-root{margin-top:1rem}.solitaire-toolbar{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.solitaire-toolbar p{font-size:.9rem}.solitaire-toolbar button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000038;border-radius:10px;padding:.45rem .7rem}.solitaire-toolbar button:hover{border-color:var(--focus)}#solitaire-canvas{border:1px solid var(--line);touch-action:none;background:linear-gradient(165deg,#0b4a55,#0a2f39);border-radius:14px;width:100%;max-width:100%;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){#app{padding:1rem .7rem 2rem}.catalog-header,.game-detail,.game-link{border-radius:12px}.game-list{grid-template-columns:1fr}.game-link{padding:.85rem}.solitaire-toolbar{flex-direction:column;align-items:flex-start}}.nonogram{margin-top:1rem}.nono-toolbar{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.nono-toolbar button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000038;border-radius:10px;padding:.45rem .7rem}.nono-size{color:var(--text-soft);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.nono-size select{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#00000038;border-radius:10px;padding:.45rem .5rem}.nono-mode{gap:.3rem;display:inline-flex}.nono-tip{color:var(--text-soft);opacity:.75;font-size:.8rem}.nono-mode button.active{border-color:var(--focus);background:var(--surface-strong)}#nono-status{margin-left:auto;font-size:.95rem}#nono-status.nono-status-won{color:#6dd4b8;letter-spacing:.01em;font-size:1.15rem;font-weight:700}.nono-grid{--cell-min:30px;--cell-max:46px;--clue-size:.8rem;--cell-gap:3px;--glyph-size:1rem;grid-template-columns:auto repeat(var(--n), minmax(var(--cell-min), var(--cell-max)));gap:var(--cell-gap);width:fit-content;max-width:100%;display:grid}.nono-grid[data-scale=md]{--cell-min:24px;--cell-max:36px;--clue-size:.72rem;--glyph-size:.85rem}.nono-grid[data-scale=lg]{--cell-min:17px;--cell-max:28px;--clue-size:.6rem;--cell-gap:2px;--glyph-size:.65rem}.nono-clue{color:var(--text-soft);font-size:var(--clue-size);justify-content:center;align-items:center;font-weight:700;line-height:1.05;display:flex}.nono-clue-col{flex-direction:column;justify-content:flex-end;padding-bottom:.2rem}.nono-clue-row{justify-content:flex-end;gap:.25rem;padding-right:.35rem}.nono-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-strong);color:var(--text-soft);font-size:var(--glyph-size);cursor:pointer;touch-action:manipulation;border-radius:5px;padding:0;position:relative}.nono-filled{background:#6dd4b8;border-color:#6dd4b8}.nono-x{background:var(--surface)}.nono-hint-note{color:#ffd264;min-height:1.2em;margin:0 0 .7rem;font-size:.9rem}.nono-hint{outline-offset:1px;z-index:1;outline:2px solid #ffd264;animation:1.3s ease-in-out infinite nono-hint-pulse}@keyframes nono-hint-pulse{0%,to{box-shadow:0 0 #ffd2648c}50%{box-shadow:0 0 0 5px #ffd26400}}.nono-won .nono-cell{cursor:default}.nono-won .nono-cell:after{content:"";animation:.4s cubic-bezier(.2,.9,.3,1.35) both nono-win-sweep;animation-delay:var(--nono-delay,0s);background:#6dd4b8;border-radius:5px;position:absolute;inset:-1px;transform:scale(0)}@keyframes nono-win-sweep{0%{transform:scale(0)}to{transform:scale(1)}}.nono-won{border-radius:8px;animation:1.4s ease-out .3s both nono-win-glow}@keyframes nono-win-glow{0%{box-shadow:0 0 #6dd4b800}40%{box-shadow:0 0 26px 6px #6dd4b88c}to{box-shadow:0 0 14px 2px #6dd4b847}}@media (prefers-reduced-motion:reduce){.nono-won .nono-cell:after,.nono-won{animation-duration:.01ms;animation-delay:0s}.nono-hint{animation:none}}.ropes{margin-top:1rem}.ropes-toolbar{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.ropes-toolbar button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000038;border-radius:10px;padding:.45rem .7rem}.ropes-toolbar button:hover{border-color:var(--focus)}.ropes-count{align-items:center;gap:.4rem;display:inline-flex}.ropes-count span{text-align:center;min-width:5.2rem;font-size:.9rem}#ropes-status{margin-left:auto;font-size:.95rem}#ropes-canvas{aspect-ratio:1;border:1px solid var(--line);touch-action:none;cursor:grab;background:linear-gradient(165deg,#0b4a55,#07222a);border-radius:14px;width:100%;max-width:640px;display:block}#ropes-canvas:active{cursor:grabbing}.ropes .hint{margin-top:.8rem}.nono-wrong-filled{background:#cf3d48;border-color:#cf3d48}.nono-wrong-x{background:var(--surface);color:#cf3d48}