@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #121213;--text-color: #ffffff;--text-muted: #818384;--border-color: #3a3a3c;--tile-bg: #1a1a1b;--tile-border: #3a3a3c;--tile-hover: #538d4e;--accent: #538d4e;--accent-dark: #6aaa64;--card-bg: #1a1a1b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:12px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center}.site-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-color)}.logo-icon{font-size:28px}.logo-name{font-size:24px;font-weight:800;letter-spacing:-.5px}.main-content{flex:1;padding:24px;max-width:1800px;margin:0 auto;width:100%}.hero-section{text-align:center;margin-bottom:32px}.hero-title{font-size:28px;font-weight:800;margin-bottom:8px}.hero-subtitle{color:var(--text-muted);font-size:15px}.games-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;margin-bottom:40px}.game-tile{display:flex;flex-direction:column;text-decoration:none;color:var(--text-color);transition:transform .15s ease}.game-tile:hover{transform:translateY(-4px)}.tile-image{width:100%;aspect-ratio:1;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.game-tile:hover .tile-image{border-color:var(--accent);box-shadow:0 4px 16px #538d4e4d}.tile-image img{width:100%;height:100%;object-fit:cover}.tile-letter{font-size:42px;font-weight:800;color:var(--text-muted)}.game-tile:hover .tile-letter{color:var(--accent)}.tile-name{margin-top:8px;font-size:13px;font-weight:600;text-align:center;line-height:1.3;color:var(--text-color)}.content-section{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-color)}.content-box{background:var(--card-bg);padding:24px;border-radius:12px;line-height:1.7}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--text-muted);margin-bottom:16px}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .current{color:var(--text-color);font-weight:600}.breadcrumb .breadcrumb-sep{color:var(--border-color)}.game-container{max-width:1600px;margin:0 auto}.game-title{font-size:26px;font-weight:800;margin-bottom:20px;text-align:center}.game-frame-wrapper{margin-bottom:20px;text-align:center}.game-frame{width:100%;max-width:1400px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:0 auto;border:2px solid var(--border-color);box-shadow:0 4px 20px #0006}.game-frame iframe{width:100%;height:100%;border:none}.fullscreen-btn{margin-top:12px;padding:10px 28px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,transform .1s}.fullscreen-btn:hover{background:var(--accent-dark);transform:scale(1.02)}.game-info{display:flex;justify-content:center;gap:48px;padding:16px 24px;background:var(--card-bg);border-radius:10px;max-width:600px;margin:20px auto}.info-item{text-align:center}.info-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{font-size:16px;font-weight:700}.info-value a{color:var(--accent);text-decoration:none}.info-value a:hover{text-decoration:underline}.game-content{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1400px;margin:32px auto}.game-content .content-block{background:var(--card-bg);padding:20px 24px;border-radius:10px}.game-content .content-block:last-child{grid-column:1 / -1}.game-content .content-block h2{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text-color)}.game-content .content-text{color:var(--text-muted);line-height:1.7;font-size:14px}.more-games{margin-top:40px;max-width:1400px;margin-left:auto;margin-right:auto}.more-games h2{font-size:18px;font-weight:700;margin-bottom:16px}.games-row{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.page-container{max-width:800px;margin:0 auto}.page-title{font-size:26px;font-weight:800;margin-bottom:24px;text-align:center}.page-content{background:var(--card-bg);padding:32px;border-radius:12px;line-height:1.8}.back-link{display:inline-block;margin-top:24px;color:var(--accent);text-decoration:none;font-weight:600}.back-link:hover{text-decoration:underline}.site-footer{padding:20px 24px;border-top:1px solid var(--border-color);text-align:center;margin-top:auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:8px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:14px}.footer-links a:hover{color:var(--text-color)}.footer-copy{font-size:12px;color:var(--text-muted)}@media (max-width: 1400px){.games-grid,.games-row{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1024px){.games-grid,.games-row{grid-template-columns:repeat(5,1fr)}.game-content{grid-template-columns:1fr}}@media (max-width: 768px){.games-grid,.games-row{grid-template-columns:repeat(4,1fr)}.hero-title{font-size:22px}.game-info{flex-direction:column;gap:12px}.main-content{padding:16px}}@media (max-width: 480px){.games-grid,.games-row{grid-template-columns:repeat(3,1fr)}.game-title{font-size:20px}}.related-keywords-section{margin:2rem 0;padding:1.5rem;background:#2a2a2e;border-radius:12px}.keywords-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.keywords-container{display:flex;flex-wrap:wrap;gap:.75rem}.keyword-tag{display:inline-block;padding:.5rem 1rem;background:#3a3a3e;color:#a0a0a0;border-radius:20px;font-size:.875rem;text-decoration:none;transition:all .2s ease}.keyword-tag:hover{background:#4a4a4e;color:#fff}