:root{--note-color:#0ea5e9;--dossier-color:#f97316;--record-color:#8b5cf6;--unknown-color:#64748b;--note-tracker-border:color-mix(in srgb, var(--border-default) 58%, transparent)}.note-tracker-page{gap:1rem}.note-tracker-shell{display:grid;gap:1rem}.note-controls-card,.note-search-field,.note-map-field,.note-filter-field,.note-view-field{min-width:0}.note-controls-card{display:grid;gap:.75rem}.note-search-field,.note-map-field,.note-filter-field,.note-view-field{display:grid;gap:.45rem}.note-search-field label,.note-map-field label,.note-filter-field label,.note-view-field label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.note-search-field input{width:100%;height:3rem;margin:0;border-width:1px;border-color:#ffffff0f;color:var(--input-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);box-shadow:none}.note-search-field input:hover{background-color:var(--input-focus);border-color:#ffffff1a}.note-search-field input:focus{background-color:var(--input-focus);border-color:var(--primary)}.note-options-row{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(20rem,1.25fr) minmax(10rem,.55fr);gap:.75rem;align-items:start}.note-progress-card{display:grid;grid-template-columns:auto minmax(8rem,1fr);align-items:center;gap:.65rem;margin-top:-.25rem;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:var(--input-border-radius);background:var(--input-background)}.progress-header{display:flex;align-items:baseline;gap:.45rem;min-width:max-content}.progress-header span{color:var(--text-disabled);font-size:var(--font-size-xs)}.progress-stats{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.2}.progress-bar{width:100%;height:.4rem;overflow:hidden;background:#ffffff14;border:0;border-radius:999px}.progress-fill{width:0%;height:100%;background:var(--success);border-radius:inherit;transition:width var(--transition-normal)}.map-selector,.note-filters,.view-toggle{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:0}.map-button,.note-filter,.view-toggle-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;margin:0;padding:.55rem .75rem;color:var(--text-secondary);background:color-mix(in srgb,var(--input-background) 82%,var(--background));border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md);box-shadow:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.1;text-align:center;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-fast)}.map-button{flex:1 1 8.5rem;position:relative;overflow:hidden}.map-button:before{content:"";position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;opacity:.14;transition:opacity var(--transition-normal)}.map-button:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.map-button{isolation:isolate}.map-button:hover,.note-filter:hover,.view-toggle-button:hover{color:var(--text-primary);background:var(--input-focus);border-color:#ffffff1f;transform:translateY(-1px)}.map-button.active,.note-filter.active,.view-toggle-button.active{color:var(--text-primary);background:color-mix(in srgb,var(--primary-container) 18%,var(--input-focus));border-color:color-mix(in srgb,var(--primary) 36%,rgba(255,255,255,.12))}.map-button.theisland:before{background-image:url(https://arkbuddy.app/images/maps/ASA/TheIsland.jpg?height=360)}.map-button.scorchedearth:before{background-image:url(https://arkbuddy.app/images/maps/ASA/ScorchedEarth.jpg?height=360)}.map-button.aberration:before{background-image:url(https://arkbuddy.app/images/maps/ASA/Aberration.jpg?height=360)}.map-button.extinction:before{background-image:url(https://arkbuddy.app/images/maps/ASA/Extinction.jpg?height=360)}.map-button.svartalfheim:before{background-image:url(https://arkbuddy.app/images/maps/ASA/Svartalfheim.jpg?height=360)}.note-filter{flex:1 1 auto}.note-filter.filter-note.active{border-color:color-mix(in srgb,var(--note-color) 60%,rgba(255,255,255,.12))}.note-filter.filter-dossier.active{border-color:color-mix(in srgb,var(--dossier-color) 60%,rgba(255,255,255,.12))}.note-filter.filter-record.active{border-color:color-mix(in srgb,var(--record-color) 60%,rgba(255,255,255,.12))}.note-filter.filter-unknown.active{border-color:color-mix(in srgb,var(--unknown-color) 60%,rgba(255,255,255,.12))}.view-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.view-toggle-button{gap:.45rem;width:100%}.view-toggle-button i{flex:0 0 auto;font-size:.95rem}.note-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.stat-card{display:grid;gap:.2rem;min-width:0;min-height:4.75rem;padding:.85rem;background:var(--input-background);border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md)}.stat-number{overflow:hidden;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.stat-label{overflow:hidden;color:var(--text-disabled);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.stat-card.stat-dossier .stat-number{color:var(--dossier-color)}.stat-card.stat-note .stat-number{color:var(--note-color)}.stat-card.stat-record .stat-number{color:var(--record-color)}.stat-card.stat-unknown .stat-number{color:var(--unknown-color)}.note-container{min-width:0}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.75rem}.note-item{--note-accent:var(--unknown-color);position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--note-accent) 5%,transparent),transparent 6rem),var(--input-background);border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-lg);box-shadow:none;contain:paint;cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal),transform var(--transition-fast)}.note-item:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--note-accent) 16%,transparent)}.note-item:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--note-accent) 7%,transparent),transparent 6rem),var(--input-focus);border-color:color-mix(in srgb,var(--note-accent) 24%,rgba(255,255,255,.1));box-shadow:0 .65rem 1.25rem #00000024;transform:translateY(-1px)}.note-type-dossier{--note-accent:var(--dossier-color)}.note-type-note{--note-accent:var(--note-color)}.note-type-record{--note-accent:var(--record-color)}.note-type-unknown{--note-accent:var(--unknown-color)}.note-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;contain:paint;background:color-mix(in srgb,var(--input-background) 72%,var(--background))}.note-image{width:100%;height:100%;object-fit:cover;transform:translateZ(0);transition:filter var(--transition-normal),opacity var(--transition-normal)}.note-item:hover .note-image{filter:saturate(1.05) brightness(1.04)}.note-checkbox-label{position:absolute;top:.65rem;right:.65rem;display:inline-flex;cursor:pointer}.note-checkbox{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.note-checkbox-visual{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:transparent;background:#020617b8;border:1px solid rgba(255,255,255,.22);border-radius:var(--border-radius-md);backdrop-filter:blur(6px);transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.note-checkbox:checked+.note-checkbox-visual{color:#fff;background:var(--success);border-color:var(--success)}.note-checkbox:focus-visible+.note-checkbox-visual{outline:2px solid var(--primary);outline-offset:2px}.note-info{display:grid;gap:.55rem;padding:.85rem;flex:1}.note-title{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.note-location{display:inline-flex;align-items:center;gap:.35rem;min-width:0;color:var(--text-disabled);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.note-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-actions{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto}.copy-command{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;color:var(--text-secondary);background:color-mix(in srgb,var(--input-background) 74%,var(--background));border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md);box-shadow:none;cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.copy-command:hover{color:var(--text-primary);background:color-mix(in srgb,var(--primary-container) 18%,var(--input-focus));border-color:color-mix(in srgb,var(--primary) 35%,rgba(255,255,255,.1))}.note-type-badge{display:inline-flex;align-items:center;min-height:1.7rem;padding:.3rem .55rem;color:var(--text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.06);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;white-space:nowrap}.note-type-dossier .note-type-badge{background:color-mix(in srgb,var(--dossier-color) 16%,var(--input-background));border-color:color-mix(in srgb,var(--dossier-color) 38%,rgba(255,255,255,.08))}.note-type-note .note-type-badge{background:color-mix(in srgb,var(--note-color) 16%,var(--input-background));border-color:color-mix(in srgb,var(--note-color) 38%,rgba(255,255,255,.08))}.note-type-record .note-type-badge{background:color-mix(in srgb,var(--record-color) 16%,var(--input-background));border-color:color-mix(in srgb,var(--record-color) 38%,rgba(255,255,255,.08))}.note-type-unknown .note-type-badge{background:color-mix(in srgb,var(--unknown-color) 16%,var(--input-background));border-color:color-mix(in srgb,var(--unknown-color) 38%,rgba(255,255,255,.08))}.note-item.collected{--note-accent:var(--success);border-color:color-mix(in srgb,var(--success) 34%,rgba(255,255,255,.08));opacity:.72}.note-item.collected:hover{opacity:1}.note-item.collected .note-image{filter:grayscale(.28) brightness(.82)}.map-view{width:100%;overflow:auto;background:var(--input-background);border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-lg)}.map-container{position:relative;width:100%;min-width:min(44rem,100%);aspect-ratio:1;overflow:hidden;background:color-mix(in srgb,var(--input-background) 72%,var(--background))}.map-image{display:block;width:100%;height:100%;object-fit:contain}.map-markers{position:absolute;inset:0;pointer-events:none}.map-marker{position:absolute;width:1rem;height:1rem;background:var(--unknown-color);border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 3px #0000003d;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);transition:box-shadow var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.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{position:absolute;bottom:calc(100% + .65rem);left:50%;z-index:20;min-width:9rem;max-width:16rem;padding:.55rem .65rem;color:var(--text-primary);background:var(--cardFull);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;text-align:center;transform:translate(-50%);transition:opacity var(--transition-fast)}.marker-tooltip strong{display:block;overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.marker-coords{margin-top:.25rem;color:var(--text-disabled);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.map-marker:hover .marker-tooltip{opacity:1}.loading-container{display:flex;align-items:center;justify-content:center;min-height:16rem}.loading-spinner{width:3rem;height:3rem;border:.25rem solid rgba(255,255,255,.08);border-top-color:var(--primary);border-radius:999px;animation:noteTrackerSpin .8s linear infinite}@keyframes noteTrackerSpin{to{transform:rotate(360deg)}}.note-empty-state{background:var(--input-background);border:1px dashed rgba(255,255,255,.1);border-radius:var(--border-radius-lg)}.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}.arkbuddy-light .note-progress-card,.arkbuddy-light .stat-card,.arkbuddy-light .note-item,.arkbuddy-light .map-view,.arkbuddy-light .map-button,.arkbuddy-light .note-filter,.arkbuddy-light .view-toggle-button,.arkbuddy-light .copy-command,.arkbuddy-light .note-type-badge,.arkbuddy-light .marker-tooltip,.arkbuddy-light .note-empty-state,.arkbuddy-light .progress-bar{border-color:#0f172a14}@media (max-width:1080px){.note-options-row{grid-template-columns:1fr}.note-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.note-tracker-shell{gap:.75rem}.note-progress-card{grid-template-columns:1fr}.progress-header{justify-content:space-between}.map-button,.note-filter,.view-toggle-button{min-height:2.75rem;font-size:var(--font-size-base)}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.note-info{padding:.65rem}.note-title{font-size:var(--font-size-sm)}.note-footer{align-items:flex-start;flex-direction:column;gap:.55rem}.note-actions{justify-content:space-between;width:100%}.note-location{width:100%;font-size:var(--font-size-sm)}.copy-command,.note-checkbox-visual{width:2.25rem;height:2.25rem}.map-container{min-width:38rem}}@media (max-width:480px){.note-stats,.note-grid,.view-toggle{grid-template-columns:1fr}}