: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{gap:1rem;display:grid}.note-controls-card,.note-search-field,.note-map-field,.note-filter-field,.note-view-field{min-width:0}.note-controls-card{gap:.75rem;display:grid}.note-search-field,.note-map-field,.note-filter-field,.note-view-field{gap:.45rem;display:grid}.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;color:var(--input-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);box-shadow:none;border-width:1px;border-color:#ffffff0f;margin:0}.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{grid-template-columns:minmax(16rem,1fr) minmax(20rem,1.25fr) minmax(10rem,.55fr);align-items:start;gap:.75rem;display:grid}.note-progress-card{border-radius:var(--input-border-radius);background:var(--input-background);border:1px solid #ffffff0f;grid-template-columns:auto minmax(8rem,1fr);align-items:center;gap:.65rem;margin-top:-.25rem;padding:.45rem .6rem;display:grid}.progress-header{align-items:baseline;gap:.45rem;min-width:max-content;display:flex}.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:var(--linear-progress-height);background:var(--linear-progress-track);--linear-progress-gap-color:var(--input-background);border:0;border-radius:999px;position:relative;overflow:visible}.progress-bar:after{content:"";z-index:2;width:var(--linear-progress-stop-size);height:var(--linear-progress-stop-size);background:var(--linear-progress-active);border-radius:999px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.progress-fill{z-index:1;background:var(--linear-progress-active);width:0%;height:100%;transition:var(--linear-progress-transition);border-radius:999px;position:relative}.progress-fill:after{content:"";top:0;right:calc(-1 * var(--linear-progress-gap));width:var(--linear-progress-gap);background:var(--linear-progress-gap-color);height:100%;position:absolute}.progress-bar:has(.progress-fill[style*="width: 100"]):after,.progress-fill[style*="width: 100"]:after{display:none}.map-selector,.note-filters,.view-toggle{flex-wrap:wrap;gap:.5rem;margin-top:0;display:flex}.map-button,.note-filter,.view-toggle-button{min-height:2.5rem;color:var(--text-secondary);background:color-mix(in srgb, var(--input-background) 82%, var(--background));border-radius:var(--border-radius-md);box-shadow:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), transform var(--transition-fast);border:1px solid #ffffff0f;justify-content:center;align-items:center;margin:0;padding:.55rem .75rem;line-height:1.1;display:inline-flex}.map-button{flex:8.5rem;position:relative;overflow:hidden}.map-button:before{content:"";z-index:0;opacity:.14;transition:opacity var(--transition-normal);background-position:50%;background-size:cover;position:absolute;inset:0}.map-button:after{content:"";z-index:0;background:linear-gradient(#0000,#0000002e);position:absolute;inset:0}.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%, #ffffff1f)}.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:auto}.note-filter.filter-note.active{border-color:color-mix(in srgb, var(--note-color) 60%, #ffffff1f)}.note-filter.filter-dossier.active{border-color:color-mix(in srgb, var(--dossier-color) 60%, #ffffff1f)}.note-filter.filter-record.active{border-color:color-mix(in srgb, var(--record-color) 60%, #ffffff1f)}.note-filter.filter-unknown.active{border-color:color-mix(in srgb, var(--unknown-color) 60%, #ffffff1f)}.view-toggle{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.view-toggle-button{gap:.45rem;width:100%}.view-toggle-button i{flex:none;font-size:.95rem}.note-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.stat-card{background:var(--input-background);border-radius:var(--border-radius-md);border:1px solid #ffffff0f;gap:.2rem;min-width:0;min-height:4.75rem;padding:.85rem;display:grid}.stat-number{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.stat-label{color:var(--text-disabled);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.75rem;display:grid}.note-item{--note-accent:var(--unknown-color);isolation:isolate;background:linear-gradient(180deg, color-mix(in srgb, var(--note-accent) 5%, transparent), transparent 6rem), var(--input-background);border-radius:var(--border-radius-lg);min-width:0;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);border:1px solid #ffffff0f;flex-direction:column;display:flex;position:relative;overflow:hidden}.note-item:before{content:"";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);position:absolute;inset:0}.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%, #ffffff1a);transform:translateY(-1px);box-shadow:0 .65rem 1.25rem #00000024}.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{aspect-ratio:16/10;contain:paint;background:color-mix(in srgb, var(--input-background) 72%, var(--background));width:100%;position:relative;overflow:hidden}.note-image{object-fit:cover;width:100%;height:100%;transition:filter var(--transition-normal), opacity var(--transition-normal);transform:translateZ(0)}.note-item:hover .note-image{filter:saturate(1.05)brightness(1.04)}.note-checkbox-label{cursor:pointer;display:inline-flex;position:absolute;top:.65rem;right:.65rem}.note-checkbox{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.note-checkbox-visual{color:#0000;border-radius:var(--border-radius-md);backdrop-filter:blur(6px);width:2rem;height:2rem;transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal);background:#020617b8;border:1px solid #ffffff38;justify-content:center;align-items:center;display:inline-flex}.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{flex:1;gap:.55rem;padding:.85rem;display:grid}.note-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.25;display:-webkit-box;overflow:hidden}.note-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.note-location{min-width:0;color:var(--text-disabled);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:.35rem;display:inline-flex}.note-location span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-actions{flex:none;align-items:center;gap:.45rem;display:inline-flex}.copy-command{width:2rem;height:2rem;color:var(--text-secondary);background:color-mix(in srgb, var(--input-background) 74%, var(--background));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);border:1px solid #ffffff0f;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.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%, #ffffff1a)}.note-type-badge{min-height:1.7rem;color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:.3rem .55rem;line-height:1;display:inline-flex}.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%, #ffffff14)}.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%, #ffffff14)}.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%, #ffffff14)}.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%, #ffffff14)}.note-item.collected{--note-accent:var(--success);border-color:color-mix(in srgb, var(--success) 34%, #ffffff14);opacity:.72}.note-item.collected:hover{opacity:1}.note-item.collected .note-image{filter:grayscale(.28)brightness(.82)}.map-view{background:var(--input-background);border-radius:var(--border-radius-lg);border:1px solid #ffffff0f;width:100%;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;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:1rem;height:1rem;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-radius:var(--border-radius-lg);border:1px dashed #ffffff1a}.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 .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 (width<=1080px){.note-options-row{grid-template-columns:1fr}.note-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (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{flex-direction:column;align-items:flex-start;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 (width<=480px){.note-stats,.note-grid,.view-toggle{grid-template-columns:1fr}}