:root{--bg-page:#110d13;--bg-shell:#17121a;--bg-panel:#1d1720;--bg-panel-strong:#241d27;--bg-panel-soft:#2b2330;--bg-elevated:#302636;--line:#3f3444;--line-strong:#5b4962;--text:#f7edf3;--muted:#b7a4b2;--muted-strong:#d5c5d1;--accent:#ff66aa;--accent-deep:#d94b8f;--accent-soft:rgba(255,102,170,0.14);--accent-soft-strong:rgba(255,102,170,0.24);--success:#8dc95f;--danger:#d95b85;--shadow:0 18px 48px rgba(0,0,0,0.35);--radius-panel:12px;--radius-card:10px;--radius-input:8px;--radius-pill:999px;--font-body:Inter,"Arial",sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body,html{height:100%;overflow:hidden}body{margin:0;color:var(--text);background:radial-gradient(circle at top,rgba(255,102,170,.16),transparent 20%),linear-gradient(180deg,#1d1720,#130f16 110px,#110d13 0,#110d13);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%}.page-shell{height:100vh;padding:24px;overflow:hidden}.page-layout{display:flex;height:calc(100vh - 48px);min-height:0;flex-direction:column;gap:16px}.dashboard-grid{z-index:1;display:grid;height:100%;min-height:0;flex:1 1;grid-template-columns:300px minmax(0,1fr) 360px;grid-gap:16px;gap:16px}.dashboard-grid,.panel{position:relative;overflow:hidden}.panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(180deg,var(--bg-panel-strong),var(--bg-panel));box-shadow:var(--shadow)}.panel:before{display:none}.panel:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.02);border-radius:inherit;pointer-events:none;content:""}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;padding:18px 20px 16px;overflow:visible;z-index:10}.site-header__identity{display:flex;min-width:0;align-items:center;gap:14px}.site-header__credit a{color:var(--accent,#ff66ab);text-decoration:none}.site-header__credit a:hover{text-decoration:underline}.site-header__brand{display:flex;align-items:center;gap:12px}.site-header__logo{display:block;width:48px;height:48px;flex:none}.site-header__meta{display:flex;flex-direction:column;min-width:0;gap:3px}.site-header__title{margin:0;font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:800;line-height:.98}.site-header__credit{color:var(--muted);font-size:.8rem;line-height:1.3}.site-header__actions{display:flex;align-items:center;gap:14px}.login-button{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--bg-panel-strong);color:var(--muted-strong);font-size:.9rem;font-weight:600;text-decoration:none;transition:background .14s ease,border-color .14s ease;white-space:nowrap}.login-button:hover{background:var(--bg-elevated);border-color:var(--muted)}.profile-menu{position:relative}.profile-menu__trigger{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-panel);color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .14s ease,background .14s ease}.profile-menu__trigger:hover{border-color:var(--line-strong);background:var(--bg-panel-strong)}.profile-menu__trigger strong{font-size:.88rem}.profile-menu__trigger .site-header__avatar{border-radius:50%}.profile-menu__chevron{color:var(--muted);transition:transform .2s ease}.profile-menu__chevron[data-open=true]{transform:rotate(180deg)}.profile-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100;display:flex;min-width:160px;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-panel-strong);box-shadow:var(--shadow)}.profile-menu__item{display:block;padding:10px 14px;border-radius:var(--radius-input);color:var(--text);font-size:.88rem;font-weight:500;text-decoration:none;transition:background .1s ease}.profile-menu__item:hover{background:rgba(255,255,255,.06)}.profile-menu__item--danger{color:var(--danger)}.login-button--full{width:100%;justify-content:center;padding:10px 20px;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.login-button--full:hover{background:var(--accent-soft-strong);border-color:var(--accent)}.site-header__user{display:flex;align-items:center;gap:12px}.site-header__avatar{width:52px;height:52px;border:1px solid var(--line-strong);border-radius:50%;background:#120f15;object-fit:cover}.site-header__account{display:flex;flex-direction:column;gap:2px}.site-header__account strong{font-size:1rem}.site-header__session-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.drawer{flex-direction:column;overflow:hidden}.drawer,.drawer__body{display:flex;min-height:0}.drawer__body{flex:1 1;flex-direction:column;gap:20px;padding:20px;overflow:auto}.left-drawer .drawer__body{overflow:hidden;justify-content:flex-start;gap:18px}.right-drawer{min-height:0}.right-drawer .drawer__body{overflow-x:hidden;overflow-y:auto}.drawer__eyebrow{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.drawer__title{margin:0;font-size:clamp(1.45rem,2vw,2rem);font-weight:800;line-height:1.05;text-transform:lowercase}.drawer__title--proper{text-transform:none}.drawer__copy{margin:0;color:var(--muted);line-height:1.55}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:8px 12px;background:rgba(0,0,0,.14);color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge[data-tone=cool],.badge[data-tone=warm]{color:#fff;background:var(--accent-soft);border-color:var(--accent-soft-strong)}.stack{display:flex;flex-direction:column;gap:12px}.checklist__item,.empty-card,.friend-card,.hero-card,.map-focus-card,.map-unknown,.stat-card,.status-card,.top-country-row{position:relative;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08))}.hero-card{display:flex;flex-direction:column;gap:16px;padding:16px}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-row-gap:8px;row-gap:8px;grid-column-gap:12px;column-gap:12px}.widget-grid__heading{grid-column:1/-1;margin:0;padding-bottom:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);line-height:1}.left-drawer__hero{gap:14px;padding:16px}.left-drawer__stat-grid{gap:10px}.left-drawer__stat-card{padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.1)),rgba(17,13,19,.34)}.left-drawer__stat-card strong{font-size:1.12rem}.left-drawer__country-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.left-drawer__country-pill{display:flex;min-height:84px;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.08)),rgba(17,13,19,.34);color:inherit;cursor:pointer;text-align:left;transition:border-color .14s ease}.left-drawer__country-pill:hover:not(:disabled){border-color:var(--accent)}.left-drawer__country-pill:disabled{cursor:default}.left-drawer__country-pill[data-tone=accent]{border-color:var(--line)}.left-drawer__country-pill-label{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.left-drawer__country-pill strong{font-size:1.18rem;line-height:1}.left-drawer__country-pill-meta{margin-top:auto;color:var(--muted);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}.left-drawer__mode-grid{row-gap:12px}.profile-meta__detail{color:var(--muted);font-size:.9rem;line-height:1.4}.widget-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08))}.widget-card--metric{display:flex;min-height:96px;flex-direction:column;justify-content:space-between;padding:12px 14px}.widget-card--grow{display:flex;flex:1 1;min-height:0;flex-direction:column;padding:14px}.widget-card__label{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.widget-card--metric strong{font-size:1.3rem;line-height:1}.widget-card__subcopy{color:var(--muted);font-size:.8rem;line-height:1.3}.widget-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.widget-card__header strong{font-size:.94rem}.widget-card__footnote,.widget-card__header span{color:var(--muted);font-size:.78rem}.widget-card__empty{color:var(--muted);font-size:.84rem}.left-drawer .widget-grid{flex:none}.mode-rank-card{gap:8px;justify-content:flex-start;min-height:98px;text-decoration:none;color:inherit;transition:border-color .14s ease}a.mode-rank-card:hover{border-color:var(--accent)}.mode-rank-card strong{font-size:1rem;line-height:1.15;overflow-wrap:anywhere}.mode-rank-card__rank{font-size:.95rem;font-weight:800;line-height:1;margin-top:auto}.login-card{align-items:center;justify-content:center;min-height:100%}.login-card__logo{width:96px;height:96px;opacity:.92}.profile-row{display:flex;align-items:center;gap:16px}.profile-row img{border:1px solid var(--line);border-radius:14px;flex:none}.friend-card__avatar{border:1px solid var(--line);border-radius:8px}.profile-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.profile-meta strong{font-size:1.32rem;line-height:1.02;overflow-wrap:anywhere}.profile-meta span{display:block}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.stat-card{padding:14px}.stat-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;margin-top:6px;font-size:1.45rem}.input{width:100%;height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:0 14px;background:#120f15;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,102,170,.12)}.input::placeholder{color:#8f7f8d}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:0 14px;background:#120f15;color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover{border-color:var(--accent)}.button:disabled{cursor:wait;opacity:.7}.button--primary{border-color:rgba(255,102,170,.4);background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;font-weight:700}.button--ghost{background:transparent}.empty-card,.status-card{padding:14px 16px;color:var(--muted-strong);line-height:1.5}.status-card{border-color:rgba(255,102,170,.3);background:rgba(255,102,170,.12);color:#ffe3ef}.status-card[data-tone=danger]{border-color:rgba(217,91,133,.34);background:rgba(217,91,133,.16)}.section-title{margin:0 0 10px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.checklist,.friend-list,.top-country-list{display:flex;flex-direction:column;gap:10px}.checklist__item{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px 14px}.checklist__item p{margin:0;color:var(--muted);line-height:1.45}.checklist__index{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--text);font-size:.84rem;font-weight:800}.top-country-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:12px 14px}.top-country-row strong{font-size:.94rem}.top-country-row span{color:var(--muted);font-size:.78rem;text-transform:uppercase}.map-panel,.map-shell{display:flex;min-height:0}.map-shell{flex:1 1;flex-direction:column;padding:20px}.map-frame{position:relative;flex:1 1;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,#231b29,#171219)}.map-frame:before{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 100%);pointer-events:none;content:""}.map-frame[data-zoomed=true] .map-svg{cursor:-webkit-grab;cursor:grab}.map-frame[data-dragging=true] .map-svg{cursor:-webkit-grabbing;cursor:grabbing}.map-controls{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;gap:8px;pointer-events:auto}.map-control{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-input);background:rgba(17,13,19,.94);color:var(--text);cursor:pointer;font-size:.92rem;font-weight:800;transition:border-color .14s ease,color .14s ease}.map-control:focus-visible,.map-control:hover{border-color:var(--accent);color:#fff;outline:none}.map-control--reset{min-width:72px}.map-svg{display:block;width:100%;height:100%;min-height:0;position:relative;z-index:1}.map-svg__backdrop{fill:rgba(255,255,255,.01)}.map-focus-card{position:absolute;top:18px;right:18px;z-index:2;width:min(220px,calc(100% - 36px));padding:12px 14px;background:rgba(17,13,19,.94)}.map-focus-card strong{display:block;margin-top:0;font-size:1.1rem}.map-focus-card p{margin:6px 0 0;color:var(--muted);line-height:1.2}.map-country{fill:#2a2130;stroke:#4b3c52;stroke-width:.8;vector-effect:non-scaling-stroke;outline:none;-webkit-tap-highlight-color:transparent;transition:fill .14s ease,stroke .14s ease,transform .14s ease}.map-country[data-interactive=true]{cursor:pointer}.map-country[data-interactive=false]{opacity:.45}.map-country[data-tone=low]{fill:#583556}.map-country[data-tone=mid]{fill:#9f4d81}.map-country[data-tone=high]{fill:#ff66aa}.map-country[data-active=true],.map-country[data-interactive=true]:focus-visible,.map-country[data-interactive=true]:hover{fill:#ffd2e6;stroke:#ffffff;outline:none}.map-country:focus{outline:none}.map-footer{position:absolute;right:18px;bottom:18px;z-index:2;display:flex;align-items:center}.map-unknown{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(17,13,19,.92);color:var(--muted);font-size:.78rem}.country-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.country-header strong{display:block;font-size:1.25rem}.country-header span{display:block;margin-top:6px;color:var(--muted)}.friend-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px}.friend-card__meta{min-width:0}.friend-card__meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card__meta span{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.2}.friend-card__link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line);border-radius:var(--radius-input);padding:0 12px;color:var(--muted-strong);font-size:.8rem;font-weight:700;transition:border-color .14s ease,color .14s ease}.friend-card__link:hover{border-color:var(--accent);color:#fff}.toolbar-row{display:flex;align-items:center;gap:12px}.toolbar-row--split{align-items:center;justify-content:space-between}.toolbar-row .input{min-width:0;flex:1 1}.sort-accordion{position:relative;display:inline-flex;min-width:0;flex:none;z-index:8}.sort-accordion__trigger{display:inline-flex;height:42px;min-height:42px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:0 12px;background:#120f15;color:var(--text);text-align:left;transition:border-color .14s ease}.sort-accordion__trigger:focus-visible,.sort-accordion__trigger:hover{border-color:var(--accent);outline:none}.sort-accordion__value{font-size:.84rem;font-weight:700;line-height:1;white-space:nowrap}.sort-accordion__chevron{color:var(--muted);width:14px;height:14px;flex:none;transition:transform .14s ease}.sort-accordion[data-open=true] .sort-accordion__chevron{transform:rotate(180deg)}.sort-accordion__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:24;display:flex;min-width:max(100%,152px);width:max-content;max-width:min(240px,calc(100vw - 48px));flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--radius-card);padding:8px;background:rgba(17,13,19,.92);box-shadow:0 16px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sort-accordion__option{display:inline-flex;min-height:36px;align-items:center;justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted-strong);text-align:left;transition:border-color .14s ease,background .14s ease,color .14s ease}.sort-accordion__option:focus-visible,.sort-accordion__option:hover{border-color:var(--line-strong);background:rgba(255,255,255,.04);color:#fff;outline:none}.sort-accordion__option[data-active=true]{border-color:rgba(255,102,170,.24);background:rgba(255,102,170,.14);color:#fff}.country-breakdown-list{display:flex;flex-direction:column;gap:10px}.country-breakdown-row{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08));color:var(--text);cursor:pointer;text-align:left;transition:border-color .14s ease,transform .14s ease,background .14s ease}.country-breakdown-row:focus-visible,.country-breakdown-row:hover{border-color:var(--accent);background:linear-gradient(180deg,rgba(255,102,170,.08),rgba(0,0,0,.12));outline:none}.country-breakdown-row__rank{display:inline-grid;width:38px;height:38px;place-items:center;font-size:1.25rem;line-height:1}.country-breakdown-row__body{display:flex;min-width:0;flex-direction:column;gap:10px}.country-breakdown-row__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.country-breakdown-row__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem}.country-breakdown-row__meta span{color:var(--muted-strong);font-size:.84rem;font-weight:700}.country-breakdown-row__bar{position:relative;display:block;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.country-breakdown-row__bar:after{position:absolute;top:0;bottom:0;left:0;width:var(--country-share);border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ff9dc8);content:""}.language-selector{position:relative;display:inline-flex;min-width:0;flex:none;z-index:8}.language-selector__trigger{display:inline-flex;height:42px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--radius-input);padding:0 12px;background:rgba(17,13,19,.6);color:var(--text);cursor:pointer;transition:border-color .14s ease}.language-selector__trigger:focus-visible,.language-selector__trigger:hover{border-color:var(--accent);outline:none}.language-selector__globe{width:16px;height:16px;flex:none;color:var(--muted)}.language-selector__value{font-size:.84rem;font-weight:700;line-height:1;white-space:nowrap}.language-selector__chevron{color:var(--muted);width:14px;height:14px;flex:none;transition:transform .14s ease}.language-selector[data-open=true] .language-selector__chevron{transform:rotate(180deg)}.language-selector__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:24;display:grid;grid-template-columns:1fr 1fr;width:max-content;min-width:340px;max-width:min(420px,calc(100vw - 48px));max-height:min(480px,calc(100vh - 120px));overflow-y:auto;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:var(--radius-card);padding:8px;background:rgba(17,13,19,.92);box-shadow:0 16px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-selector__option{display:inline-flex;min-height:36px;align-items:center;justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted-strong);cursor:pointer;text-align:left;transition:border-color .14s ease,background .14s ease,color .14s ease}.language-selector__option:focus-visible,.language-selector__option:hover{border-color:var(--line-strong);background:rgba(255,255,255,.04);color:#fff;outline:none}.language-selector__option[data-active=true]{border-color:rgba(255,102,170,.24);background:rgba(255,102,170,.14);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1180px){.site-header{grid-template-columns:1fr}.site-header__actions{justify-self:flex-start;flex-wrap:wrap}.site-header__account,.site-header__actions{align-items:flex-start}.dashboard-grid{grid-template-columns:290px minmax(0,1fr)}.right-drawer{grid-column:1/-1;min-height:340px}}@media (max-width:860px){body,html{height:auto;overflow:auto}.page-shell{height:auto;min-height:100vh;padding:14px;overflow:visible}.page-layout{height:auto;min-height:0}.dashboard-grid{height:auto;grid-template-columns:1fr}.dashboard-grid,.left-drawer .drawer__body{overflow:visible}.map-panel{min-height:400px}.drawer__body,.map-shell{padding:16px}.map-frame,.map-svg{min-height:400px}.map-focus-card{top:14px;right:14px;left:14px;width:auto}.map-footer{flex-direction:column;align-items:flex-start}.right-drawer{min-height:300px}}@media (max-width:640px){.button-row{flex-direction:column}.button{width:100%}.friend-card{grid-template-columns:56px minmax(0,1fr)}.friend-card__link{grid-column:1/-1}}[dir=rtl] .dashboard-grid,[dir=rtl] .page-layout,[dir=rtl] .site-header{direction:ltr}[dir=rtl] .drawer__body,[dir=rtl] .language-selector__panel,[dir=rtl] .map-focus-card,[dir=rtl] .map-unknown,[dir=rtl] .sort-accordion__panel{direction:rtl}