/* Final visual hierarchy: fewer competing surfaces, clearer reading and controls. */
:root{--ui-border:rgba(217,227,246,.18);--ui-muted:#b9c5d8}
main{max-width:1320px}
header{border-bottom:1px solid rgba(226,233,249,.11)}
.hero{padding-bottom:54px}
.hero-copy .intro{max-width:36ch;font-size:14px;line-height:1.7;color:#d9e2ef}
.hero-actions{gap:12px}
.logo-strip{gap:24px}
.games-section{gap:32px;padding:26px 28px;margin-bottom:48px;border-color:var(--ui-border)}
.games-section .section-copy{flex:0 1 32%}
.games-section .game-cards{flex:1 1 0;min-width:0;gap:10px}
.games-section .game-card{min-width:0;min-height:122px;padding:11px 5px 12px}
.games-section .game-card strong{font-size:11px;text-align:center;line-height:1.4}
.deals-section{margin-bottom:34px}
.deal-toolbar{border:1px solid var(--ui-border);background:rgba(22,32,48,.73)}
.deal-card{border-color:var(--ui-border);background:linear-gradient(145deg,rgba(35,48,68,.84),rgba(23,34,50,.78))}
.deal-card>p{color:#c9d3e4}
.bottom-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:18px}
.community,.insights{min-height:0;padding:26px;border-color:var(--ui-border);border-radius:16px;background:linear-gradient(145deg,rgba(18,27,42,.68),rgba(12,21,35,.52))}
.community>p:not(.eyebrow){max-width:52ch;line-height:1.7}
.insight-row{min-height:60px}
.native-feedback{margin-top:22px;padding:22px;border:1px solid rgba(230,218,184,.24);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025) 48%,rgba(217,201,158,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 50px rgba(2,6,14,.18)}
.native-feedback-form{display:grid;gap:16px}
.native-feedback-head{display:block}
.native-feedback-head .eyebrow{margin-bottom:7px;color:#d9c99e}
.native-feedback-head h3{max-width:20ch;font-size:20px;line-height:1.25;margin:0;color:#f3ead0}
.feedback-results-link{display:none}
.native-feedback-fields{grid-template-columns:minmax(140px,.46fr) minmax(0,1fr);align-items:start;gap:14px}
.native-feedback label{font-size:11px;gap:8px;color:#d4dce9}
.native-feedback label span{font-weight:600;letter-spacing:.01em}
.native-feedback select,.native-feedback textarea{background:linear-gradient(180deg,rgba(10,18,31,.66),rgba(10,18,31,.48));border-color:rgba(230,218,184,.32);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .24s var(--glass-ease),box-shadow .24s var(--glass-ease),background-color .24s var(--glass-ease)}
.native-feedback select{min-height:48px}
.native-feedback textarea{min-height:88px;resize:vertical}
.native-feedback select:focus,.native-feedback textarea:focus{border-color:#d9c99e;outline:none;box-shadow:0 0 0 3px rgba(217,201,158,.16),inset 0 1px 0 rgba(255,255,255,.06)}
.native-feedback-footer{display:flex;justify-content:flex-end;margin-top:0;padding-top:2px;border-top:1px solid rgba(230,218,184,.13)}
.native-feedback .primary{min-height:42px;padding-inline:20px;border-color:rgba(230,218,184,.28);box-shadow:0 12px 30px rgba(6,12,25,.24)}
.native-feedback-status{min-height:0;margin:-8px 0 0;color:#aebbd0}
.native-feedback-status:not(:empty){min-height:18px;color:#d9c99e}
.quiet-section{border-color:var(--ui-border)}
.results-page{min-height:100dvh;display:grid;place-items:center;padding:6vh 5vw}
.results-shell{width:min(920px,100%);padding:34px;background:linear-gradient(145deg,rgba(18,27,42,.78),rgba(12,21,35,.58))}
.results-shell h1{margin:0 0 10px}
.results-shell>p{max-width:56ch;color:#cbd6e7;line-height:1.7}
.results-login{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:24px 0 8px}
.results-login label{display:grid;gap:8px;color:#c1ccdd;font-size:12px}
.results-login input{min-height:46px;border:1px solid rgba(221,232,252,.24);border-radius:10px;background:rgba(11,20,34,.48);color:#fff;padding:0 14px;font:inherit}
.results-login .primary{min-height:46px;padding:0 22px}
#status{min-height:22px;color:#d9c99e}
.result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.result-stats div,.result-card,.result-empty{border:1px solid rgba(221,232,252,.15);border-radius:12px;background:rgba(255,255,255,.04);padding:16px}
.result-stats span,.result-card span{display:block;color:#aebbd0;font-size:11px}
.result-stats strong{display:block;margin-top:6px;font-size:24px}
.result-card-list{display:grid;gap:10px}
.result-card div{display:flex;justify-content:space-between;gap:12px}
.result-card p{margin:12px 0 0;color:#eef3fb;line-height:1.65}
.result-empty{color:#b8c4d6}
@media(max-width:1050px){.games-section{display:block}.games-section .game-cards{margin-top:20px}.bottom-grid{grid-template-columns:1fr}.community,.insights{padding:26px}}
@media(max-width:800px){main{margin:0 4%}.hero{padding-bottom:34px}.games-section{padding:20px;margin-bottom:34px}.games-section .game-cards{gap:5px}.games-section .game-card{min-height:108px}.games-section .game-card strong{font-size:9px}.section-heading{gap:12px}.bottom-grid{gap:16px}.community,.insights{padding:22px}.native-feedback-fields{grid-template-columns:1fr}.native-feedback-footer{align-items:stretch;flex-direction:column;margin-top:0}.native-feedback .primary{width:100%;justify-content:center}.results-login,.result-stats{grid-template-columns:1fr}.results-shell{padding:24px}.result-card div{display:block}.native-feedback-head{display:block}.feedback-results-link{display:none}}
@media(max-width:480px){.games-section .game-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.games-section .game-card img{width:clamp(35px,10vw,48px);height:clamp(35px,10vw,48px)}.games-section .game-card strong{font-size:8px}.hero-copy .intro{font-size:13px}}