.game-card{text-decoration:none;display:block;transition:opacity .2s;background:#fff;border:1px solid var(--rule-soft)}.game-card:hover h3{color:var(--accent);text-decoration:underline}.game-card:hover .card-image img{transform:scale(1.05)}.game-card .card-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--parchment)}.game-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-card .retired-badge{position:absolute;top:8px;right:8px;background:#000;color:#fff;font-family:var(--mono);font-size:9px;text-transform:uppercase;padding:3px 6px;letter-spacing:.05em}.game-card .card-content{padding:15px}.game-card h3{font-family:Georgia,serif;font-size:20px;font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:8px}.game-card p{font-size:13px;color:var(--ink-soft);line-height:1.5;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-section{padding:15px 0}.category-section .section-header{margin-bottom:25px;padding:10px 0;border-bottom:3px solid #000}.category-section .section-header h2{color:#000;font-family:var(--body);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.category-section .game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 960px){.category-section .game-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.category-section .game-grid{grid-template-columns:1fr}}.home-hero{padding:60px 0 40px;background:#fff;border-bottom:1px solid var(--rule);text-align:center}.home-hero .hero-content{max-width:800px;margin:0 auto}.home-hero h1{font-family:var(--body);font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:32px;width:100%}.home-hero .intro{font-size:20px;color:var(--ink);line-height:1.5;margin-bottom:24px}.home-hero .languages{font-size:15px;color:var(--ink-soft);margin-bottom:24px;line-height:1.6}.home-hero .free-notice{font-family:var(--mono);font-size:12px;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase}.categories{background:var(--paper)}.masthead{border-bottom:1px solid var(--rule)}.masthead .wrap{display:flex;align-items:center;gap:40px;height:60px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand img{width:300px}.brand .mark{width:120px;height:34px;display:grid;place-items:center}.brand .mark svg{width:14px;height:14px}.brand .name{font-family:var(--body);font-weight:700;font-size:19px;line-height:1;letter-spacing:-.01em}.brand .name span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--ink-soft);font-weight:500;margin-top:3px}nav.primary{display:flex;gap:30px;margin-left:auto;height:100%}nav.primary .nav-item{display:flex;align-items:center;position:relative;height:100%}nav.primary .nav-item:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}nav.primary a{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink-soft);padding:8px 0;transition:color .15s}nav.primary a:hover,nav.primary a:focus-visible{color:var(--accent)}nav.primary .sub-menu{position:absolute;top:100%;left:0;width:220px;background:#000;padding:10px 0;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;box-shadow:0 10px 30px #0000001a}nav.primary .sub-menu a{display:block;padding:12px 20px;color:#aaa;font-size:13px;border-bottom:1px solid #222;border-color:#222}nav.primary .sub-menu a:last-child{border-bottom:none}nav.primary .sub-menu a:hover{background:#1a1a1a;color:#fff;border-color:transparent}.utils{display:flex;align-items:center;gap:18px;padding-left:8px}.utils button{background:none;border:none;cursor:pointer;color:var(--ink-soft);font-family:var(--mono);font-size:12px;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.utils button:hover{color:var(--ink)}.utils svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}@media (max-width: 880px){nav.primary{display:none}}footer{background:#000;padding:40px 0}footer .wrap{display:block}footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}footer .col.tag p{font-size:13px;color:#888;line-height:1.6;margin-top:14px}footer .col h4{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:20px}footer .col a{display:block;text-decoration:none;font-size:14px;color:var(--accent);padding:4px 0;transition:opacity .15s}footer .col a:hover{opacity:.8}footer .col .search-form{margin-top:14px}footer .col .search-form input{width:100%;background:#1a1a1a;border:1px solid #333;padding:8px 12px;color:#fff;font-family:var(--body);font-size:13px}footer .col .search-form input:focus{outline:none;border-color:var(--accent)}@media (max-width: 960px){footer .cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){footer .cols{grid-template-columns:1fr}}:root{--paper: #f2f2f2;--ink: #111111;--ink-soft: #666666;--rule: #dddddd;--rule-soft: #eeeeee;--accent: #ff502e;--accent-deep: #d43f21;--parchment: #ffffff;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1120px;margin:0 auto;padding:0 32px}.label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}@media (max-width: 560px){.wrap{padding:0 20px}}