:root{--bg:#f7f6f1;--bg-elevated:#ffffff;--text:#151816;--muted:#64706a;--line:#dfe4df;--primary:#176b5b;--primary-dark:#0f4b40;--accent:#c7372f;--notice:#e7a328;--blue:#2f5d9f;--shadow:0 12px 34px rgba(28,34,32,0.08)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}html[data-webview-mode=true] .page-shell{min-height:100dvh;padding-top:env(safe-area-inset-top,0);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(21,24,22,.08);background:rgba(247,246,241,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-nav__inner{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;grid-gap:18px;gap:18px;align-items:center;min-height:72px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;letter-spacing:0}.brand__mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--text);color:white}.search-form{position:relative}.search-form svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--muted)}.search-form input{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:0 14px 0 42px;outline:none}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,107,91,.14)}.nav-actions{display:flex;gap:8px;align-items:center}.game-card__action,.nav-form{display:contents}.watchlist-toast{display:inline-flex;align-items:center;min-height:34px;border:1px solid #e0b2af;border-radius:8px;background:#fff1f0;color:#9f2323;padding:0 10px;font-size:.84rem;font-weight:800}.watchlist-toast--success{border-color:rgba(23,107,91,.25);background:#e7f6ef;color:var(--primary-dark)}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:0 14px;font-weight:700}.button--primary{border-color:var(--primary);background:var(--primary);color:#ffffff}.button--ghost{background:transparent}.button--danger{border-color:#b83232;color:#9f2323}.button--icon{width:40px;padding:0}.tabs{padding:20px 0 10px}.filter-bar,.tabs{display:flex;gap:8px;align-items:center;overflow-x:auto}.filter-bar{margin:12px 0 18px}.deal-filters{display:grid;grid-template-columns:1.1fr repeat(3,minmax(120px,.8fr)) auto;grid-gap:10px;gap:10px;align-items:end;margin:0 0 18px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);padding:14px}.tab{display:inline-flex;gap:8px;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:999px;background:#ffffff;color:var(--muted);padding:0 13px;font-weight:700;white-space:nowrap}.tab[data-active=true]{border-color:var(--text);color:var(--text)}.section-header{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;padding:34px 0 18px}.section-header h1,.section-header h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.5rem);letter-spacing:0}.section-header p{max-width:680px;margin:8px 0 0;color:var(--muted);line-height:1.55}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:18px 0 8px}.stat{border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);padding:16px}.stat span{color:var(--muted);font-size:.86rem}.stat strong{display:block;margin-top:8px;font-size:1.35rem}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.game-grid--dense{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-card{display:grid;grid-template-rows:auto 1fr;min-height:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);box-shadow:var(--shadow)}.game-card__image{position:relative;aspect-ratio:16/7;background:#202522}.game-card__image img{width:100%;height:100%;display:block;object-fit:cover}.game-card__image-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#202522,#31443c);color:#ffffff;font-size:1.6rem;font-weight:900}.game-card__badge{position:absolute;right:10px;bottom:10px;display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:rgba(21,24,22,.88);color:white;padding:6px 9px;font-size:.8rem;font-weight:800}.game-card__body{display:flex;flex-direction:column;gap:12px;padding:14px}.game-card--dense .game-card__image{aspect-ratio:16/8}.game-card--dense .game-card__body{gap:10px;padding:12px}.game-card__title-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.game-card h3{margin:0;font-size:1.04rem;letter-spacing:0}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#eef2ef;color:#3d4943;padding:0 8px;font-size:.78rem;font-weight:700}.store-list{display:grid;grid-gap:8px;gap:8px;margin-top:auto}.store-price{display:grid;grid-template-columns:84px 1fr auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid #edf0ed;border-radius:8px;padding:9px}.store-price__store{font-size:.82rem;font-weight:800}.store-price__value{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;justify-content:flex-end}.store-price__value strong{font-size:.96rem}.store-price__value span{color:var(--muted);font-size:.78rem;text-decoration:line-through}.discount{border-radius:6px;background:#eaf6f2;color:var(--primary-dark);padding:4px 6px;font-size:.78rem;font-weight:900}.discount--hot{background:#fff0e8;color:#af3f12}.release-status{display:inline-flex;gap:5px;align-items:center;margin-top:7px;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:800}.release-status--released{background:#eef2ef;color:#3d4943}.release-status--upcoming{background:#e8f2ff;color:#234f8d}.release-status--unknown{background:#fff3d8;color:#73500f}.panel{border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);padding:18px;box-shadow:var(--shadow)}.section-header--compact{padding-top:26px}.insight-section{margin:8px 0 22px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.insight-card{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);padding:16px;box-shadow:var(--shadow)}.insight-card__heading,.insight-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.insight-card h3{margin:0;font-size:1.05rem}.insight-card p{margin:0;color:var(--muted);line-height:1.5}.insight-card__meta span{display:inline-flex;gap:5px;align-items:center;color:var(--muted);font-size:.82rem;font-weight:700}.insight-card__stale{border-top:1px solid var(--line);padding-top:10px}.empty-state{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);color:var(--muted);padding:14px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px}.watchlist{display:grid;grid-gap:10px;gap:10px}.watchlist-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.watchlist-row h3{margin:0 0 7px;font-size:1rem}.target-form{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.target-form--matched{border-color:rgba(23,107,91,.55);background:linear-gradient(180deg,#f4fbf7,#e7f5ef);box-shadow:0 12px 30px rgba(23,107,91,.14)}.target-form--matched .tag{background:#dcefe7;color:var(--primary-dark)}.target-form--matched input{border-color:rgba(23,107,91,.3);background:#ffffff}.target-form__summary{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:start}.target-form__summary h3{margin:0 0 7px;font-size:1rem}.target-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.feed-sentinel{display:grid;place-items:center;padding:22px 0 34px}.match{display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:#e7f6ef;color:var(--primary-dark);padding:6px 9px;font-size:.82rem;font-weight:800}.auth-shell{display:grid;min-height:calc(100vh - 72px);place-items:center;padding:32px 0}.auth-card{width:min(440px,calc(100% - 32px));border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:24px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 8px;font-size:1.5rem}.auth-card p{margin:0 0 20px;color:var(--muted)}.form-stack{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:7px;gap:7px}.field label,.field>span{font-size:.88rem;font-weight:800}.field input,.field select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.field select{background:#ffffff;color:var(--text)}.field input:focus,.field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(23,107,91,.14)}.button:disabled,.field input:disabled,.field select:disabled{cursor:not-allowed;opacity:.58}.notice{border:1px solid #f0d79c;border-radius:8px;background:#fff8e8;color:#6d5016;padding:12px;line-height:1.5}.notice--success{border-color:#b7dbc8;background:#ecf8f1;color:var(--primary-dark)}.profile-grid{grid-template-columns:320px minmax(0,1fr)}.profile-grid,.profile-summary{display:grid;grid-gap:16px;gap:16px}.profile-summary{align-content:start}.profile-summary h2{margin:0;font-size:1.25rem}.profile-summary p{display:inline-flex;gap:7px;align-items:center;margin:8px 0 0;color:var(--muted)}.profile-avatar{display:grid;width:56px;height:56px;place-items:center;border-radius:8px;background:#eef2ef;color:var(--primary-dark)}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;border-top:1px solid var(--line);background:rgba(255,255,255,.96);min-height:calc(64px + env(safe-area-inset-bottom, 0px));padding:8px max(12px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(12px,env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-tabs a{display:grid;grid-gap:4px;gap:4px;place-items:center;min-height:48px;color:var(--muted);font-size:.72rem;font-weight:800}.bottom-tabs a[data-active=true]{color:var(--primary-dark)}@media (max-width:900px){.top-nav{top:env(safe-area-inset-top,0)}.top-nav__inner{grid-template-columns:1fr auto}.top-nav .search-form{grid-column:1/-1;order:3;margin-bottom:12px}.dashboard-grid,.deal-filters,.game-grid,.game-grid--dense,.insight-grid,.profile-grid,.status-strip,.target-form__fields{grid-template-columns:1fr}.bottom-tabs{display:grid;grid-template-columns:repeat(4,1fr)}html[data-webview-mode=true] .top-nav{position:relative;top:auto}}@media (max-width:560px){.container{width:min(100% - 24px,1160px)}.nav-actions .button--ghost{display:none}.section-header{display:block;padding-top:24px}.section-header h1,.section-header h2{overflow-wrap:anywhere}.dashboard-grid,.game-grid,.status-strip{gap:12px}.panel,.stat,.target-form,.watchlist-row{min-width:0}.store-price{grid-template-columns:minmax(64px,.7fr) minmax(0,1fr);min-width:0}.store-price__store,.store-price__value{min-width:0}.store-price__value{justify-content:flex-start}.store-price .discount{justify-self:flex-start}}