/* Party Finder page + popups, and the "Get the extension" popup */
.pf { max-width: 1320px; margin: 0 auto; padding: 22px 18px 50px; }
.pf-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 18px; }
.pf-kicker { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 6px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pf-head h1 { margin: 0; font: 700 clamp(28px, 3.4vw, 40px)/1.1 Georgia, "Times New Roman", serif; }
.pf-lede { margin: 8px 0 0; color: var(--muted); max-width: 640px; font-size: 15px; }
.pf-create { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 11px 18px; font-weight: 700; }

.pf-filters { display: grid; grid-template-columns: minmax(200px, 1.6fr) repeat(4, minmax(130px, 1fr)) minmax(160px, 1.2fr); gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.pf-input { width: 100%; min-width: 0; height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--raised); color: var(--text); font: inherit; font-size: 14px; }
.pf-input:focus, .pf-form input:focus, .pf-form select:focus, .pf-form textarea:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.pf-field { position: relative; display: block; }
.pf-field .ico { position: absolute; left: 11px; top: 50%; translate: 0 -50%; color: var(--muted); pointer-events: none; }
.pf-field .pf-input { padding-left: 33px; }
.pf-subbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 14px 2px; }
.pf-seg { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.pf-seg button { border: 0; background: none; color: var(--muted); padding: 6px 13px; border-radius: 6px; font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.pf-seg button[aria-pressed="true"] { background: var(--accent); color: #fff; }
.pf-check { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--muted); cursor: pointer; }
.pf-count { margin: 0 0 0 auto; color: var(--muted); font-size: 13px; }

.pf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; }
.pf-card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; transition: border-color .15s, transform .15s, box-shadow .15s; min-height: 220px; }
.pf-card:hover, .pf-card:focus-visible { border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 12px 30px #0004; outline: none; }
.pf-card.is-member { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }
.pf-card.is-closed, .pf-card.is-full { opacity: .78; }
.pf-skel { cursor: default; background: linear-gradient(100deg, var(--surface) 30%, var(--raised) 50%, var(--surface) 70%) 0 0 / 300% 100%; animation: pf-shine 1.4s infinite linear; }
@keyframes pf-shine { to { background-position: -300% 0; } }
.pf-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.pf-game { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; background: none; color: var(--muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.pf-game:hover span { color: var(--text); text-decoration: underline; }
.pf-game span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-game .cover { width: 34px !important; height: 34px !important; border-radius: 7px; object-fit: cover; flex: none; font-size: 11px; display: grid; place-items: center; }
.pf-state { flex: none; padding: 3px 9px; border-radius: 99px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.pf-state.st-open { background: color-mix(in srgb, #3ccf7a 18%, transparent); color: #46d987; }
.pf-state.st-full { background: color-mix(in srgb, #e8b04a 18%, transparent); color: #e8b04a; }
.pf-state.st-closed { background: var(--raised); color: var(--muted); }
.pf-title { margin: 0; font-size: 18px; line-height: 1.25; }
.pf-about { margin: -4px 0 0; color: var(--muted); font-size: 13.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pf-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pf-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 99px; border: 1px solid var(--line); background: var(--raised); font-size: 12px; color: var(--text); }
.pf-chip .ico { color: var(--muted); }
.pf-chip.pf-when { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); }
.pf-chip.style-hardcore, .pf-chip.style-competitive { border-color: color-mix(in srgb, #e05a5a 45%, var(--line)); }
.pf-chip.style-newbie { border-color: color-mix(in srgb, #3ccf7a 45%, var(--line)); }
.pf-slots { display: flex; align-items: center; gap: 10px; margin-top: auto; font-size: 13px; color: var(--muted); }
.pf-slots b { color: var(--text); }
.pf-bar { flex: 1; height: 6px; border-radius: 99px; background: var(--raised); overflow: hidden; }
.pf-bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.is-full .pf-bar i { background: #e8b04a; }
.pf-card-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.pf-owner { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-size: 13px; font-weight: 600; }
.pf-owner small { color: var(--muted); font-weight: 400; white-space: nowrap; }
.pf-owner > span:not(.ico) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-tag { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 99px; font-size: 12px; font-weight: 700; }
.pf-tag.lead { background: color-mix(in srgb, #e8b04a 16%, transparent); color: #e8b04a; }
.pf-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: 6px; padding: 54px 20px; border: 1px dashed var(--line); border-radius: 14px; text-align: center; color: var(--muted); }
.pf-empty h3 { margin: 6px 0 0; color: var(--text); font-size: 19px; }
.pf-empty p { margin: 0 0 10px; }
.pf-empty .btn, .pf-create { display: inline-flex; align-items: center; gap: 6px; }

/* popups */
.pf-dialog, .gx-dialog { width: min(640px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow: auto; padding: 22px 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--text); box-shadow: 0 30px 90px #000b; }
.pf-dialog::backdrop, .gx-dialog::backdrop { background: #05080dcc; backdrop-filter: blur(5px); }
.pf-dialog[open], .gx-dialog[open] { animation: pf-pop .18s ease-out; }
@keyframes pf-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.pf-small { width: min(440px, calc(100vw - 24px)); }
.pf-dhead, .gx-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.pf-dhead h2, .gx-head h2 { margin: 6px 0 0; font: 700 24px/1.2 Georgia, "Times New Roman", serif; }
.pf-x { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); color: var(--text); cursor: pointer; }
.pf-x:hover { border-color: var(--accent); }
.pf-dialog h4 { margin: 18px 0 8px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.pf-desc { white-space: pre-wrap; line-height: 1.55; margin: 14px 0; }
.pf-dialog .pf-slots { margin-top: 14px; }
.pf-muted { color: var(--muted); font-size: 13.5px; margin: 0; }
.pf-contact { padding: 2px 14px 12px; margin-top: 16px; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--accent) 7%, transparent); }
.pf-contact.locked { border-style: dashed; border-color: var(--line); background: none; }
.pf-contact-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pf-contact-line code, .pf-contact-line a { font-size: 15px; word-break: break-all; }
.btn.small { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; font-size: 12.5px; }
.pf-members { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pf-members li { display: flex; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 8px; background: var(--raised); }
.pf-mname { font-weight: 600; }
.pf-kick { margin-left: auto; display: grid; place-items: center; width: 26px; height: 26px; border: 0; border-radius: 6px; background: none; color: var(--muted); cursor: pointer; }
.pf-kick:hover { background: #e05a5a22; color: #e05a5a; }
.pf-members .pf-tag { margin-left: auto; }
.pf-dfoot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.pf-owner-tools { display: flex; gap: 8px; flex-wrap: wrap; }
.btn.danger { color: #e86a6a; border-color: #e86a6a66; }
.btn.danger:hover { background: #e05a5a1f; }

.pf-form { display: grid; gap: 12px; }
.pf-f { display: grid; gap: 5px; font-size: 13px; font-weight: 600; }
.pf-f small { color: var(--muted); font-weight: 400; font-size: 12px; }
.pf-form input, .pf-form select, .pf-form textarea { width: 100%; min-width: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--raised); color: var(--text); font: inherit; font-size: 14px; font-weight: 400; }
.pf-form textarea { resize: vertical; min-height: 70px; }
.pf-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pf-error { margin: 0; padding: 9px 12px; border-radius: 8px; background: #e05a5a1f; color: #f08a8a; font-size: 13.5px; }
.pf-dfoot .btn-primary { padding-left: 20px; padding-right: 20px; }

/* Get the extension */
.gx-dialog { width: min(860px, calc(100vw - 24px)); }
.gx-head p { margin: 6px 0 0; color: var(--muted); }
.gx-perks { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin: 0 0 18px; padding: 0; font-size: 13.5px; }
.gx-perks li { display: flex; align-items: center; gap: 8px; }
.gx-perks .ico { color: var(--accent); flex: none; }
.gx-opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gx-opt { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px 16px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--raised); }
.gx-opt.is-here { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.gx-here { position: absolute; top: -10px; left: 14px; padding: 2px 9px; border-radius: 99px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.gx-ico { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); color: var(--accent); }
.gx-opt h3 { margin: 6px 0 0; font-size: 17px; }
.gx-sub { margin: 0; color: var(--muted); font-size: 13px; }
.gx-steps { margin: 4px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.gx-go { margin-top: auto; justify-content: center; text-align: center; text-decoration: none; display: flex; padding: 10px 12px; font-weight: 700; }
.gx-opt .gx-go { margin-top: 12px; }
.gx-note { margin: 16px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--raised); color: var(--muted); font-size: 13px; }

/* Remind me: pressed look */
.tj-button.is-reminded, .btn.is-reminded { background: color-mix(in srgb, var(--accent) 22%, transparent) !important; border-color: var(--accent) !important; color: var(--text) !important; box-shadow: inset 0 0 0 1px var(--accent); }
.tj-button.is-reminded .ico, .btn.is-reminded .ico { color: var(--accent); }
.rm-banner { display: flex; align-items: center; gap: 12px; margin: 10px auto 0; max-width: 1320px; padding: 10px 14px; border: 1px solid var(--accent); border-radius: 10px; background: color-mix(in srgb, var(--accent) 10%, var(--surface)); color: var(--text); font-size: 14px; }
.rm-banner .ico { color: var(--accent); flex: none; }
.rm-banner b { font-weight: 700; }
.rm-banner .rm-actions { margin-left: auto; display: flex; gap: 8px; }

@media (max-width: 1100px) { .pf-filters { grid-template-columns: repeat(3, 1fr); } .pf-game.pf-field, .pf-filters .pf-game { grid-column: 1 / -1; } }
@media (max-width: 720px) {
  .pf-head { flex-direction: column; align-items: stretch; }
  .pf-filters { grid-template-columns: 1fr 1fr; }
  .pf-filters .pf-search { grid-column: 1 / -1; }
  .pf-grid { grid-template-columns: 1fr; }
  .pf-row { grid-template-columns: 1fr 1fr; }
  .gx-opts, .gx-perks { grid-template-columns: 1fr; }
  .pf-count { margin-left: 0; width: 100%; }
  .rm-banner { flex-wrap: wrap; }
}

/* primary buttons inside Party Finder and the extension popup (beats the palette's generic .btn rule) */
html:root[data-palette] :is(.pf, .pf-dialog, .gx-dialog) .btn.btn-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
html:root[data-palette] :is(.pf, .pf-dialog, .gx-dialog) .btn.btn-primary:hover { filter: brightness(1.08); }
html:root[data-palette] :is(.pf, .pf-dialog, .gx-dialog) .btn.btn-primary:disabled { opacity: .6; }
html:root[data-palette] .pf-dialog .btn.danger { color: #e86a6a; border-color: #e86a6a66; }

/* Fixed text sizes in the popups so big screens don't blow them up */
html:root[data-palette] :is(.pf-dialog, .gx-dialog) { font-size: 15px; }
html:root[data-palette] .gx-dialog .gx-head p { font-size: 15px; line-height: 1.4; }
html:root[data-palette] :is(.pf-dialog, .gx-dialog, .pf) .btn { font-size: 14px; line-height: 1.2; }
html:root[data-palette] .gx-dialog .btn.gx-go { font-size: 15px; padding: 11px 14px; min-height: 0; }
html:root[data-palette] .gx-dialog .gx-perks, html:root[data-palette] .gx-dialog .gx-steps { font-size: 14px; }
html:root[data-palette] .gx-dialog .gx-sub { font-size: 13.5px; }
/* Get the extension — Journal installation dialog. */
html:root[data-palette] .gx-dialog.gx-editorial{width:min(1180px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:38px 36px 20px;border:1px solid #737b85;border-radius:20px;background:url('/tracker/journal-grain.svg'),radial-gradient(ellipse at 75% 0,#7e384124,transparent 45%),linear-gradient(120deg,#1d2329,#10161d);color:#eeeae3;overflow:auto;box-shadow:0 25px 100px #0009;font:15px/1.5 'Segoe UI',sans-serif}
.gx-editorial .gx-close{position:absolute;right:24px;top:22px;background:#ffffff08;color:#eee;border:1px solid #69737e;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}
.gx-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}.gx-brand{display:flex;align-items:center;gap:10px}.gx-brand strong{font:700 27px Georgia,serif;letter-spacing:-.5px}.gx-brand em{font:italic 16px Georgia,serif;color:#b6bdc9}.gx-intro>h2{font:700 clamp(30px,3.3vw,46px)/1.06 Georgia,serif!important;color:#f4efe5!important;letter-spacing:-1px;margin:25px 0 16px}.gx-subtitle{font:700 27px/1.2 Georgia,serif;margin:0 0 8px}.gx-free{font-size:18px;color:#bac3d0;margin:0 0 24px}.gx-install-list{display:grid;gap:13px}.gx-install{display:flex;align-items:center;gap:17px;padding:17px;border:1px solid #606875;border-radius:12px;background:linear-gradient(115deg,#242d36aa,#1c222a77)}.gx-install.is-current{border:2px solid #4a94ff;padding:20px 17px;box-shadow:inset 0 0 25px #2873dd12,0 0 14px #286edf10}.gx-install-copy{flex:1;min-width:0}.gx-install-copy small{font-size:10px;letter-spacing:2px;color:#b3d3ff}.gx-install-copy h3{font:700 23px Georgia,serif;margin:4px 0}.gx-install-copy p{font-size:11px;color:#bdc5d0;margin:6px 0 0}.gx-chrome{position:relative;display:block;width:44px;height:44px;flex:none;border-radius:50%;background:conic-gradient(#e64640 0 33%,#f2c84e 33% 66%,#30a367 66% 100%);transform:rotate(-25deg)}.gx-chrome:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#4385eb;border:3px solid #edf5ff}.gx-browser-symbol{color:#88b6fb;flex:none;width:44px;display:grid;place-items:center}
html:root[data-palette] .gx-editorial .gx-go{margin:0;padding:10px 13px;font:600 14px 'Segoe UI',sans-serif;border-radius:7px;border:1px solid #6b9fee;background:linear-gradient(#348afa,#1754ca);color:white;box-shadow:inset 0 1px 0 #b8d7ff40;white-space:nowrap;min-height:39px;text-decoration:none}.gx-editorial .gx-go:hover{filter:brightness(1.12);box-shadow:0 4px 18px #287aff35}.gx-android{border:1px solid #606875;border-radius:12px;background:#ffffff04}.gx-android summary{display:flex;align-items:center;gap:17px;cursor:pointer;padding:16px;list-style:none}.gx-android summary::-webkit-details-marker{display:none}.gx-android summary strong{font:700 21px Georgia,serif;flex:1}.gx-android summary>span:last-child{font-size:13px;color:#85b8ff}.gx-android-body{padding:0 20px 18px}.gx-android-body .gx-go{width:max-content;margin-top:14px!important}.gx-android a{color:#94bfff}.gx-steps{line-height:1.7}.gx-preview{padding-top:40px;position:relative;min-width:0}.gx-preview-label{font-size:10px;letter-spacing:3px;text-align:center;color:#f1f0ed;margin:0 0 18px}.gx-demo{border:1px solid #7d8896;border-radius:17px;background:linear-gradient(110deg,#303842,#151d24);padding:17px;box-shadow:0 18px 40px #0004}.gx-demo .gx-brand strong{font-size:22px}.gx-demo .gx-brand em{font-size:12px}.gx-demo-search{display:flex;gap:10px;align-items:center;padding:11px;margin:15px 0;border:1px solid #64717f;border-radius:8px;color:#c8cfd7;font-size:12px}.gx-game-feature{position:relative;height:160px;overflow:hidden;border-radius:8px;margin-bottom:8px;background:#162132}.gx-game-feature>.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58)}.gx-game-feature>div{position:absolute;left:16px;bottom:18px;right:16px;text-shadow:0 1px 5px #000}.gx-game-feature small{font-size:9px;letter-spacing:2px;color:#acd0ff}.gx-game-feature strong{display:block;font:700 26px Georgia,serif;margin:5px 0}.gx-game-feature span{font-size:12px;text-transform:capitalize}.gx-game-feature>.ico{display:none}.gx-game-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff20}.gx-game-row>.cover{width:65px;height:44px;object-fit:cover;border-radius:5px}.gx-game-row>div{flex:1;min-width:0}.gx-game-row strong{display:block;font:700 17px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.gx-game-row span{font-size:10px;color:#9fc5fa;text-transform:capitalize}.gx-notice{position:relative;display:flex;align-items:center;gap:15px;margin:-4px -9px 0 30px;padding:16px;border:1px solid #9ac6ff;border-radius:12px;background:linear-gradient(120deg,#283747,#1a212b);box-shadow:0 8px 20px #0005;color:#edf3fc;font-size:13px}.gx-notice .ico{color:#9fc7ff}.gx-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0 0;padding:22px 0;list-style:none;border-top:1px solid #626b74;border-bottom:1px solid #626b74}.gx-benefits li{display:flex;align-items:center;gap:10px;font:15px Georgia,serif}.gx-benefits li+li{border-left:1px solid #626b74;padding-left:15px}.gx-benefits .ico{color:#93bfff;flex:none}.gx-footer{display:flex;justify-content:space-between;gap:15px;padding-top:15px;color:#b7c0ce;font-size:12px}.gx-footer button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.gx-editorial :focus-visible{outline:2px solid #9cc6ff;outline-offset:4px}
@media(max-width:800px){html:root[data-palette] .gx-dialog.gx-editorial{padding:26px 20px 18px}.gx-layout{grid-template-columns:1fr}.gx-preview{display:none}.gx-benefits{grid-template-columns:1fr 1fr}.gx-benefits li+li{border:0;padding:0}.gx-intro .gx-brand{padding-right:32px}.gx-intro>h2{font-size:36px!important}.gx-subtitle{font-size:23px}}
@media(max-width:480px){.gx-install{flex-wrap:wrap}.gx-install .gx-go{width:100%}.gx-install-copy{flex-basis:65%}.gx-brand strong{font-size:23px}.gx-brand em{font-size:12px}.gx-benefits{gap:16px;font-size:12px}.gx-benefits li{font-size:13px}.gx-footer em{max-width:180px;text-align:right}.gx-android summary{gap:8px}.gx-android summary strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.gx-dialog[open]{animation:none!important}}
/* Match the editorial reference proportions; isolate from site typography. */
html:root[data-palette] .gx-dialog.gx-editorial{font-family:'Segoe UI',sans-serif;width:min(1240px,calc(100vw - 40px));padding:28px 34px 18px;background:url('/tracker/journal-grain.svg'),radial-gradient(ellipse at 65% 0,#a13c4820,transparent 40%),linear-gradient(115deg,#14191e,#0e1318);isolation:isolate}
.gx-editorial:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;left:53%;width:260px;height:155px;background:linear-gradient(145deg,#ff8c9566,#7e273822 70%,transparent);clip-path:polygon(25% 0,66% 0,53% 43%,81% 0,100% 0,61% 59%,48% 46%,0 100%)}
.gx-editorial .gx-layout{grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.gx-editorial .gx-intro{padding:0}
.gx-editorial .gx-brand strong{font:700 27px/1.1 Georgia,serif!important;letter-spacing:-.4px}
.gx-editorial .gx-brand em{font:italic 16px Georgia,serif!important}
.gx-editorial .gx-intro>h2{font:700 clamp(32px,3.5vw,48px)/1.02 Georgia,serif!important;letter-spacing:-1.2px;margin:24px 0 16px}
.gx-editorial .gx-subtitle{font:700 28px/1.14 Georgia,serif!important;margin:0 0 10px;color:#f1ede5}
.gx-editorial .gx-free{font:400 18px/1.4 'Segoe UI',sans-serif;margin:0 0 25px;color:#bdc4ce}
.gx-editorial .gx-preview{padding-top:77px}
.gx-editorial .gx-preview-label{font:500 10px/1.2 'Segoe UI',sans-serif;letter-spacing:3px;margin:0 0 22px;white-space:nowrap}
.gx-editorial .gx-demo{padding:16px;background:linear-gradient(120deg,#252c32,#12191e);box-shadow:inset 0 1px 0 #ffffff25,0 15px 30px #0004;border-color:#747c85}
.gx-editorial .gx-demo .gx-brand strong{font-size:22px!important}
.gx-editorial .gx-demo .gx-brand em{font-size:12px!important}
.gx-editorial .gx-game-feature{height:145px}
.gx-editorial .gx-game-feature>div{bottom:17px}
.gx-editorial .gx-game-feature strong{font:700 28px/1.1 Georgia,serif!important}
.gx-editorial .gx-game-row{padding:8px 0;gap:11px}
.gx-editorial .gx-game-row>div{display:flex;align-items:center;gap:8px}
.gx-editorial .gx-game-row strong{font:700 18px/1.2 Georgia,serif!important;flex:1;max-width:175px}
.gx-editorial .gx-game-row span{border:1px solid #6388b1;border-radius:14px;padding:2px 8px;font:12px 'Segoe UI',sans-serif;color:#bcd7f8;background:#21344877;white-space:nowrap}
.gx-editorial .gx-notice{margin:-12px 30px 0;padding:17px 18px;min-height:58px;border-color:#a7d0ff;background:linear-gradient(115deg,#2b3747,#171f29);font:14px/1.3 'Segoe UI',sans-serif;box-shadow:inset 0 1px 0 #d4e9ff55,0 10px 25px #0006}
.gx-editorial .gx-install-list{gap:14px}
.gx-editorial .gx-install{min-height:68px;padding:13px 16px;background:linear-gradient(110deg,#242b32aa,#161c23aa);border-color:#59616a;gap:17px}
.gx-editorial .gx-install.is-current{min-height:118px;padding:19px 17px;border:2px solid #4398ff;background:radial-gradient(ellipse at 5% 0,#24426555,transparent 80%),#171e27}
.gx-editorial .gx-install-copy h3{font:700 23px/1.1 Georgia,serif!important;margin:6px 0}
.gx-editorial .gx-install-copy p{font:12px/1.35 'Segoe UI',sans-serif}
.gx-editorial .gx-install-copy small{font:600 10px 'Segoe UI',sans-serif;letter-spacing:2px}
.gx-browser-logo{width:43px;height:43px;object-fit:contain;flex:none}.gx-install.is-current .gx-browser-logo{width:52px;height:52px}
html:root[data-palette] .gx-editorial .gx-go{display:flex;align-items:center;gap:10px;background:linear-gradient(#2e8cff,#0a4cc7);border-color:#75aaff;font:600 15px/1.2 'Segoe UI',sans-serif;padding:11px 14px;box-shadow:inset 0 1px 0 #d3e8ff55,0 3px 12px #1655bc25}
.gx-external{font-size:20px;line-height:1}
.gx-editorial .gx-android summary{padding:14px 16px;min-height:65px}.gx-editorial .gx-android summary strong{font:700 21px/1.2 Georgia,serif!important}
.gx-editorial .gx-benefits{margin:26px 0 0;padding:21px 0;gap:12px}.gx-editorial .gx-benefits li{font:15px/1.25 Georgia,serif!important}
.gx-editorial .gx-footer{font:13px 'Segoe UI',sans-serif;padding-top:15px}
@media(min-width:801px) and (max-height:800px){html:root[data-palette] .gx-dialog.gx-editorial{padding:22px 28px 15px}.gx-editorial .gx-intro>h2{font-size:38px!important;margin:18px 0 12px}.gx-editorial .gx-subtitle{font-size:24px!important}.gx-editorial .gx-free{font-size:16px;margin-bottom:18px}.gx-editorial .gx-preview{padding-top:60px}.gx-editorial .gx-install.is-current{min-height:98px;padding:12px 14px}.gx-editorial .gx-install-list{gap:10px}.gx-editorial .gx-game-feature{height:120px}.gx-editorial .gx-game-row{padding:6px 0}.gx-editorial .gx-game-row>.cover{height:37px;width:52px}.gx-editorial .gx-demo-search{margin:12px 0;padding:9px}.gx-editorial .gx-notice{min-height:48px;padding:12px 15px}.gx-editorial .gx-benefits{padding:16px 0;margin-top:20px}.gx-editorial .gx-preview-label{margin-bottom:15px}}
@media(max-width:800px){.gx-editorial .gx-layout{grid-template-columns:1fr}.gx-editorial .gx-preview{display:none}.gx-editorial .gx-benefits{grid-template-columns:1fr 1fr}.gx-editorial:before{opacity:.45}.gx-editorial .gx-intro>h2{font-size:36px!important}.gx-editorial .gx-subtitle{font-size:24px!important}}
@media(max-width:480px){html:root[data-palette] .gx-dialog.gx-editorial{width:calc(100vw - 24px);padding:22px 16px 16px;box-sizing:border-box}.gx-editorial .gx-layout{display:block}.gx-editorial .gx-install{flex-wrap:wrap;min-width:0}.gx-editorial .gx-install-copy{flex:1 1 180px;min-width:0}.gx-editorial .gx-install .gx-go{width:100%;white-space:normal;box-sizing:border-box}.gx-editorial .gx-intro>h2{font-size:31px!important;overflow-wrap:anywhere}.gx-editorial .gx-subtitle{font-size:21px!important}.gx-editorial .gx-android summary{flex-wrap:wrap}.gx-editorial .gx-android summary strong{min-width:0;font-size:17px!important}.gx-editorial .gx-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-editorial .gx-benefits li{min-width:0;font-size:12px!important}.gx-editorial .gx-brand{gap:7px}.gx-editorial .gx-brand strong{font-size:23px!important}.gx-editorial .gx-brand em{font-size:12px!important}}
/* The install dialog follows the selected Journal appearance. */
html:root[data-palette][data-theme='light'] .gx-dialog.gx-editorial{background:url('/tracker/journal-grain.svg'),radial-gradient(ellipse at 65% 0,#ffd5dc60,transparent 45%),linear-gradient(115deg,#fff,#edf2f8);color:#202b3c;border-color:#bcc7d5;box-shadow:0 24px 90px #172a4240;color-scheme:light}
html:root[data-theme='light'] .gx-editorial :is(.gx-intro>h2,.gx-subtitle){color:#182438!important}
html:root[data-theme='light'] .gx-editorial :is(.gx-brand em,.gx-free,.gx-install-copy p,.gx-footer,.gx-preview-label){color:#536176}
html:root[data-theme='light'] .gx-editorial :is(.gx-install,.gx-android){background:linear-gradient(110deg,#fff,#edf1f7);border-color:#b7c3d2}
html:root[data-theme='light'] .gx-editorial .gx-install.is-current{background:linear-gradient(115deg,#e9f2ff,#f8fbff);border-color:#287bf1}
html:root[data-theme='light'] .gx-editorial :is(.gx-install-copy small,.gx-browser-symbol,.gx-android summary>span:last-child,.gx-android a){color:#2563b9}
html:root[data-theme='light'] .gx-editorial .gx-demo{background:linear-gradient(120deg,#fff,#eaf0f7);border-color:#a7b6c9;box-shadow:inset 0 1px 0 white,0 15px 30px #24456918}
html:root[data-theme='light'] .gx-editorial .gx-demo-search{color:#52617a;border-color:#b5c3d4;background:#ffffffb0}
html:root[data-theme='light'] .gx-editorial .gx-game-feature{color:#fff}
html:root[data-theme='light'] .gx-editorial .gx-game-row{border-color:#bcc8d655}
html:root[data-theme='light'] .gx-editorial .gx-game-row span{background:#e5eefb;color:#285c9c;border-color:#a0b9d7}
html:root[data-theme='light'] .gx-editorial .gx-notice{background:linear-gradient(115deg,#e5eefb,#f9fbff);color:#203c61;border-color:#8baedb;box-shadow:inset 0 1px 0 #fff,0 10px 25px #24456924}
html:root[data-theme='light'] .gx-editorial :is(.gx-notice .ico,.gx-benefits .ico){color:#3475c6}
html:root[data-theme='light'] .gx-editorial :is(.gx-benefits,.gx-benefits li+li){border-color:#bec8d5}
html:root[data-theme='light'] .gx-editorial .gx-close{background:#fff9;color:#203047;border-color:#b4c0d0}

/* Keep dismissal above the preview and available while the dialog scrolls. */
.gx-editorial .gx-close-rail{position:sticky;top:0;height:0;z-index:20;pointer-events:none}
html:root[data-palette] .gx-editorial .gx-close{position:absolute;top:0;right:-8px;width:44px;height:44px;padding:0;z-index:1;pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#252c35;box-shadow:0 2px 8px #0003}
.gx-editorial .gx-close svg{pointer-events:none}.gx-editorial .gx-close:hover{border-color:#91baff;filter:brightness(1.15)}
html:root[data-palette][data-theme='light'] .gx-editorial .gx-close{background:#f7f9fc;color:#203047}
@media(max-width:800px){.gx-editorial .gx-intro .gx-brand{padding-right:48px}}

html:root[data-palette] .gx-dialog.gx-editorial{overflow-x:hidden}