*{box-sizing:border-box}
:root{
  --bg1:#06111d;
  --bg2:#0a2238;
  --bg3:#0d4865;
  --ink:#07111d;
  --panel:#081b2d;
  --panel2:#0c243a;
  --line:#264761;
  --line2:#355b77;
  --cyan:#38d9ea;
  --cyan-soft:#1b7e96;
  --pink:#f45490;
  --pink-shadow:#872548;
  --gold:#e1b24f;
  --gold-soft:#7b5d18;
  --green:#2ae55f;
  --green-soft:#0d6f3a;
  --text:#edf4ff;
  --muted:#9ab2cb;
}
html{min-height:100%;background:var(--bg1)}
body{margin:0;min-height:100vh;font-family:"Courier New",Courier,monospace;font-weight:800;color:var(--text);letter-spacing:.02em;background:
  radial-gradient(circle at 50% 0%,rgba(56,217,234,.08),transparent 28%),
  linear-gradient(180deg,#0a3450 0%,#0a2135 24%,#071625 56%,#050d17 100%);
  overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0 1px,transparent 1px 4px);z-index:20}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.4));z-index:0}
a{color:inherit}
.layout{position:relative;z-index:1;width:min(1160px,94vw);margin:auto;padding:22px 0 48px}
.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:4px solid #0d1623;background:linear-gradient(180deg,#07192b,#061322);box-shadow:7px 7px 0 rgba(0,0,0,.28);padding:14px 16px}
.logo-wrap{justify-self:center}
.logo{width:min(240px,36vw);height:auto;image-rendering:pixelated;display:block}
.nav-button{display:inline-block;border:3px solid #6f93a8;background:#163149;box-shadow:3px 3px 0 #050e19;color:#ebf6ff;text-decoration:none;padding:10px 13px;font:inherit;font-size:11px;letter-spacing:.08em}
.nav-button:hover{background:#214462}
.nav-button.alt{background:#10253b}
.content-column{width:min(960px,100%);margin:24px auto 0;display:grid;gap:18px}
.panel{position:relative;border:3px solid #09131f;box-shadow:7px 7px 0 rgba(0,0,0,.22);padding:20px;overflow:hidden}
.panel::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.panel-deep{background:linear-gradient(180deg,rgba(7,26,44,.97),rgba(6,19,33,.97))}
.panel-accent{background:linear-gradient(180deg,rgba(8,29,46,.97),rgba(12,34,52,.97))}
.panel-map{background:linear-gradient(180deg,rgba(8,26,41,.97),rgba(10,29,46,.97))}
.panel-note{background:linear-gradient(180deg,rgba(10,24,39,.97),rgba(8,19,31,.97))}
.hero-kicker,.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--cyan);margin:0}
.account-hero{padding:26px 24px 24px}
.hero-copy-inline{position:relative;z-index:2;max-width:620px}
.account-hero h1{margin:11px 0 12px;font-size:clamp(35px,6vw,58px);letter-spacing:.06em;line-height:1.02;text-shadow:4px 4px 0 #193851}
.lede,.section-copy{font-size:13px;line-height:1.8;color:var(--muted);max-width:62ch;margin:0}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero-tags span,.mini-badge{display:inline-block;padding:7px 10px;border:1px solid #32536d;background:#0f2438;color:#b6ddf1;font-size:9px;letter-spacing:.12em}
.hero-orb{position:absolute;right:20px;top:20px;width:min(190px,24vw);height:auto;image-rendering:pixelated;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.18));pointer-events:none;z-index:1}
.hero-passport{position:relative;z-index:2;margin-top:22px;max-width:100%}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.panel h2{margin:10px 0 0;font-size:clamp(18px,2.6vw,24px)}
.side-icon{width:34px;height:34px;image-rendering:pixelated;opacity:.95}
.side-icon-large{width:78px;height:78px;align-self:center}
.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.panel-stat{padding:16px 14px;background:linear-gradient(180deg,#0b1f33,#081827)}
.stat-card span{font-size:9px;letter-spacing:.12em;color:#8fb5cb}
.stat-card strong{display:block;margin:13px 0 6px;font-size:clamp(28px,4vw,40px);line-height:1;color:var(--text)}
.stat-card small{display:block;font-size:10px;line-height:1.4;color:#7896b0}
.highlight-cyan{box-shadow:0 0 0 1px rgba(56,217,234,.28) inset,7px 7px 0 rgba(0,0,0,.22)}
.highlight-cyan strong{color:var(--cyan)}
.highlight-gold{box-shadow:0 0 0 1px rgba(225,178,79,.28) inset,7px 7px 0 rgba(0,0,0,.22)}
.highlight-gold strong{color:#ffd87d}
.highlight-pink{box-shadow:0 0 0 1px rgba(244,84,144,.26) inset,7px 7px 0 rgba(0,0,0,.22)}
.highlight-pink strong{color:#ff8ab3}
.calendar-panel{padding-bottom:18px}
.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 13px}
.calendar-nav button{border:3px solid #6f93a8;background:#163149;box-shadow:3px 3px 0 #050e19;color:#ebf6ff;font:inherit;cursor:pointer;font-size:22px;line-height:1;padding:4px 12px}
.calendar-nav button:hover:not(:disabled){background:#214462}
.calendar-nav button:disabled{opacity:.35;cursor:not-allowed}
.calendar-nav strong{font-size:13px;letter-spacing:.12em;text-align:center}
.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.weekdays span{text-align:center;font-size:10px;color:#8eb0c6;padding:5px 0}
.day{display:grid;place-items:center;aspect-ratio:1/1;background:#10273b;border:2px solid #28455c;color:#88a6bc;font:inherit;font-size:12px;cursor:pointer}
.day:disabled{opacity:.2;cursor:default}
.day.daily{background:#0f6e45;border-color:#28dc76;color:#fff}
.day.archive{background:#8a661e;border-color:#efc55d;color:#fff}
.day.played{background:#184367;border-color:#4ca1d6;color:#e8f6ff}
.day.selected{outline:2px solid var(--pink);outline-offset:2px}
.day:focus-visible,.calendar-nav button:focus-visible,.nav-button:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.calendar .blank{visibility:hidden}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 14px;font-size:9px;color:#aac3d3}
.swatch{width:10px;height:10px;display:inline-block;margin-right:5px}
.swatch.daily{background:#2ae55f}.swatch.archive{background:#e1b24f}.swatch.played{background:#4ca1d6}
.day-detail{background:linear-gradient(180deg,#0a1b2d,#091725);border:2px solid #28465e;color:#c5d6e5;min-height:72px;padding:14px;font-size:11px;line-height:1.8}
.day-detail strong{color:#fff}
.day-detail a{display:inline-block;margin-top:6px;color:var(--cyan);text-decoration:none}
.day-detail a:hover{text-decoration:underline}
.distribution{margin-top:18px;display:grid;gap:10px}
.dist-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;font-size:12px;color:#d1e1ef}
.dist-bar-area{display:flex;align-items:center;gap:10px;min-width:0;padding-right:42px}
.dist-bar{height:24px;border:2px solid #33516b;background:#0b1c2f;box-sizing:border-box;flex-shrink:0;min-width:0;box-shadow:3px 3px 0 rgba(4,17,29,.6)}
.dist-fill{width:100%;height:100%;background:linear-gradient(90deg,#54ebff,#2c9ccd 70%,#1b6f91)}
.dist-count{flex-shrink:0;min-width:18px;text-align:left;color:#9ec3d7}
.fine{font-size:11px;color:#9ec3d7}
.note-list{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.8}
.note-list li+li{margin-top:7px}
.footer-bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;border-top:1px solid #22415c;margin-top:28px;padding-top:20px;font-size:9px;letter-spacing:.12em;color:#96b7ca}
.footer-bar a{text-decoration:none}
.footer-bar a:hover{text-decoration:underline}
.sync-panel{overflow:visible}
.passport-card{margin-top:12px;border:2px solid #42728c;background:linear-gradient(155deg,#102f45,#071b2e 72%);box-shadow:4px 4px 0 #06101b;overflow:hidden}
.passport-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed #48758b;padding:10px 14px;font-size:10px;letter-spacing:.14em;color:#7be7eb}
.passport-mark{width:22px;height:22px;display:block;image-rendering:pixelated;flex:none}
.passport-main{display:flex;align-items:center;gap:13px;padding:19px 14px}
.passport-icon{display:grid;place-items:center;width:58px;min-width:58px;height:60px;border:2px solid #3c7592;background:#0b2031}
.passport-icon img{width:31px;height:40px;object-fit:contain;image-rendering:pixelated}
.passport-info{min-width:0;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}
.passport-label{color:#91b6ca;font-size:9px;letter-spacing:.15em}
.passport-info strong{color:#f4f8ff;font-size:15px;line-height:1.35}
.passport-info span:last-child{font-size:11px;font-weight:600;line-height:1.6;color:#a4bfd2}
.sync-indicator{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #254a63;background:#0a2033;padding:13px 14px;color:#c2d9e8;font-size:11px;line-height:1.6}
.sync-dot{flex-shrink:0;width:10px;height:10px;margin-top:3px;background:#8aa7b7;box-shadow:2px 2px 0 #061323}
.sync-indicator[data-state="synced"] .sync-dot{background:var(--green)}
.sync-indicator[data-state="syncing"] .sync-dot{background:var(--cyan)}
.sync-indicator[data-state="conflict"] .sync-dot{background:var(--gold)}
.sync-indicator[data-state="failed"] .sync-dot{background:var(--pink)}
.passport-actions{padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.passport-signout,.review-action{border:2px solid #c74079;box-shadow:3px 3px 0 #661f3e;background:#f45490;padding:10px 13px;font:inherit;font-size:10px;letter-spacing:.09em;color:#130a14;cursor:pointer;max-width:100%;white-space:normal;text-align:center}
.passport-retry{border:2px solid #4fbcd5;background:#103b50;color:#e9faff;padding:10px 12px;font:inherit;font-size:10px;letter-spacing:.06em;cursor:pointer}
.passport-retry[hidden]{display:none!important}
.passport-help{font-size:10px;line-height:1.7;color:#8eafc1;margin:12px 0 0}
.passport-account{display:block;font-size:11px;color:#7be7eb!important;font-weight:700;overflow-wrap:anywhere;line-height:1.5}
.passport-account[hidden],.backup-panel[hidden]{display:none!important}
.conflict-review{margin-top:18px;background:#12283a;border:2px solid var(--gold);box-shadow:4px 4px 0 #413317;padding:16px}
.conflict-review h3{font-size:14px;color:#ffe2a0;margin:0 0 9px;line-height:1.5}
.conflict-review p{font-size:11px;line-height:1.7;color:#d3e0e8;margin:8px 0 13px}
.conflict-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.8;color:#ffe5ad;margin:10px 0 16px}
.conflict-review .review-action{font-size:10px}
.google-signin{max-width:100%;overflow:hidden}
.history-import-choice{border:2px solid #40d5e8;background:#071a28;color:#e9f4ff;padding:22px;margin:20px 0;box-shadow:5px 5px 0 #0b344b}
.history-import-choice h3{font-size:1.18rem;line-height:1.5;margin:14px 0}
.history-import-choice p{font-size:.78rem;line-height:1.85;color:#b4cce2}
.import-eyebrow{font-size:.68rem;letter-spacing:2px;color:#4adff2}
.import-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.import-primary,.import-secondary{font:inherit;font-size:.73rem;letter-spacing:1px;cursor:pointer;padding:13px 17px;border:2px solid #07111e}
.import-primary{background:#fc4a93;color:#100a19;box-shadow:3px 3px 0 #7f2252}
.import-secondary{background:#20354c;color:#e6efff;box-shadow:3px 3px 0 #0a1427}
.import-actions button:disabled{opacity:.5;cursor:wait}
@media(max-width:1040px){.hero-orb{width:min(168px,26vw)}}
@media(max-width:820px){.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-orb{opacity:.28;width:150px}}
@media(max-width:720px){.layout{width:95vw;padding-top:12px}.topbar{grid-template-columns:1fr;justify-items:center;text-align:center}.nav-button{width:100%;text-align:center}.logo{max-width:60vw}.content-column{margin-top:18px}.account-hero{padding:18px}.account-hero h1{font-size:36px}.hero-tags{gap:8px}.side-icon-large{width:56px;height:56px}}
@media(max-width:520px){.quick-stats{grid-template-columns:1fr}.calendar{gap:4px}.day{font-size:11px}.weekdays span{font-size:9px}.panel{padding:15px}.footer-bar{justify-content:center;text-align:center}.passport-main{padding:14px 10px;gap:10px}.passport-icon{width:45px;min-width:45px;height:52px}.passport-info strong{font-size:13px}.passport-actions{padding:12px 10px}.conflict-review{padding:12px}.history-import-choice{padding:16px}.hero-orb{position:static;display:block;width:135px;margin:0 0 14px auto;opacity:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Google-signed-in adventurer portrait; guest explorers retain the pin. */
.passport-icon.signed-in-avatar{width:76px;min-width:76px;height:76px;overflow:hidden}
.passport-icon.signed-in-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
@media(max-width:520px){.passport-icon.signed-in-avatar{width:64px;min-width:64px;height:64px}}


/* Shared subpage navigation, matches My PinPointr header */
.subpage-menu-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #6f93a8;background:#10253b;box-shadow:3px 3px 0 #050e19;color:#ebf6ff;padding:10px 13px;font:inherit;font-size:11px;letter-spacing:.08em;min-height:40px;text-decoration:none;white-space:nowrap;}
.subpage-menu-button:hover{background:#214462;}
@media(max-width:480px){.subpage-menu-button{font-size:9px;padding:7px 9px;}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;}.topbar .logo{max-width:128px!important;}.topbar>.subpage-menu-button{justify-self:end;}}

@media(max-width:480px){.topbar .logo{max-width:118px!important;}.topbar .nav-button{font-size:9px;padding:7px 7px;}.topbar .subpage-menu-button{font-size:9px;padding:7px 7px;}}

/* Shared game-identical hamburger icon and menu dialog for account and friends */
.subpage-menu-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;background:#17354c!important;border:3px solid #7ca4b9!important;box-shadow:3px 3px 0 #071a2e!important;color:#fff!important;cursor:pointer!important;border-radius:0!important;justify-self:end!important;}
.subpage-menu-button span{display:block;width:20px;height:3px;background:#fff;box-shadow:1px 1px 0 #071a2e;flex-shrink:0}
.subpage-menu-button:hover{transform:translate(2px,2px)!important;box-shadow:1px 1px 0 #071a2e!important}

/* Denser dashboard stat tiles without changing the underlying metrics. */
.quick-stats{gap:9px}
.quick-stats .panel-stat{padding:12px 14px;min-height:0}
.quick-stats .stat-card strong{font-size:clamp(24px,3.2vw,34px);margin:8px 0 4px}
.quick-stats .stat-card span{font-size:9px}
.quick-stats .stat-card small{font-size:9px}
@media(max-width:520px){.quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-stats .panel-stat{padding:12px 10px}.quick-stats .stat-card strong{font-size:clamp(23px,6vw,30px)}.quick-stats .stat-card span,.quick-stats .stat-card small{font-size:8px;line-height:1.5}}

/* Country Logbook — independent 5×5 collectible gallery */
.logbook-progress{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:17px 0;color:var(--gold);font-size:12px;letter-spacing:.06em}
#logbookSource{color:var(--muted);font-size:10px}
.logbook-nav{margin:14px 0 18px}
.logbook-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 10px}
.logbook-tile{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border:2px solid var(--line);background:#0b2338;color:var(--text);font:inherit;text-align:center;overflow:hidden}
button.logbook-tile{cursor:pointer}
button.logbook-tile:hover{border-color:var(--cyan);background:#12334d}
button.logbook-tile:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.logbook-tile.locked{opacity:.85}
.logbook-flag{display:block;width:min(100%,120px);aspect-ratio:1.6;object-fit:contain;image-rendering:pixelated}
.logbook-tile.locked .logbook-flag{filter:brightness(.07) grayscale(1)}
.logbook-name{font-size:10px;line-height:1.35;overflow-wrap:anywhere;min-height:2.7em;display:flex;align-items:center;justify-content:center}
.logbook-tile.locked .logbook-name{font-size:18px;color:var(--muted)}
.logbook-intel-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:transparent;overflow:hidden}
.logbook-intel-dialog::backdrop{background:rgba(0,8,18,.85)}
.logbook-intel-dialog iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.logbook-intel-close{position:absolute;right:10px;top:10px;z-index:5;background:var(--pink);color:#081425;border:3px solid #081425;font:inherit;font-size:24px;cursor:pointer;padding:3px 12px}
@media(max-width:650px){.logbook-grid{gap:7px 4px}.logbook-tile{padding:5px 2px;gap:5px;border-width:1px}.logbook-name{font-size:7px;line-height:1.25;min-height:3.75em}.logbook-tile.locked .logbook-name{font-size:14px}.logbook-progress{font-size:10px}}

/* Compact 10 × 5 Country Logbook (50 countries per page). */
.logbook-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px 5px}
.logbook-tile{padding:6px 2px;gap:4px;border-width:1px}
.logbook-flag{width:100%;max-width:75px}
.logbook-name{font-size:8px;line-height:1.2;min-height:2.4em}
.logbook-tile.locked .logbook-name{font-size:13px}
@media(max-width:650px){.logbook-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px 2px}.logbook-tile{padding:3px 1px;gap:3px}.logbook-name{font-size:5px;min-height:2.5em}.logbook-tile.locked .logbook-name{font-size:10px}}
/* Native Country Intel modal; remains on the account page. */
























/* Country Intel layout update — October 2026: expanded centered modal */












/* October 2026 Country Intel: single, fixed-screen, scroll-free view. */

















































/* Country Intel: consistent custom pixel icons, no text-glyph fallback. */


/* A 16:9 image must NEVER be stretched to fill a portrait mobile dialog. */
  

























/* Override the old iframe-only presentation. */
dialog.logbook-intel-dialog{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 22px));max-width:calc(100vw - 22px);height:auto;max-height:calc(100dvh - 22px);overflow-y:auto;padding:18px;background:#051d30;border:5px solid #04101f;outline:3px solid #17b5dc;outline-offset:-10px;color:#f7f7ff}





@media(max-width:650px){dialog.logbook-intel-dialog{padding:12px;max-height:calc(100dvh - 12px)}}

/* My PinPointr: compact six-card statistics strip. */
.quick-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.quick-stats .panel-stat{min-width:0;padding:13px 10px}
.quick-stats .stat-card span{font-size:clamp(7px,.65vw,9px);line-height:1.5;display:block}
.quick-stats .stat-card strong{font-size:clamp(22px,2.3vw,34px);margin:9px 0 5px}
.quick-stats .stat-card small{font-size:clamp(7px,.65vw,9px)}
@media(max-width:850px){.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.quick-stats{gap:7px}.quick-stats .panel-stat{padding:10px 7px}.quick-stats .stat-card strong{font-size:clamp(19px,6vw,27px)}.quick-stats .stat-card span,.quick-stats .stat-card small{font-size:7px;overflow-wrap:anywhere}}

/* My PinPointr Country Intel: centered, bounded modal rather than a viewport-filling sheet. */







/* Passport Friends link appears only with an authenticated session. */
.passport-friends:not([hidden]){display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:2px solid #151126;box-shadow:3px 3px 0 #926b21;background:#f4c451;color:#130a14;font:inherit;font-size:10px;letter-spacing:.09em;font-weight:900;text-decoration:none;text-align:center;white-space:nowrap;}
.passport-friends:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 #926b21;}
/* Mobile logbook captions may wrap at spaces, never inside words. */
@media(max-width:650px){.logbook-name{overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0;max-width:100%;text-align:center;display:block;}}

/* PinPointr-styled Google entry and consistent arcade press animation. */
.pinpointr-google-trigger{border:2px solid #c74079;box-shadow:3px 3px 0 #661f3e;background:#f45490;padding:11px 15px;font:inherit;font-size:10px;letter-spacing:.09em;color:#130a14;cursor:pointer;max-width:100%;min-height:42px;transition:transform .09s,box-shadow .09s,filter .09s}
.pinpointr-google-trigger:hover:not(:disabled),.passport-signout:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 #661f3e;filter:brightness(1.05)}
.pinpointr-google-trigger:active:not(:disabled),.passport-signout:active:not(:disabled){transform:translate(3px,3px);box-shadow:none}
.pinpointr-google-trigger:focus-visible,.passport-signout:focus-visible{outline:3px solid #fff;outline-offset:3px}
.google-fallback-note{font-size:10px;line-height:1.6;color:#a8cedd;margin:10px 0 6px}
.google-native-fallback{max-width:100%;margin-top:8px}
.google-fallback-note[hidden],.google-native-fallback[hidden]{display:none!important}
@media(hover:none){.pinpointr-google-trigger:hover:not(:disabled),.passport-signout:hover:not(:disabled){transform:none;box-shadow:3px 3px 0 #661f3e;filter:none}}

/* Small desktop pixel-art icon adjustments; leave mobile dimensions intact. */
@media(min-width:721px){.logbook-panel .side-icon{width:43px;height:43px;} .section-head .side-icon[src$='pixel-crosshair.png']{width:43px;height:43px;}}
/* Match the Friends mobile hero: decorative globe behind readable hero text. */
@media(max-width:520px){.account-hero .hero-orb{position:absolute;right:8px;top:15px;width:125px;height:auto;margin:0;opacity:.32;filter:none;z-index:1;} .account-hero .hero-copy-inline{position:relative;z-index:2;max-width:100%;} .account-hero .hero-passport{position:relative;z-index:2;}}
/* Larger mobile labels; per-name width fitter reduces only names that need it. */
@media(max-width:650px){.logbook-tile.unlocked .logbook-name{font-size:8px;overflow-wrap:normal;word-break:normal;hyphens:none;}}

/* Daily / Hard Mode selector, shared by statistics, calendar, and distribution. */
.stats-mode-picker{display:flex;justify-content:center;gap:0;margin:24px 0 8px}
.stats-mode-button{border:3px solid #071725;background:#142e48;color:#9ac4d9;font:inherit;font-size:clamp(10px,1vw,13px);letter-spacing:.09em;padding:12px 22px;cursor:pointer;box-shadow:4px 4px 0 #050e19}
.stats-mode-button+.stats-mode-button{border-left:0}
.stats-mode-button.selected{background:#f477a8;color:#081b30}
.stats-mode-button:focus-visible{outline:3px solid #36d8eb;outline-offset:3px}
.stats-mode-title{text-align:center;color:#a9d5e8;font-size:11px;letter-spacing:.15em;margin:0 0 12px}
@media(max-width:520px){.stats-mode-button{padding:10px 16px}.stats-mode-picker{margin-top:18px}}

/* Shared pixel Google badge in the existing sign-in action. */
.pinpointr-google-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.pinpointr-google-trigger .google-signin-button-icon{display:block;width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex:0 0 22px}