.page{background:#b7b7ce;min-height:100vh;padding-bottom:24px}.page-wrap{max-width:1400px;margin:0 auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}.cmp-shell{display:flex;flex-direction:column;gap:16px}.cmp-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cmp-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#2f302d;margin:0;line-height:1.1}.cmp-copy{display:inline-flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:#2f302d;background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;box-shadow:2px 2px #2f302d;padding:8px 14px;cursor:pointer;transition:background .1s,transform .05s,box-shadow .05s;min-height:36px}.cmp-copy:hover{background:#dce86b}.cmp-copy:active{transform:translate(2px,2px);box-shadow:0 0 #2f302d}.cmp-copy:focus-visible{outline:2px solid #2F302D;outline-offset:2px}.cmp-copy[data-state=copied]{background:#dce86b}.cmp-copy[data-state=error]{background:#f4d4d4;color:#c24f4f;border-color:#c24f4f}.cmp-copy-icon{font-size:14px;line-height:1}.cmp-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 480px){.cmp-copy{font-size:12px;padding:8px 12px}}.cmp-empty-state{background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;box-shadow:4px 4px #2f302d;padding:28px}.cmp-empty-state h2{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;color:#2f302d;margin:0 0 8px}.cmp-empty-state p{font-family:Inter,sans-serif;font-size:14px;color:#2f302d;opacity:.78;margin:0;line-height:1.55}.cmp-empty-state p+.cmp-empty-hint{margin-top:12px;opacity:1}.cmp-empty-link{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:#2f302d;text-decoration:underline;text-underline-offset:3px}.cmp-empty-link:hover{color:#4f8c5f}.cmp-banner{display:flex;flex-direction:column;gap:6px;background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;box-shadow:2px 2px #2f302d;padding:10px 14px;position:sticky;top:70px;z-index:10}.cmp-banner-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cmp-banner-label{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:#2f302d;white-space:nowrap}.cmp-banner-row--weak .cmp-banner-label{color:#c24f4f}.cmp-banner-row--strong .cmp-banner-label{color:#4f8c5f}.cmp-banner-types{display:flex;gap:4px;flex-wrap:wrap}.cmp-banner-badge{font-family:IBM Plex Mono,monospace;font-size:11px;color:#2f302d;padding:2px 8px;border-radius:3px;border:1px solid #2F302D}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;align-items:stretch}@media (min-width: 1100px){.cmp-grid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr))}.cmp-grid[data-count="1"]{--cols: 1;max-width:360px}.cmp-grid[data-count="2"]{--cols: 2;max-width:720px}.cmp-grid[data-count="3"]{--cols: 3}.cmp-grid[data-count="4"]{--cols: 4}.cmp-grid>.cmp-card{max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#DCE86B #2F302D}.cmp-grid>.cmp-card::-webkit-scrollbar{width:5px}.cmp-grid>.cmp-card::-webkit-scrollbar-track{background:#2f302d}.cmp-grid>.cmp-card::-webkit-scrollbar-thumb{background:#dce86b}}.cmp-grid>.cmp-add{align-self:start}.cmp-card{background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;box-shadow:4px 4px #2f302d;position:relative;display:flex;flex-direction:column;min-height:200px}.cmp-close{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border-radius:50%;border:1px solid #2F302D;background:#fcfcfc;color:#2f302d;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .1s}.cmp-close:hover{background:#dce86b}.cmp-card--loading,.cmp-card--error{align-items:center;justify-content:center;padding:40px 20px;text-align:center;font-family:IBM Plex Mono,monospace;font-size:13px;color:#61617a}.cmp-error-title{font-weight:700;color:#c24f4f;margin:0 0 6px}.cmp-error-msg{font-size:11px;opacity:.7;margin:0}.cmp-loading{margin:0}.cmp-sprite-link{display:flex;justify-content:center;padding:16px 12px 6px}.cmp-sprite{width:140px;height:140px;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.18))}.cmp-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 18px 4px;gap:8px}.cmp-name{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#2f302d;text-decoration:none;line-height:1.1}.cmp-name:hover{text-decoration:underline;text-underline-offset:3px}.cmp-num{font-family:IBM Plex Mono,monospace;font-size:12px;color:#2f302d;opacity:.5}.cmp-open-full{display:inline-block;align-self:flex-start;margin:0 18px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;color:#61617a;text-decoration:underline;text-underline-offset:3px;opacity:.85}.cmp-open-full:hover{color:#2f302d;opacity:1}.cmp-types{padding:0 18px 12px;border-bottom:1px dotted #61617A}.cmp-section{padding:14px 18px;border-bottom:1px dotted #61617A}.cmp-section:last-child{border-bottom:none}.cmp-section--moves{padding:14px 0 0}.cmp-section--moves .cmp-section-heading{padding:0 18px}.cmp-section-heading{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#2f302d;margin:0 0 10px}.cmp-section--moves .pc-moves th:first-child,.cmp-section--moves .pc-moves td:first-child{padding-left:18px}.cmp-section--moves .pc-moves th:last-child,.cmp-section--moves .pc-moves td:last-child{padding-right:18px}.cmp-moves-scroll{max-height:320px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#DCE86B #2F302D}.cmp-moves-scroll::-webkit-scrollbar{width:5px;height:5px}.cmp-moves-scroll::-webkit-scrollbar-track{background:#2f302d}.cmp-moves-scroll::-webkit-scrollbar-thumb{background:#dce86b}.cmp-moves-scroll .pc-moves thead th{position:sticky;top:0;z-index:1}.cmp-add{background:#fcfcfc80;border:2px dashed #2F302D;border-radius:5px;padding:28px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}.cmp-add-icon{font-size:32px;color:#2f302d;opacity:.5;line-height:1}.cmp-add-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#2f302d;margin:0}.cmp-add-sub{font-family:Inter,sans-serif;font-size:12px;color:#61617a;margin:0 0 4px}.cmp-add-search{position:relative;width:100%}.cmp-add-input{width:100%;font-family:Inter,sans-serif;font-size:13px;background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;padding:8px 10px;color:#2f302d;outline:none;box-sizing:border-box}.cmp-add-input:focus{box-shadow:2px 2px #2f302d}.cmp-add-results{list-style:none;margin:0;padding:0;width:100%;position:absolute;top:calc(100% + 4px);left:0;background:#fcfcfc;border:1px solid #2F302D;border-radius:5px;box-shadow:2px 2px #2f302d;z-index:20;max-height:240px;overflow-y:auto;text-align:left}.cmp-add-result{padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#2f302d;cursor:pointer;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #F0F0F0}.cmp-add-result:last-child{border-bottom:none}.cmp-add-result--active,.cmp-add-result:hover{background:#f6f6ff}.cmp-add-result-slug{color:#61617a;font-size:10px}@media (max-width: 480px){.cmp-sprite-link{padding:12px 12px 4px}.cmp-sprite{width:110px;height:110px}.cmp-header{padding:0 14px 4px}.cmp-name{font-size:1.15rem}.cmp-open-full{margin:0 14px 8px}.cmp-types{padding:0 14px 10px}.cmp-section{padding:12px 14px}.cmp-section--moves{padding:12px 0 0}.cmp-section--moves .cmp-section-heading{padding:0 14px}.cmp-section--moves .pc-moves th:first-child,.cmp-section--moves .pc-moves td:first-child{padding-left:14px}.cmp-section--moves .pc-moves th:last-child,.cmp-section--moves .pc-moves td:last-child{padding-right:14px}.cmp-section--moves .pc-moves th,.cmp-section--moves .pc-moves td{padding-top:6px;padding-bottom:6px}.cmp-moves-scroll{max-height:280px}.cmp-add{padding:22px 16px}}.cmp-sprite{max-width:100%}