:root{font-family:Segoe UI,sans-serif;color:#1e2430;background:radial-gradient(circle at top left,rgba(255,174,124,.45),transparent 28%),linear-gradient(135deg,#f6efe6,#eef4fb 55%,#f9fbfd);line-height:1.5;font-weight:400;color-scheme:light;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--stroke: rgba(30, 36, 48, .1);--accent: #d8612d;--accent-dark: #a6461d;--text-soft: #5d6678;--success: #116149;--danger: #a93a31;--shadow: 0 22px 60px rgba(67, 73, 95, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--stroke);border-radius:14px;background:var(--surface-strong)}textarea{resize:vertical}label{display:grid;gap:.45rem;color:var(--text-soft)}.app-shell{min-height:100vh}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,calc((100vw - 1180px)/2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6efe6c7;border-bottom:1px solid rgba(255,255,255,.35)}.topbar__brand{display:flex;align-items:center;gap:1rem;cursor:pointer}.topbar__brand h1,.page-heading h2,.auth-hero h2,.stack-form h2{margin:0}.topbar__brand p,.page-heading p,.auth-hero p,.list-row p,.game-card p,.detail-copy p{margin:0;color:var(--text-soft)}.brand-mark{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#1c2938,#d8612d);color:#fff;font-weight:700}.topbar__nav{display:flex;align-items:center;gap:.75rem}.topbar__nav .active{color:var(--accent-dark)}.primary-button,.ghost-button,.danger-button,.inline-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.8rem 1.25rem;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent),#ef8f5c);color:#fff}.ghost-button,.inline-link{background:#ffffffb8;border:1px solid var(--stroke)}.danger-button{background:#a93a311f;color:var(--danger);border:1px solid rgba(169,58,49,.2)}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.inline-link:hover{transform:translateY(-1px)}.base-card{background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);border-radius:28px;padding:1.5rem}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;padding-top:2rem}.auth-hero{display:grid;gap:1rem;min-height:100%;align-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent-dark)}.stack-form,.page-stack{display:grid;gap:1.25rem}.page-heading,.page-actions,.filters-actions,.detail-layout,.cards-grid,.platform-grid,.stats-grid{display:flex;gap:1rem}.page-heading{justify-content:space-between;align-items:center}.page-actions{align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{display:grid;gap:.6rem;padding:1.1rem 1.2rem;background:#ffffffd6;border-radius:22px;box-shadow:var(--shadow)}.stat-card span{color:var(--text-soft)}.stat-card strong{font-size:1.75rem}.platform-grid{flex-wrap:wrap}.platform-pill{display:flex;justify-content:space-between;min-width:180px;padding:.9rem 1rem;border-radius:18px;background:#ffffffb3}.filters-grid,.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid__full{grid-column:1 / -1}.cards-grid{flex-wrap:wrap}.game-card{width:min(100%,320px);overflow:hidden;border-radius:24px;background:#ffffffc2;border:1px solid rgba(255,255,255,.6)}.game-card img,.detail-cover{width:100%;object-fit:cover;background:#e6ebf2}.game-card img{height:280px}.game-card__content{display:grid;gap:1rem;padding:1rem}.game-card__footer,.list-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.list-table{display:grid;gap:.85rem}.list-row{padding:.85rem 0;border-bottom:1px solid var(--stroke)}.status-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#d8612d1f;color:var(--accent-dark);font-size:.8rem;font-weight:600}.detail-layout{align-items:flex-start}.detail-cover{max-width:280px;border-radius:22px}.detail-copy{display:grid;gap:1.2rem;flex:1}.detail-grid div{padding:1rem;background:#ffffffb8;border-radius:18px}.detail-grid span{display:block;color:var(--text-soft);margin-bottom:.35rem}.error-text{color:var(--danger);margin:0}@media (max-width: 900px){.auth-layout,.filters-grid,.form-grid,.detail-grid,.detail-layout{grid-template-columns:1fr;display:grid}.topbar,.page-heading{flex-direction:column;align-items:flex-start}.topbar__nav,.page-actions,.filters-actions{flex-wrap:wrap}.detail-cover{max-width:100%}}