.metadata{padding:24px 32px;color:#fff;width:100%;box-sizing:border-box;background:var(--bg-panel);box-shadow:0 1px 3px rgba(0,0,0,.25);position:relative}.metadata.fade-in{animation-fill-mode:backwards}.metadata-header{display:flex;justify-content:space-between;align-items:flex-start}.metadata-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:4px}.metadata-title{display:block;font-size:28px;font-weight:700}.metadata{user-select:none;-webkit-user-select:none}.metadata .metadata-edit-input{user-select:text;-webkit-user-select:text}.tag-list .inline-edit{font-size:12px;line-height:16px;color:#ccc;padding:4px 0}.metadata-field-link{color:inherit;text-decoration:none;transition:color .12s}.metadata-field-link:hover{text-decoration:underline;color:var(--accent-hover)}.metadata-title-secondary{font-size:15px;color:#aaa;margin-bottom:4px}.metadata-artist-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:4px;row-gap:0}.metadata-source{font-size:13px;color:#aaa}.metadata-source-name{font-weight:700;color:#ccc}.metadata-artist{font-size:18px;color:#ccc;margin-bottom:4px}.metadata-artist-secondary{font-size:14px;color:#999;margin-bottom:4px}.metadata-alt{display:none}.metadata-alt--revealed{display:block;animation:metadata-reveal .15s ease}@keyframes metadata-reveal{0%{opacity:0}to{opacity:1}}.metadata-find-mark{background:var(--accent-pink,#ff5fa2);color:#1a1119;border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.metadata-mapper{display:flex;align-items:center;gap:8px;margin-bottom:16px}.mapper-text{font-size:13px;color:#aaa}.mapper-name{font-weight:700;color:#ccc}.mapper-link{color:#ccc;text-decoration:none;transition:color .12s}.mapper-link:hover{text-decoration:underline;color:var(--accent-hover)}.mapper-more{cursor:help}.difficulty-section{text-align:right}.difficulty-menu{position:relative;display:inline-block}.difficulty-select{padding:8px 42px 8px 18px;cursor:pointer;color:#fff;border:1px solid var(--border-subtle);border-radius:9999px;font-weight:700;font-size:16px;font-family:inherit;background-color:var(--bg-control);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23cccccc' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 18px center}.difficulty-select--editing{display:inline-flex;align-items:center;background-image:none}.metadata-status{flex:0 0 auto;padding:4px 10px;border-radius:9999px;font-family:inherit;font-size:12px;line-height:16px;font-weight:700;white-space:nowrap;color:var(--bg-panel);background:hsl(var(--chip-hsl,0,0%,60%))}.metadata-status--approved,.metadata-status--ranked{--chip-hsl:198,100%,70%}.metadata-status--qualified{--chip-hsl:174,65%,56%}.metadata-status--loved{--chip-hsl:333,100%,70%}.metadata-status--pending,.metadata-status--wip{--chip-hsl:38,90%,62%}.metadata-status--graveyard,.metadata-status--unsubmitted{--chip-hsl:0,0%,58%}.difficulty-dropdown{position:absolute;right:0;top:100%;padding-top:8px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.difficulty-dropdown--up{top:auto;bottom:100%;padding-top:0;padding-bottom:8px;transform:translateY(4px)}.difficulty-dropdown--open{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease,transform .15s ease,visibility 0s}.difficulty-dropdown--up.difficulty-dropdown--open{transform:none}.difficulty-dropdown--centered{position:fixed;left:50%;top:50%;right:auto;padding:0;translate:-50% -50%;z-index:250}.difficulty-dropdown .presence-panel{min-width:170px;max-height:320px;overflow-y:auto}.presence-item--active{font-weight:700}.presence-item--viewed{color:#9ad}.difficulty-count{color:#66ccff;font-weight:700}.dup-controls{display:flex;gap:4px;margin-left:auto;padding-left:8px;opacity:0;transition:opacity .12s}.presence-item--hover .dup-controls,.presence-item:focus-within .dup-controls,.presence-item:hover .dup-controls{opacity:1}@media (hover:none){.dup-controls{opacity:1}}.dup-control{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1px solid var(--border-subtle);background:rgba(255,255,255,.06);color:#cfe8ff;font-size:13px;font-weight:700;line-height:1;cursor:pointer}.dup-control:hover{background:rgba(102,204,255,.25);border-color:#66ccff;color:#fff}.difficulty-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.difficulty-item:focus-visible,.presence-panel:not(:has(.difficulty-item:focus-visible)) .difficulty-item.presence-item--active{background:var(--bg-control-light);outline:none}.difficulty-item--grip{position:relative;padding-left:24px}.diff-grip{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:14px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#cfe8ff;opacity:0;cursor:grab;touch-action:none;transition:opacity .12s}.presence-item:focus-within .diff-grip,.presence-item:hover .diff-grip{opacity:.7}.diff-grip:hover{opacity:1}@media (hover:none){.diff-grip{opacity:.7}}.difficulty-item--dragging{background:var(--bg-control-light);z-index:1}.difficulty-item--dragging .diff-grip{opacity:1;cursor:grabbing}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-family:var(--font-content)}.tag-list--head{margin-bottom:0}.tag-list--head+.collapse{margin-bottom:16px}.tag-list--rest{padding-top:8px;margin-bottom:0}.tag{background:var(--bg-control);padding:4px 10px;border-radius:9999px;color:#ccc;text-decoration:none}.tag,.tag-list-toggle{font-size:12px;line-height:16px;cursor:pointer}.tag-list-toggle{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;padding:3px 9px;border:1px solid var(--border-subtle);border-radius:9999px;background:none;font-family:var(--font-content);color:#9ad;transition:background .12s,color .12s}.tag-list-toggle:hover{background:var(--bg-control);color:#fff}.tag-list-toggle-label{display:grid;justify-items:center}.tag-list-toggle-label>span{grid-area:1/1}.tag-list-toggle-idle{visibility:hidden}.tag:hover{background:var(--bg-control-light);color:#fff}.stat-row{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px;color:#ddd;font-size:14px;font-family:var(--font-content)}.stat-label{color:#aaa}.stat-value{font-weight:700}@media (max-width:768px){.metadata{padding:16px}.metadata-header{flex-wrap:wrap;gap:12px}.metadata-title{font-size:22px}.tag-list-toggle{margin-bottom:0}}.metadata-edit-popover{position:absolute;z-index:120;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-control);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4);min-width:260px}.metadata-edit-label{font-weight:700;font-size:13px;color:#fff}.metadata-edit-input{font:inherit;font-size:14px;color:#fff;background:hsl(var(--hsl-b6));border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;outline:none}.metadata-edit-input:focus{border-color:var(--accent)}.metadata-edit-field{display:flex;align-items:center;gap:6px}.metadata-edit-field .metadata-edit-input{flex:1 1;min-width:0}.metadata-edit-affix{font-size:14px;color:#fff}.metadata-edit-hint{font-size:11px;color:hsl(var(--hsl-f1));max-width:260px}.create-diff-popover{min-width:300px}.tag-coop-sentence{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff}.tag-coop-popover .tag-coop-input{width:3.5em;text-align:center}.metadata-edit-hint--error{color:var(--don-color)}.metadata-edit-hint--warn{color:#e6c14a}.create-diff-check{align-items:center;font-size:13px;color:#fff;cursor:pointer}.create-diff-check,.create-diff-stats{display:flex;gap:8px}.create-diff-stat{display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;font-size:13px;color:#fff}.create-diff-stat .metadata-edit-input{width:100%;min-width:0}.metadata-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.metadata-edit-button{--press-squash:var(--choice-press);font:inherit;font-family:var(--font-default);font-size:13px;font-weight:700;color:#fff;background:var(--off-tile);border:1px solid transparent;border-radius:6px;padding:5px 12px;cursor:pointer;transition:transform var(--spring-ms) var(--spring)}.metadata-edit-button--go{color:hsl(var(--hsl-b6));background:var(--control-accent)}.metadata-edit-button:disabled{opacity:.45;cursor:default}@media (hover:hover){.metadata-edit-button:hover:not(:disabled){filter:brightness(1.15)}}.metadata-edit-button:active:not(:disabled){transform:scale(var(--press-squash));filter:brightness(var(--press-brightness));transition:transform var(--press-ms) ease-out}.difficulty-select--draft,.metadata--draft .tag,.metadata--draft [data-meta-field],.metadata--draft [data-stat-field]{cursor:text}.difficulty-select--draft:hover,.metadata--draft [data-meta-field]:hover,.metadata--draft [data-stat-field]:hover .stat-value{-webkit-text-decoration:underline dashed var(--accent);text-decoration:underline dashed var(--accent);text-underline-offset:3px}.metadata--draft .metadata-field--locked{cursor:default;opacity:.6}.metadata--draft .metadata-field--locked:hover{text-decoration:none}.metadata-field--empty{color:#8a8a8a;font-style:italic;font-weight:400;-webkit-text-decoration:underline dashed #5a5a5a;text-decoration:underline dashed #5a5a5a;text-underline-offset:3px}.metadata-field--required:after{content:" *";color:var(--don-color);font-style:normal}.difficulty-select--draft{background-image:none;padding-right:18px}.tag--placeholder{background:transparent}.canvas-hud.find-hud{top:48px}.find-input{width:240px;height:32px;box-sizing:border-box;padding:0 10px;background:rgba(0,0,0,.6);border:1px solid var(--border-subtle);border-radius:6px;color:#fff;font-size:13px;outline:none}.find-input:focus{border-color:rgba(255,255,255,.35)}.find-input::placeholder{color:#777}.find-count{color:#bbb;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.find-close{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#aaa;font-size:12px;line-height:1;cursor:pointer}.find-close:hover{background:rgba(255,255,255,.12);color:#fff}.find-target{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.8)}