.orange-box{margin:0 0 1.25rem}.jojo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;margin:1rem 0}.jojo-card{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.15rem;border:1px solid var(--border);border-radius:8px;background:var(--gray-1200);color:var(--gray-100);text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}a.jojo-card:hover{transform:translateY(-2px);border-color:#fbed6e73;background:var(--gray-1100)}.jojo-card-kicker{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jojo-card h2,.jojo-card h3{font-size:1.08rem;line-height:1.25}.jojo-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.jojo-card-arrow{margin-top:auto;padding-top:.5rem;color:var(--blue);font-size:.82rem;font-weight:700}.jojo-card-arrow:after{content:" →"}.jojo-avatar{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;overflow:hidden;border:1px solid rgba(251,237,110,.22);border-radius:50%;background:linear-gradient(135deg,#3a2a52,#241a33);color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.02em}.jojo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.jojo-avatar.small{width:30px;height:30px;font-size:.58rem}.jojo-avatar.large{width:48px;height:48px;font-size:.8rem}.jojo-steps{display:grid;gap:.6rem;margin:1rem 0;padding:0;list-style:none;counter-reset:jojo-step}.jojo-steps li{position:relative;padding:.7rem .8rem .7rem 2.9rem;border:1px solid var(--border);border-radius:6px;background:var(--gray-1100);color:var(--gray-200);font-size:.94rem;line-height:1.5;counter-increment:jojo-step}.jojo-steps li:before{content:counter(jojo-step);position:absolute;top:.72rem;left:.8rem;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--gold);color:#17120a;font-size:.78rem;font-weight:800}.jojo-callout{margin:0;padding:.85rem 1rem;border:1px solid var(--border);border-left-width:3px;background:var(--gray-1100);color:var(--gray-200);font-size:.91rem;line-height:1.5}.jojo-callout strong{color:var(--gray-100)}.jojo-callout.tip{border-left-color:var(--green)}.jojo-callout.note{border-left-color:var(--blue)}.jojo-callout.warning{border-left-color:var(--orange)}.jojo-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin:0 0 .7rem;padding:.8rem;border:1px solid var(--border);border-radius:8px;background:var(--gray-1200)}.jojo-toolbar-stacked{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;margin:0;padding:1rem 1.5rem;border:0;border-radius:var(--border-radius)}.jojo-toolbar-stacked .jojo-search{display:flex;flex:none;align-items:center;width:100%;max-width:none}.jojo-toolbar-stacked .jojo-search input{width:100%;padding:.75rem 3rem;border:2px solid transparent;border-radius:8px;background:var(--gray-900);color:var(--gray-100);font-size:1rem;transition:all .3s}.jojo-toolbar-stacked .jojo-search input:focus{border-color:var(--blue);outline:none;background:var(--gray-800)}.jojo-toolbar-stacked .jojo-search input::placeholder{color:var(--text-secondary)}.jojo-toolbar-stacked .jojo-search>svg{left:1rem;width:20px;height:20px}.jojo-clear{position:absolute;top:50%;right:.75rem;display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:var(--border-radius);background:transparent;color:var(--text-secondary);cursor:pointer;transform:translateY(-50%);transition:all .2s}.jojo-clear[hidden]{display:none}.jojo-clear:hover{background:#ffffff1a;color:var(--gray-100)}.jojo-filter-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1.5rem;align-items:center}.jojo-toolbar-stacked .jojo-filter-row{display:grid;gap:.5rem;align-items:center}.jojo-toolbar-stacked #rarity-filters{grid-template-columns:60px repeat(3,minmax(0,1fr))}.jojo-toolbar-stacked #style-filters{grid-template-columns:60px repeat(6,minmax(0,1fr))}.jojo-toolbar-stacked .jojo-filter-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:46px;padding:.65rem 1.2rem;border:2px solid var(--border);border-radius:var(--border-radius);background:var(--gray-900);color:var(--gray-100);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.jojo-toolbar-stacked .jojo-filter-btn:hover{border-color:var(--blue);background:var(--gray-800)}.jojo-toolbar-stacked .jojo-filter-btn.active{border-color:var(--blue);background:var(--blue);color:#fff}.jojo-toolbar-stacked .jojo-filter-btn img{display:block;width:auto;max-width:42px;max-height:28px;object-fit:contain}.jojo-toolbar-stacked .jojo-style-img{max-width:30px;max-height:30px}.jojo-toolbar-stacked .jojo-filter-btn[data-label]:after{content:attr(data-label);position:absolute;bottom:calc(100% + 10px);left:50%;z-index:30;padding:6px 12px;border-radius:8px;background:var(--gray-1400);color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.3px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) scale(.85);transition:opacity .25s,transform .25s;box-shadow:0 4px 12px #0000004d}.jojo-toolbar-stacked .jojo-filter-btn[data-label]:before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;z-index:30;border:5px solid transparent;border-top-color:var(--blue);pointer-events:none;opacity:0;transform:translate(-50%) scale(.85);transition:opacity .25s,transform .25s}.jojo-toolbar-stacked .jojo-filter-btn[data-label]:hover:after,.jojo-toolbar-stacked .jojo-filter-btn[data-label]:hover:before{opacity:1;transform:translate(-50%) scale(1)}.jojo-search{position:relative;flex:1 1 260px;max-width:380px}.jojo-search input{width:100%;padding:.55rem .75rem .55rem 2.2rem;border:1px solid var(--border);border-radius:6px;background:var(--gray-1100);color:var(--gray-100);font-family:inherit;font-size:.9rem}.jojo-search input:focus{border-color:var(--blue);outline:none}.jojo-search svg{position:absolute;top:50%;left:.7rem;width:16px;height:16px;color:var(--text-secondary);transform:translateY(-50%);pointer-events:none}.jojo-filter-row{display:flex;flex-wrap:wrap;gap:.35rem}.jojo-filter-btn{padding:.4rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--gray-1100);color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.jojo-filter-btn:hover{border-color:var(--blue);color:var(--gray-100)}.jojo-filter-btn.active{border-color:var(--blue);background:#4a9eff1f;color:var(--blue)}.jojo-results{margin:0 0 1rem;padding:.75rem;border-radius:var(--border-radius);background:var(--gray-900);color:var(--text-secondary);font-size:.9rem;text-align:center}.jojo-results strong{color:var(--gray-100)}.jojo-table-wrap{overflow-x:auto;border:1px solid var(--border);background:var(--gray-1200);margin:1rem 0}table.jojo-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}table.jojo-table th{padding:.7rem .8rem;border-bottom:1px solid var(--border);background:var(--gray-1100);color:var(--text-secondary);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}table.jojo-table td{padding:.65rem .8rem;border-bottom:1px solid rgba(51,52,58,.55);color:var(--gray-200);vertical-align:middle}table.jojo-table tr:last-child td{border-bottom:none}table.jojo-table tbody tr:hover{background:#ffffff06}table.jojo-table td.jojo-name{color:var(--gray-100);font-weight:700;white-space:nowrap}.jojo-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.8rem;margin-bottom:1.5rem}.jojo-code-card{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--gray-1200)}.jojo-code-card.active{border-color:#32ff7e47}.jojo-code-card.expired{opacity:.72}.jojo-code-top{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--border);background:var(--gray-1100)}.jojo-code-value{display:inline-flex;align-items:center;gap:.5rem}.jojo-code-value code{color:var(--gold);font-family:Courier New,Courier,monospace;font-size:1.02rem;font-weight:800;letter-spacing:.04em}.jojo-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:4px;background:var(--gray-1200);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.jojo-copy:hover{border-color:var(--gold);color:var(--gold)}.jojo-copy.copied{border-color:var(--green);background:var(--green);color:#08130b}.jojo-status{padding:.18rem .55rem;border-radius:999px;font-size:.67rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.jojo-status.active{border:1px solid rgba(50,255,126,.3);background:#32ff7e1f;color:var(--green)}.jojo-status.expired{border:1px solid rgba(255,107,107,.28);background:#ff6b6b1a;color:var(--red)}.jojo-code-body{padding:.7rem .9rem .85rem}.jojo-code-body ul{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0;padding:0;list-style:none}.jojo-code-body li{padding:.16rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--gray-1000);color:var(--gray-200);font-size:.78rem}.jojo-code-label{color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.jojo-code-note{margin:.45rem 0 0;color:var(--text-secondary);font-size:.78rem;font-style:italic}.jojo-faq{display:grid;gap:.55rem;margin-bottom:2rem}.jojo-faq details{border:1px solid var(--border);border-radius:6px;background:var(--gray-1200)}.jojo-faq summary{padding:.75rem .9rem;color:var(--gray-100);font-size:.94rem;font-weight:700;cursor:pointer;list-style:none}.jojo-faq summary::-webkit-details-marker{display:none}.jojo-faq summary:after{content:"+";float:right;color:var(--gold);font-size:1.1rem;line-height:1}.jojo-faq details[open] summary:after{content:"−"}.jojo-faq details p{padding:0 .9rem .85rem;margin:0;color:var(--gray-200);font-size:.9rem;line-height:1.55}.jojo-store-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.5rem}.jojo-store{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:7px;background:var(--gray-1200);color:var(--gray-100);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.jojo-store:hover{transform:translateY(-1px);border-color:var(--gold)}.jojo-store svg{flex:0 0 auto;width:22px;height:22px;color:var(--gray-100)}.jojo-store>span{display:block}.jojo-store>span>span{display:block;color:var(--text-secondary);font-size:.66rem;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.jojo-store strong{display:block;font-size:.92rem;line-height:1.25}.jojo-checklist{display:grid;gap:.45rem;margin:1rem 0;padding:0;list-style:none}.jojo-checklist li{position:relative;padding:.55rem .7rem .55rem 2rem;border:1px solid var(--border);border-radius:6px;background:var(--gray-1100);color:var(--gray-200);font-size:.92rem;line-height:1.45}.jojo-checklist li:before{content:"✓";position:absolute;top:.52rem;left:.72rem;color:var(--green);font-weight:800}.jojo-subhead{margin:1.6rem 0 .75rem;color:var(--gray-100);font-size:1.15rem;font-weight:700}.jojo-card ul{display:grid;gap:.3rem;margin:0;padding-left:1.1rem;color:var(--gray-200);font-size:.9rem;line-height:1.45}.jojo-callout ul{margin:.5rem 0 0;padding-left:1.1rem}.jojo-callout li{margin:.2rem 0}@media(max-width:1200px){.jojo-toolbar-stacked{padding:1rem}.jojo-filter-groups{grid-template-columns:1fr;gap:.75rem}.jojo-toolbar-stacked #rarity-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.jojo-toolbar-stacked #style-filters{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:768px){.jojo-toolbar-stacked .jojo-filter-btn{padding:.2rem}.jojo-toolbar-stacked .jojo-filter-btn img{max-width:34px;max-height:24px}.jojo-toolbar-stacked .jojo-style-img{max-width:24px;max-height:24px}}@media(max-width:720px){.jojo-toolbar{align-items:stretch}.jojo-search{max-width:none}}@media(max-width:760px){table.jojo-table{min-width:440px}table.jojo-table th:nth-child(5),table.jojo-table td:nth-child(5){display:none}}