:root{--note-color:#0ea5e9;--dossier-color:#f97316;--record-color:#8b5cf6;--unknown-color:#64748b}.note-tracker-page{gap:1rem}.note-tracker-shell{gap:1.25rem;display:grid}.note-overview{border-radius:var(--border-radius-md);background:color-mix(in srgb, var(--input-background) 88%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 7%, transparent);gap:1rem;padding:1rem;display:grid;container:note-overview/inline-size}.note-overview-body{border-top:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);gap:1rem;padding-top:1rem;display:grid}.note-progress-card{grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:.75rem 1rem;min-width:0;display:grid}.note-progress-summary{gap:.2rem;min-width:0;display:grid}.note-progress-summary>span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.note-progress-summary strong{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);line-height:1.2}.note-progress-percent{color:var(--primary-light);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);text-align:right;align-self:end;line-height:1}.note-progress-bar{grid-column:1/-1}.note-list-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.note-list-toolbar>div:first-child{min-width:0}.note-list-toolbar h2{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-wrap:balance;margin:0}.note-list-toolbar p{color:var(--text-disabled);font-size:var(--font-size-base);text-wrap:pretty;margin:.25rem 0 0;line-height:1.45}.note-toolbar-actions{flex-wrap:wrap;flex:none;align-items:stretch;gap:.5rem;display:flex}.note-tracker-page .view-toggle{flex:none;width:auto}.note-tracker-page .view-toggle button{white-space:nowrap;flex:none}.note-ghost-button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.note-ghost-button:disabled{cursor:not-allowed}.note-stats{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));min-width:0;display:grid}.note-stat{gap:.2rem;min-width:0;padding-inline:.75rem;display:grid}.note-stat:first-child{padding-left:0}.note-stat:not(:first-child){border-left:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent)}.note-stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold,600);text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.note-stat-label{color:var(--text-disabled);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;overflow:hidden}.note-results{gap:.75rem;min-width:0;display:grid}@container note-overview (width>=32rem){.note-list-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.note-list-toolbar p{font-size:var(--font-size-sm)}}@container note-overview (width>=44rem){.note-overview-body{grid-template-columns:minmax(0,6fr) minmax(19rem,5fr);align-items:center}.note-stats{border-left:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);padding-left:1rem}}.note-container{min-width:0}.note-tracker-page .note-grid{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.75rem;display:grid}.note-tracker-page .note-item{background:var(--input-background);border:1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);border-radius:var(--border-radius-md);content-visibility:auto;contain-intrinsic-size:auto 17rem;grid-template-rows:auto auto;width:100%;min-width:0;display:grid;overflow:clip}.note-tracker-page .note-item.is-collected{border-color:color-mix(in srgb, var(--success) 40%, #ffffff14)}.note-tracker-page .note-item:has(.note-select-button:focus-visible){background:var(--input-focus);border-color:color-mix(in srgb, var(--primary) 32%, #ffffff14)}.note-tracker-page .note-item.is-collected:has(.note-select-button:focus-visible){border-color:color-mix(in srgb, var(--success) 40%, #ffffff14)}.note-tracker-page .note-select-button{appearance:none;width:100%;min-width:0;color:inherit;border-radius:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:0;grid-template-rows:auto 1fr;margin:0;padding:0;display:grid;overflow:hidden}.note-tracker-page .note-select-button:focus-visible{outline:2px solid var(--cta-primary);outline-offset:-2px}.note-tracker-page .note-select-button:active{transform:scale(.98)}.note-tracker-page .note-image-wrapper{aspect-ratio:16/9;background:color-mix(in srgb, var(--input-background) 72%, var(--background));width:100%;display:block;position:relative;overflow:hidden}.note-tracker-page .note-image{object-fit:cover;outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;height:100%;display:block}.note-tracker-page .note-collected-label{color:#fff;background:color-mix(in srgb, var(--success) 88%, var(--input-background));border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);padding:.3rem .5rem;position:absolute;bottom:.55rem;right:.55rem;transform:translateY(.2rem)}.note-tracker-page .note-item.is-collected .note-collected-label{opacity:1;visibility:visible;transform:translateY(0)}.note-tracker-page .note-info{gap:.35rem;min-width:0;padding:.75rem;display:grid}.note-tracker-page .note-title{min-width:0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.note-tracker-page .note-meta{min-width:0;color:var(--text-disabled);font-size:var(--font-size-sm);white-space:nowrap;align-items:baseline;gap:.75rem;display:flex;overflow:hidden}.note-tracker-page .note-type-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.note-tracker-page .note-coordinate{color:var(--text-secondary);flex:none}.note-tracker-page .note-card-actions{justify-content:flex-end;padding:0 .75rem .75rem;display:flex}.map-view{background:var(--input-background);border-radius:var(--border-radius-lg);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--text-primary) 7%, transparent);scrollbar-gutter:stable;overscroll-behavior:contain;border:0;overflow:auto}.map-container{aspect-ratio:1;background:color-mix(in srgb, var(--input-background) 72%, var(--background));width:100%;min-width:min(44rem,100%);position:relative;overflow:hidden}.map-image{object-fit:contain;outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;height:100%;display:block}.map-markers{pointer-events:none;position:absolute;inset:0}.map-marker{background:var(--unknown-color);cursor:pointer;pointer-events:auto;width:1.15rem;height:1.15rem;transition:box-shadow var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:2px solid #fff;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0000003d}.map-marker:hover{z-index:10;transform:translate(-50%,-50%)scale(1.35)}.marker-dossier{background:var(--dossier-color)}.marker-note{background:var(--note-color)}.marker-record{background:var(--record-color)}.marker-unknown,.marker-other{background:var(--unknown-color)}.map-marker.collected{opacity:1;box-shadow:0 0 0 3px #ffffffc7, 0 0 0 7px color-mix(in srgb, var(--success) 42%, transparent)}.marker-tooltip{z-index:20;min-width:9rem;max-width:16rem;color:var(--text-primary);background:var(--cardFull);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;text-align:center;transition:opacity var(--transition-fast);border:1px solid #ffffff14;padding:.55rem .65rem;position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translate(-50%)}.marker-tooltip strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.marker-coords{color:var(--text-disabled);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:.25rem}.map-marker:hover .marker-tooltip{opacity:1}.loading-container{justify-content:center;align-items:center;min-height:16rem;display:flex}.loading-spinner{border:.25rem solid #ffffff14;border-top-color:var(--primary);border-radius:999px;width:3rem;height:3rem;animation:.8s linear infinite noteTrackerSpin}@keyframes noteTrackerSpin{to{transform:rotate(360deg)}}.note-empty-state{background:var(--input-background);border:1px dashed color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:var(--border-radius-lg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arkbuddy-light .marker-tooltip,.arkbuddy-light .note-empty-state{border-color:#0f172a14}.arkbuddy-light .note-image,.arkbuddy-light .map-image{outline-color:#0000001a}@media (width<=720px){.note-tracker-shell{gap:.75rem}.note-tracker-page .note-grid{gap:.6rem}.map-container{min-width:38rem}}@media (hover:hover) and (pointer:fine){.note-tracker-page .note-item:has(.note-select-button:hover){background:var(--input-focus);border-color:color-mix(in srgb, var(--primary) 32%, transparent)}.note-tracker-page .note-item.is-collected:has(.note-select-button:hover){border-color:color-mix(in srgb, var(--success) 40%, #ffffff14)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.6s}.note-select-button,.note-collected-label,.map-marker{transition-duration:.01ms}}