:root{--qp-purple: #473184;--qp-cyan: #1e9ecb;--qp-white: #ffffff;--qp-shadow: 0 4px 4px rgba(0, 0, 0, .25)}.app-nav{position:sticky;top:0;z-index:10;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:var(--qp-purple);border-radius:0 0 10px 10px;box-shadow:var(--qp-shadow)}.app-nav-brand,.app-nav-links,.app-nav-links a{display:inline-flex;align-items:center}.app-nav-brand{gap:10px;color:var(--qp-white);text-decoration:none;font-size:16px;font-weight:500}.app-nav-brand img{width:40px;height:auto}.app-nav-links{gap:8px;flex-wrap:wrap;justify-content:flex-end}.app-nav-links a{min-height:34px;padding:0 12px;border-radius:8px;color:var(--qp-white);text-decoration:none;font-size:14px;font-weight:500}.app-nav-links a:hover,.app-nav-links a[aria-current=page]{background:#ffffff1f}.app-nav-links a:focus-visible{outline:2px solid var(--qp-cyan);outline-offset:2px}@media(max-width:760px){.app-nav{padding:0 14px}.app-nav-brand span{display:none}}:root{--qp-purple: #473184;--qp-purple-dark: #2f1f5a;--qp-cyan: #1e9ecb;--qp-red: #ae2220;--qp-white: #ffffff;--qp-ink: #212529;--qp-muted: #8b8f97;--qp-border: #d8dade;--qp-canvas: #edeef0;--qp-shadow: 0 4px 4px rgba(0, 0, 0, .25)}body{margin:0;background:var(--qp-canvas);color:var(--qp-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.games-page{min-height:100vh;background:var(--qp-canvas);color:var(--qp-ink);padding-bottom:48px}.games-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:end;width:min(1120px,calc(100% - 40px));margin:38px auto 20px}.games-kicker{margin:0 0 10px;color:var(--qp-purple);font-size:12px;font-weight:500;text-transform:uppercase}.games-hero h1{max-width:680px;margin:0;color:var(--qp-ink);font-size:32px;font-weight:500;line-height:1.05}.games-hero p{max-width:640px;margin:12px 0 0;color:#5f636b;font-size:16px;line-height:1.35}.games-hero-card{min-height:128px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px;border-radius:20px;background:var(--qp-purple);color:var(--qp-white);box-shadow:var(--qp-shadow)}.games-hero-card span{font-size:44px;font-weight:500;line-height:1}.games-hero-card p{margin:0;color:var(--qp-white);font-size:14px}.games-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;width:min(1120px,calc(100% - 40px));margin:0 auto 20px}.games-search{display:flex;flex-direction:column;gap:4px}.games-search span{color:#5f636b;font-size:12px;font-weight:500}.games-search input{height:44px;width:100%;border:1px solid var(--qp-border);border-radius:8px;background:var(--qp-white);color:var(--qp-ink);font:inherit;padding:0 12px}.games-search input:focus,.games-filter button:focus-visible,.game-card-action:focus-visible{outline:2px solid var(--qp-cyan);outline-offset:2px}.games-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.games-filter button{height:44px;padding:0 14px;border:0;border-radius:8px;background:var(--qp-white);color:var(--qp-ink);font:inherit;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0000000f}.games-filter button.active{background:var(--qp-cyan);color:var(--qp-white)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:min(1120px,calc(100% - 40px));margin:0 auto}.game-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--qp-white);box-shadow:var(--qp-shadow)}.game-card-media{position:relative;aspect-ratio:16 / 9;background:var(--qp-purple)}.game-card-media>img,.game-card-placeholder{width:100%;height:100%}.game-card-media>img{object-fit:cover;display:block}.game-card-placeholder{display:grid;place-items:center;background:var(--qp-purple)}.game-card-placeholder img{width:82px;height:auto;filter:drop-shadow(0 2px 0 rgba(0,0,0,.08))}.game-card-badges{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.game-card-badges span{min-height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--qp-cyan);color:var(--qp-white);font-size:10px;font-weight:500;text-transform:uppercase}.game-card-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px 12px}.game-card-date{margin:0 0 8px;color:var(--qp-purple);font-size:13px;font-weight:500}.game-card h2{margin:0;font-size:20px;font-weight:500;line-height:1.12}.game-card-description{display:-webkit-box;min-height:52px;margin:8px 0 0;overflow:hidden;color:#5f636b;font-size:14px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.game-card-meta{display:grid;gap:10px;margin:0;padding:14px 0 0;border-top:1px solid var(--qp-border)}.game-card-meta div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px}.game-card-meta dt{color:var(--qp-muted);font-size:12px}.game-card-meta dd{min-width:0;margin:0;color:var(--qp-ink);font-size:13px;overflow-wrap:anywhere}.game-card-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:0 16px;border-radius:8px;background:var(--qp-purple);color:var(--qp-white);text-decoration:none;font-size:14px;font-weight:500}.game-card-action:hover{background:var(--qp-purple-dark)}.game-card-action.disabled{background:#e4e3ec;color:#5f636b}.catalog-message{width:min(1120px,calc(100% - 40px));margin:0 auto 20px;padding:20px;border-radius:20px;background:var(--qp-white);box-shadow:var(--qp-shadow)}.catalog-message h2{margin:0;font-size:16px;font-weight:500}.catalog-message p{margin:8px 0 0;color:#5f636b;font-size:14px}.catalog-message.error{border:1px solid #d64545}@media(max-width:760px){.games-hero,.games-tools,.games-grid,.catalog-message{width:calc(100% - 24px)}.games-hero{grid-template-columns:1fr;margin-top:24px}.games-hero h1{font-size:28px}.games-tools{grid-template-columns:1fr}.games-filter{justify-content:flex-start}.games-filter button{flex:1 1 auto}}:root{--qp-purple: #473184;--qp-purple-dark: #2f1f5a;--qp-cyan: #1e9ecb;--qp-white: #ffffff;--qp-ink: #212529;--qp-muted: #8b8f97;--qp-border: #d8dade;--qp-canvas: #edeef0;--qp-shadow: 0 4px 4px rgba(0, 0, 0, .25)}.profile-page{min-height:calc(100vh - 58px);background:var(--qp-canvas);color:var(--qp-ink);padding:32px 20px 48px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.profile-hero,.profile-stats,.profile-grid,.profile-message{width:min(960px,100%);margin:0 auto}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border-radius:20px;background:var(--qp-purple);color:var(--qp-white);box-shadow:var(--qp-shadow)}.profile-avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--qp-cyan);color:var(--qp-white);font-size:28px;font-weight:500;line-height:1;box-shadow:inset 0 0 0 4px #ffffff2e}.profile-heading{min-width:0}.profile-heading p{margin:0 0 8px;font-size:12px;font-weight:500;text-transform:uppercase;color:#ffffffb3}.profile-heading h1{margin:0;font-size:32px;font-weight:500;line-height:1.05;overflow-wrap:anywhere}.profile-heading span{display:block;margin-top:8px;font-size:14px;color:#ffffffd6;overflow-wrap:anywhere}.profile-logout,.profile-primary{min-height:40px;border:0;border-radius:8px;padding:0 16px;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.profile-logout{background:var(--qp-white);color:var(--qp-purple)}.profile-logout:hover,.profile-primary:hover{filter:brightness(.96)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.profile-stat{min-height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;border-radius:20px;background:var(--qp-white);box-shadow:var(--qp-shadow);text-align:center}.profile-stat strong{color:var(--qp-purple);font-size:28px;font-weight:500;line-height:1}.profile-stat span{color:var(--qp-muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:20px;margin-top:20px}.profile-card{min-width:0;padding:20px;border-radius:20px;background:var(--qp-white);box-shadow:var(--qp-shadow)}.profile-card-purple{display:flex;flex-direction:column;gap:16px;background:var(--qp-purple);color:var(--qp-white)}.profile-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-section-title h2{margin:0;font-size:20px;font-weight:500;line-height:1}.profile-section-title span{color:var(--qp-muted);font-size:12px}.profile-card-purple .profile-section-title span{color:#ffffffb8}.profile-team-list{display:grid;gap:10px}.profile-team{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 0;border-top:1px solid var(--qp-border)}.profile-team:first-child{border-top:0;padding-top:0}.profile-team:last-child{padding-bottom:0}.profile-team-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--qp-purple);color:var(--qp-white);font-size:16px;font-weight:500}.profile-team h3{margin:0;font-size:15px;font-weight:500}.profile-team p,.profile-muted{margin:4px 0 0;color:var(--qp-muted);font-size:13px;line-height:1.35}.profile-card-purple .profile-muted{color:#ffffffd6}.profile-primary{margin-top:auto;background:var(--qp-cyan);color:var(--qp-white)}.profile-message{padding:20px;border-radius:20px;background:var(--qp-white);box-shadow:var(--qp-shadow);color:var(--qp-muted)}.profile-logout:focus-visible,.profile-primary:focus-visible{outline:2px solid var(--qp-cyan);outline-offset:2px}@media(max-width:760px){.profile-page{padding:20px 12px 36px}.profile-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-logout{width:100%}.profile-stats,.profile-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-heading h1{font-size:28px}}