#statsContainer{white-space:nowrap;text-align:center;cursor:pointer;background-color:#ffffffe6;border:1px solid #0000001a;border-radius:20px;flex-grow:0;justify-content:center;align-items:center;width:auto;max-width:160px;margin:0 auto;padding:.15rem .6rem;font-size:.75rem;line-height:1.2;transition:transform .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}#statsContainer:hover{transform:scale(1.05)}body.dark-theme #statsContainer{background-color:#1e1e1ee6;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0000004d}#statsDisplay{justify-content:center;align-items:center;gap:1rem;display:flex}body.dark-theme #statsDisplay{background:#ffffff14}#statsTooltip{background-color:var(--bg-color);border:1px solid var(--border-color);box-shadow:var(--shadow);z-index:101;white-space:nowrap;border-radius:8px;margin-top:.5rem;padding:.5rem;font-size:.8rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}#statsTooltip.is-visible{display:block}body.dark-theme #statsTooltip{background-color:var(--bg-color-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.stats-change-item{text-align:center}.stats-change.positive{color:green}.stats-change.negative{color:red}body.dark-theme #statsDisplay .stats-change.positive{color:#4ade80!important}body.dark-theme #statsDisplay .stats-change.negative{color:#f87171!important}@media (width<=1024px){#statsContainer{text-overflow:ellipsis;max-width:100%;padding:.25rem;font-size:.8rem;overflow:hidden}#statsDisplay{gap:.5rem}}@media (width<=768px){#statsContainer{text-align:center;flex:1;max-width:120px;margin-left:5px;margin-right:5px;padding:.15rem .25rem;font-size:.65rem}#statsDisplay{flex-direction:column;gap:.1rem;width:100%}#statsTooltip{width:100%;max-width:200px;font-size:.7rem;left:0;transform:none}}@media (width<=480px){#statsContainer{z-index:1;width:auto;margin:0;padding:.1rem .2rem;font-size:.6rem;position:absolute;left:50%;transform:translate(-50%)}#statsContainer:hover{transform:translate(-50%)scale(1.05)}}body.dark-theme .attribute-option{color:#fff;background-color:#555;border:1px solid #555}body.dark-theme .attribute-option:hover{color:#fff;background-color:#777}body.dark-theme #attributesContainer label{color:#fff}.attribute-options{flex-wrap:wrap;justify-content:center;max-width:800px;margin:10px 0;display:flex}.attribute-option{color:#000;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;border-radius:15px;align-items:center;margin:6px;padding:8px 12px;font-size:14px;font-weight:500;display:flex;box-shadow:0 2px 4px #0000001a}.attribute-option input[type=checkbox]{appearance:none;cursor:pointer;border:2px solid #ccc;border-radius:4px;width:16px;height:16px;margin-right:8px;position:relative;background-color:#fff!important}.attribute-option input[type=checkbox]:checked:after{content:"✓";color:#000;font-size:14px;font-weight:700;position:absolute;top:-2px;left:2px}body.dark-theme .attribute-option input[type=checkbox]{border:2px solid #ccc;background-color:#fff!important}body.dark-theme .attribute-option input[type=checkbox]:checked:after{color:#fff!important}.attribute-option:hover{color:#000;background-color:#d9d9d9}#attributesContainer label{color:#000}#attributesContainer{background-color:#0000;border:1.5px solid #0003;border-radius:12px;overflow:hidden}#selectedAttributes{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 auto;display:flex}.search-interface{flex-direction:column;align-items:center;margin-top:20px;display:flex}.selected-attributes{flex-wrap:wrap;justify-content:center;max-width:800px;margin:10px 0;display:flex}#attributeSelectors{box-sizing:border-box;flex:0 0 300px;width:100%;max-width:300px;margin:0 auto}.remove-attribute{cursor:pointer;margin-left:5px}.get-punks-button{margin-top:10px;padding:10px 20px;font-size:16px}#attributesContainer div{color:#000;background-color:#f0f0f0;border-radius:5px;margin-bottom:5px;padding:5px}#attributeSearch{box-sizing:border-box;border-radius:6px;width:100%;margin-top:15px;margin-bottom:10px;padding:8px;font-size:16px}#attributesContainer .attribute-trait-row{color:#000;background-color:#fff;border:1px solid #000;border-radius:8px;align-items:center;gap:12px;min-height:48px;margin-bottom:8px;padding:10px 12px;display:flex}#attributesContainer .attribute-trait-row.is-included{background-color:#fff;box-shadow:inset 0 0 0 1px #27ae6059}#attributesContainer .attribute-trait-row.is-excluded{background-color:#fff;box-shadow:inset 0 0 0 1px #d1484161}#attributesContainer .attribute-trait-row.is-keyboard-active{border-color:#2081e2;box-shadow:0 0 0 3px #2081e257}.attribute-preview-icon{background:#e0e0e0;border:1px solid #cfcfcf;border-radius:6px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;box-shadow:0 1px 3px #0000001a}.attribute-preview-icon img{object-fit:contain;width:32px;height:32px}#attributesContainer .attribute-trait-row label{color:#000;flex:auto;margin:0;font-size:15px;line-height:1.2}label[for^=attr-]{margin-left:5px;color:#000!important}.attribute-action-group{background:#f5f6f8;border:1px solid #cfd4dc;border-radius:9px;flex:none;align-items:center;gap:0;display:inline-flex;overflow:hidden}.attribute-action-btn{color:#30343a;cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-width:74px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.attribute-action-btn+.attribute-action-btn{border-left:1px solid #cfd4dc}.attribute-action-btn svg{fill:none;width:20px;height:20px}.attribute-action-btn svg circle,.attribute-action-btn svg path{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.attribute-action-btn:hover{background:#fff}.attribute-include-btn[aria-pressed=true]{color:#fff;background:#1f9d55}.attribute-exclude-btn[aria-pressed=true]{color:#fff;background:#d14841}.selected-attribute{color:#000;background-color:#f0f0f0;border-radius:18px;align-items:center;gap:8px;min-height:34px;margin:0;padding:6px 28px 6px 12px;font-size:15px;line-height:1;display:inline-flex;position:relative}.selected-attribute--include{box-shadow:inset 0 0 0 1px #1f9d552e}.selected-attribute--exclude{background-color:#f8e5e4;box-shadow:inset 0 0 0 1px #d1484147}.selected-attribute-mode-icon{color:#1f9d55;flex:0 0 18px;width:18px;height:18px;display:inline-block;position:relative}.selected-attribute--exclude .selected-attribute-mode-icon{color:#d14841}.selected-attribute-mode-icon:before{content:"";border:2.2px solid;border-radius:50%;position:absolute;inset:0}.selected-attribute-mode-icon:after{content:"";background:currentColor;border-radius:999px;width:10px;height:2.2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selected-attribute-mode-icon--include{background:linear-gradient(currentColor,currentColor) 50%/2.2px 10px no-repeat}.selected-attribute-remove{color:#111;cursor:pointer;background:#d0d0d0;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex;position:absolute;top:-4px;right:-4px}.selected-attribute-remove:hover{background:#bcbcbc}.selected-attribute-remove-icon{background:currentColor;width:12px;height:12px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E") 50%/contain no-repeat}body.dark-theme #attributesContainer .attribute-trait-row{color:#000;background-color:#fff}body.dark-theme #attributesContainer .attribute-trait-row.is-included,body.dark-theme #attributesContainer .attribute-trait-row.is-excluded{background-color:#fff}body.dark-theme .attribute-action-btn{color:#30343a;background:0 0}body.dark-theme .attribute-action-group{background:#f5f6f8;border-color:#cfd4dc}body.dark-theme #attributesContainer .attribute-trait-row label{color:#000!important}body.dark-theme .attribute-include-btn[aria-pressed=true],body.dark-theme .attribute-exclude-btn[aria-pressed=true]{color:#fff}body.dark-theme .selected-attribute{color:#000;background-color:#eee}body.dark-theme .selected-attribute--exclude{background-color:#f8e5e4}body.light-theme #attributeSearch{color:#000;background-color:#fff;border:1px solid #ccc}body.dark-theme #attributeSearch{color:#fff;background-color:#333;border:1px solid #555}body.dark-theme label[for^=attr-],body.light-theme label[for^=attr-]{color:#000!important}.view-toggle{background:#95554f14;border:1px solid #95554f26;border-radius:24px;justify-content:center;align-items:center;gap:8px;max-width:fit-content;margin:10px auto;padding:6px;display:inline-flex;box-shadow:0 2px 8px #0000000a}.view-toggle button{cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:18px;justify-content:center;align-items:center;margin:0;padding:10px 20px;font-size:14px;font-weight:600;transition:all .1s;display:flex;position:relative;color:var(--text-muted,#707a83)!important;border:none!important}.view-toggle button:hover{background-color:#95554f0d;color:var(--text-color,#04111d)!important}.view-toggle button.active{background:#95554f1a;box-shadow:0 1px 4px #95554f26;color:#04111d!important;border:1px solid #95554f4d!important}html[data-page-type=v1] .view-toggle button.active,body[data-page-type=v1] .view-toggle button.active{background:linear-gradient(135deg,#a59af8 0%,#8b7fe0 100%)!important}.view-toggle.locked-mode{box-shadow:none;background:0 0;border:none;gap:0;margin:24px auto;padding:0}.view-toggle.locked-mode button{display:none}.view-toggle.locked-mode button.active{letter-spacing:-.02em;cursor:default;pointer-events:none;margin:0;padding:0;font-size:1.5rem;font-weight:700;display:block;box-shadow:none!important;color:var(--text-color,#04111d)!important;background:0 0!important;border:none!important}.view-toggle.locked-mode button.active:hover{color:var(--text-color,#04111d)!important;background:0 0!important}.view-toggle.unlocked-mode{background-color:#eef2f6;border:1px solid #dbe2ea;border-radius:10px;gap:0;padding:4.5px;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000a}.view-toggle.unlocked-mode button{cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background-color:#0000;border-radius:6px;outline:none;justify-content:center;align-items:center;min-width:74px;margin:0;padding:5px 10px;font-size:14px;font-weight:600;transition:all .15s;display:flex;color:#64748b!important;border:none!important}.view-toggle.unlocked-mode button:focus{outline:none}.view-toggle.unlocked-mode button:hover{background-color:#ffffff80;color:#1f2937!important}.view-toggle.unlocked-mode button.active{background-color:#fff;border:1px solid #0f172a14;box-shadow:0 2px 6px #0f172a1f,inset 0 1px #fffc;color:#0f172a!important}.view-toggle.unlocked-mode button:first-child{border-right:none}.dark-theme .view-toggle.unlocked-mode,html.dark-theme .view-toggle.unlocked-mode,body.dark-theme .view-toggle.unlocked-mode{background-color:#5e636f;border:1px solid #2d3036;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0009}.dark-theme .view-toggle.unlocked-mode button,html.dark-theme .view-toggle.unlocked-mode button,body.dark-theme .view-toggle.unlocked-mode button{color:#9ca3af!important}.dark-theme .view-toggle.unlocked-mode button:hover,html.dark-theme .view-toggle.unlocked-mode button:hover,body.dark-theme .view-toggle.unlocked-mode button:hover{background-color:#ffffff0f;color:#f3f4f6!important}.dark-theme .view-toggle.unlocked-mode button.active,html.dark-theme .view-toggle.unlocked-mode button.active,body.dark-theme .view-toggle.unlocked-mode button.active{background:linear-gradient(#8c5d56 0%,#70443e 100%);border:1px solid #0006;box-shadow:0 2px 6px #00000073,inset 0 1px #ffffff1f;color:#f7f4f2!important}body.dark-theme .view-toggle.unlocked-mode{border:1px solid #2d3036!important}body.dark-theme .view-toggle.unlocked-mode button:not(.active){background-color:#e3e5e8;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffffb3;color:#1f2937!important}body.dark-theme .view-toggle.unlocked-mode button:first-child{border-right:none!important}html.dark-theme .view-toggle,body.dark-theme .view-toggle{background:#95554f1f;border-color:#95554f40}html.dark-theme .view-toggle button,body.dark-theme .view-toggle button{color:var(--text-muted,#9ca3af)!important}html.dark-theme .view-toggle button:not(.active),body.dark-theme .view-toggle button:not(.active){color:#e5e7eb!important}html.dark-theme .view-toggle button:hover,body.dark-theme .view-toggle button:hover{background-color:#95554f1a;color:var(--text-color,#fff)!important}html.dark-theme .view-toggle button.active,body.dark-theme .view-toggle button.active{background:#95554f26;color:#fff!important;border-color:#95554f66!important}html.dark-theme .view-toggle.locked-mode button.active,body.dark-theme .view-toggle.locked-mode button.active{color:var(--text-color,#fff)!important;background:0 0!important;border:none!important}@media (width<=768px){.view-toggle{gap:6px;padding:4px}.view-toggle button{padding:8px 16px;font-size:13px}}