[data-game=globe]{--game-accent-h: 211;--game-accent-s: 85%;--game-accent-l: 52%}.globe-main{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-10);display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-body),Inter,-apple-system,BlinkMacSystemFont,sans-serif}.globe-intro{text-align:center;padding:var(--space-8) var(--space-6)}.globe-intro h1{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:800;color:var(--color-text-primary);margin:var(--space-2) 0}.globe-intro p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--space-2)}.globe-logo{font-size:3.5rem;line-height:1;margin-bottom:var(--space-3)}.globe-round-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);position:sticky;top:var(--space-2);z-index:var(--z-raised);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.globe-round-header__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.globe-round-header__value{font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);font-family:var(--font-display)}.globe-round-header__pill{display:flex;flex-direction:column;align-items:center;gap:2px}.globe-round-header__divider{width:1px;height:32px;background:var(--color-border-default)}.globe-clues{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.globe-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:1px solid var(--color-border-subtle);transition:border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast);background:var(--color-surface-card);min-height:120px;display:flex;flex-direction:column}.globe-card:not(.globe-card--revealed):hover{border-color:var(--game-accent);transform:translateY(-2px);box-shadow:0 8px 24px var(--game-accent-glow)}.globe-card--revealed{cursor:default;border-color:var(--color-border-default)}.globe-card__front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);height:100%;flex:1}.globe-card__icon{font-size:1.75rem;line-height:1}.globe-card__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.globe-card__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.globe-card__back{display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-3);height:100%;flex:1;gap:var(--space-2)}.globe-card--revealed .globe-card__front{display:none}.globe-card--revealed .globe-card__back{display:flex}.globe-card__back-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--game-accent);align-self:flex-start}.globe-flag{width:100%;max-height:70px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.globe-map-svg{width:100%;max-height:84px}.globe-map-path{fill:var(--game-accent);opacity:.85;stroke:var(--game-accent);stroke-width:.5;stroke-linejoin:round}.globe-clue-value{font-size:var(--text-sm);font-family:var(--font-body),Inter,sans-serif;font-weight:700;color:var(--color-text-primary);text-align:center;line-height:1.4;margin:0}.globe-clue-sub{font-size:var(--text-xs);font-family:var(--font-body),Inter,sans-serif;color:var(--color-text-tertiary);text-align:center;line-height:1.4;margin:0}.globe-guess__input{font-family:var(--font-body),Inter,sans-serif!important}.globe-card__cost{position:absolute;top:var(--space-1-5);right:var(--space-1-5);background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:10px;font-weight:700;color:var(--color-text-tertiary);padding:1px 5px;line-height:1.4}.globe-card--revealed .globe-card__cost{display:none}.globe-guess{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;bottom:0;background:var(--color-surface-page);padding-top:var(--space-3);padding-bottom:var(--space-4);margin-top:var(--space-1);border-top:1px solid var(--color-border-subtle);z-index:var(--z-raised)}.globe-guess__row{display:flex;gap:var(--space-2)}.globe-guess__input{flex:1;min-width:0}.globe-attempts{display:flex;align-items:center;gap:var(--space-2)}.globe-attempts__dots{display:flex;gap:var(--space-1)}.globe-attempt-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-default);transition:background var(--duration-normal)}.globe-attempt-dot--used{background:var(--color-status-error)}.globe-attempts__label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.globe-wrong-guess{padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-status-error) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-status-error) 30%,transparent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-status-error);display:flex;align-items:center;gap:var(--space-2)}.globe-round-complete{padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:globe-slide-up var(--duration-slow) var(--ease-out)}.globe-round-complete--won{background:color-mix(in srgb,var(--color-status-success) 10%,var(--color-surface-raised));border:1px solid color-mix(in srgb,var(--color-status-success) 30%,transparent)}.globe-round-complete--lost{background:color-mix(in srgb,var(--color-status-error) 10%,var(--color-surface-raised));border:1px solid color-mix(in srgb,var(--color-status-error) 30%,transparent)}.globe-round-complete__emoji{font-size:2.5rem;line-height:1}.globe-round-complete__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);margin:0}.globe-round-complete__country{font-size:var(--text-2xl);font-weight:700;color:var(--game-accent);margin:0}.globe-round-complete__score{font-size:var(--text-sm);color:var(--color-text-secondary)}.globe-round-complete__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.globe-score-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.globe-score-row:last-child{border-bottom:none}.globe-score-row__name{color:var(--color-text-secondary)}.globe-score-row__pts{font-weight:700;color:var(--color-text-primary)}.globe-mode-picker{width:100%;margin:var(--space-2) 0}.globe-mode-picker__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.globe-mode-picker__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.globe-mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-card);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast);color:var(--color-text-secondary)}.globe-mode-btn:hover{border-color:var(--game-accent);color:var(--color-text-primary);transform:translateY(-1px)}.globe-mode-btn--active{border-color:var(--game-accent);background:color-mix(in srgb,var(--game-accent) 12%,var(--color-surface-card));color:var(--color-text-primary)}.globe-mode-btn__icon{font-size:1.25rem;line-height:1}.globe-mode-btn__label{font-size:var(--text-xs);font-weight:700;line-height:1.2}.globe-mode-btn__desc{font-size:9px;color:var(--color-text-tertiary);line-height:1.2;text-align:center}.globe-results{width:100%;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;font-size:var(--text-sm)}.globe-results__mode{padding:var(--space-1-5) var(--space-3);background:color-mix(in srgb,var(--game-accent) 15%,transparent);color:var(--game-accent);font-size:var(--text-xs);font-weight:700;text-align:center;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle)}.globe-results__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-card)}.globe-results__row:last-of-type{border-bottom:none}.globe-results__flag{width:28px;height:18px;object-fit:cover;border-radius:2px;border:1px solid var(--color-border-subtle);flex-shrink:0}.globe-results__name{flex:1;color:var(--color-text-primary);font-weight:500;text-align:left}.globe-results__pts{font-weight:700;color:var(--color-status-success);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.globe-results__pts--zero{color:var(--color-text-tertiary)}.globe-results__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border-top:1px solid var(--color-border-default);font-weight:700;color:var(--color-text-primary);font-size:var(--text-sm)}.globe-results__total em{font-style:normal;color:var(--color-text-secondary);font-weight:400}.globe-mode-badge{font-size:var(--text-sm)!important}.globe-mode-badge--worldcup{color:#f59e0b}.globe-mode-badge--easy{color:var(--color-status-success)}.globe-mode-badge--medium{color:var(--color-text-primary)}.globe-mode-badge--hard{color:var(--color-status-error)}.globe-anthem{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.globe-anthem__player{width:100%;height:36px;accent-color:var(--game-accent);border-radius:var(--radius-sm)}.globe-anthem__credit{font-size:9px;color:var(--color-text-tertiary);margin:0;text-align:center;line-height:1.4}.globe-anthem__link{color:var(--color-text-tertiary);text-decoration:underline;text-underline-offset:2px}.globe-anthem__link:hover{color:var(--game-accent)}.globe-anthem__fallback{width:100%}.globe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-20) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.globe-expand-hint{font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;opacity:.6;margin-left:var(--space-1)}.globe-flag--expandable,.globe-map-svg--expandable{cursor:zoom-in;transition:opacity var(--duration-fast),transform var(--duration-fast);border-radius:var(--radius-sm)}.globe-flag--expandable:hover,.globe-map-svg--expandable:hover{opacity:.85;transform:scale(1.03)}.globe-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:globe-modal-in var(--duration-normal) var(--ease-out) both;outline:none}.globe-modal--closing{animation:globe-modal-out var(--duration-normal) var(--ease-out) both}.globe-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.globe-modal__box{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:min(480px,92vw);width:100%;pointer-events:none}.globe-modal__label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);text-align:center;margin:0}.globe-modal__flag{width:100%;max-height:56vw;object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);box-shadow:0 24px 64px #0009}.globe-modal__map{width:100%;max-height:56vw;aspect-ratio:1;filter:drop-shadow(0 16px 40px rgba(0,0,0,.5))}.globe-modal__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}@keyframes globe-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes globe-modal-in{0%{opacity:0}to{opacity:1}}@keyframes globe-modal-out{0%{opacity:1}to{opacity:0}}@media (max-width: 400px){.globe-clues{grid-template-columns:repeat(2,1fr)}}