.ob-hero{max-width:64rem;padding:2.7rem 0 1.6rem;position:relative}.ob-eyebrow{color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.625rem;font-weight:700}.ob-hero h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1.03}.ob-lede{max-width:49rem;color:var(--color-muted);margin:.8rem 0 0;font-size:1rem;line-height:1.65}.ob-classes{scrollbar-width:thin;gap:.35rem;margin:.6rem 0 1rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.ob-class{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);white-space:nowrap;flex:none;padding:.45rem .8rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.ob-class:hover{border-color:var(--color-edge);color:var(--color-text)}.ob-class.is-active{border-color:color-mix(in srgb, var(--color-accent) 60%, transparent);background:color-mix(in srgb, var(--color-accent) 14%, transparent);color:var(--color-accent-bright)}.ob-toolbar{border:1px solid var(--color-border);border-radius:var(--radius);background:color-mix(in srgb, var(--color-surface) 88%, transparent);flex-wrap:wrap;align-items:end;gap:.6rem;padding:.85rem;display:flex}.ob-field{flex-direction:column;gap:.25rem;min-width:9rem;display:flex}.ob-field span{color:var(--color-faint);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.ob-field--name{flex:14rem}.ob-field input,.ob-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;padding:.5rem .6rem;font-size:.85rem}.ob-field select optgroup{background:var(--color-surface);color:var(--color-accent);font-style:normal;font-weight:800}.ob-field select optgroup option{background:var(--color-bg);color:var(--color-text);font-weight:500}.ob-field input:focus,.ob-field select:focus{outline:2px solid color-mix(in srgb, var(--color-accent) 55%, transparent);outline-offset:1px}.ob-apply{border:1px solid color-mix(in srgb, var(--color-accent) 65%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-bright);font:inherit;cursor:pointer;padding:.52rem 1.05rem;font-size:.82rem;font-weight:700}.ob-apply:hover{background:color-mix(in srgb, var(--color-accent) 28%, transparent)}.ob-clear{color:var(--color-faint);text-underline-offset:.2em;padding:.5rem .7rem;font-size:.8rem;text-decoration:underline}.ob-hint{color:var(--color-faint);margin:.6rem 0 0;font-size:.78rem;line-height:1.6}.ob-hint--warn{color:var(--color-blush)}.ob-legend{flex-wrap:wrap;gap:.35rem 1rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.ob-legend li{color:var(--color-faint);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.ob-legend b{color:var(--color-text);font-weight:650}.ob-key{background:var(--color-border);border-radius:2px;flex:none;width:.58rem;height:.58rem}.ob-key.is-core{background:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, transparent)}.ob-key.is-common{background:var(--color-rarity-rare)}.ob-key.is-missing{background:var(--color-blush)}.ob-key.is-owned{background:var(--color-jade)}.ob-legend-note{max-width:62rem;color:var(--color-faint);margin:.4rem 0 0;font-size:.68rem;line-height:1.5}.ob-empty,.ob-mismatch,.ob-matches{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:1rem 0;padding:1rem 1.1rem}.ob-empty h2,.ob-matches h2{margin:0 0 .35rem;font-size:1rem}.ob-empty p,.ob-mismatch p{color:var(--color-muted);margin:0;font-size:.85rem;line-height:1.6}.ob-mismatch{border-color:color-mix(in srgb, var(--color-blush-line) 40%, var(--color-border))}.ob-mismatch a{color:var(--color-blush);margin-top:.55rem;font-size:.82rem;font-weight:600;display:inline-block}.ob-matches ul{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.ob-matches a{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:.1rem;padding:.45rem .65rem;text-decoration:none;display:flex}.ob-matches a:hover{border-color:var(--color-accent)}.ob-matches strong{color:var(--color-text);font-size:.82rem}.ob-matches span{color:var(--color-faint);font-size:.72rem}.ob-layout{grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:start;gap:1.4rem;margin:1.1rem 0 0;display:grid}.ob-side{scrollbar-width:thin;flex-direction:column;gap:.9rem;max-height:calc(100vh - 6.2rem);padding-right:.15rem;display:flex;position:sticky;top:5.2rem;overflow-y:auto}.ob-main{min-width:0}.ob-me,.ob-gaps{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1rem 1.05rem}.ob-me h2,.ob-gaps h2{font-family:var(--font-display);margin:0;font-size:1.1rem;line-height:1.25}.ob-me__meta{color:var(--color-faint);margin:.3rem 0 0;font-size:.76rem}.ob-me--how ol{color:var(--color-muted);margin:.6rem 0 0;padding-left:1.1rem;font-size:.78rem;line-height:1.55}.ob-me--how li+li{margin-top:.4rem}.ob-score{border-top:1px solid var(--color-border);align-items:baseline;gap:.45rem;margin-top:.9rem;padding-top:.8rem;display:flex}.ob-score strong{color:var(--color-accent-bright);font-family:var(--font-display);font-size:2rem;line-height:1}.ob-score span{color:var(--color-faint);font-size:.72rem}.ob-me__facts{gap:.7rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.ob-me__facts li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-faint);text-transform:uppercase;letter-spacing:.05em;flex:1;padding:.4rem .5rem;font-size:.66rem;line-height:1.3}.ob-me__facts b{color:var(--color-text);font-family:var(--font-display);letter-spacing:0;margin-bottom:.1rem;font-size:1.05rem;display:block}.ob-gaps ul{margin:.6rem 0 0;padding:0;list-style:none}.ob-gaps li+li{border-top:1px solid var(--color-border)}.ob-gaps a{flex-direction:column;gap:.15rem;padding:.5rem 0;text-decoration:none;display:flex}.ob-gaps a:hover strong{color:var(--color-accent-bright)}.ob-gaps a>span,.ob-worn li>span{border:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 9%, transparent);color:color-mix(in srgb, var(--color-accent) 78%, var(--color-text));letter-spacing:.09em;text-transform:uppercase;align-self:flex-start;padding:.1rem .45rem;font-size:.56rem;font-weight:700;line-height:1.5}.ob-gaps strong{color:var(--color-text);font-size:.8rem;line-height:1.35;transition:color .15s}.ob-gaps em{color:var(--color-jade);font-size:.7rem;font-style:normal}.ob-gaps__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ob-gaps__head b{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-blush) 14%, transparent);min-width:1.45rem;height:1.45rem;color:var(--color-blush);font-family:var(--font-mono,ui-monospace, monospace);place-items:center;font-size:.7rem;display:grid}.ob-gaps__block{margin-top:.8rem}.ob-gaps__block h3{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:.35rem;margin:0;font-size:.6rem;font-weight:700;display:flex}.ob-gaps__block h3 span{color:var(--color-faint);letter-spacing:0;font-size:.62rem}.ob-gaps__block.is-soft h3,.ob-gaps__block.is-soft strong{color:var(--color-muted)}.ob-gaps__block ul{margin-top:.2rem}.ob-gaps--done p{color:var(--color-muted);margin:.35rem 0 0;font-size:.8rem}.ob-filter{border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 8%, transparent);color:var(--color-accent-bright);margin-top:.7rem;padding:.35rem .6rem;font-size:.7rem;font-weight:650;text-decoration:none;display:inline-block}.ob-filter:hover{background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.ob-worn{border:1px solid color-mix(in srgb, var(--color-rarity-rare) 24%, var(--color-border));border-radius:var(--radius);background:color-mix(in srgb, var(--color-rarity-rare) 4%, var(--color-surface));padding:1rem 1.05rem}.ob-worn header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ob-worn h2{font-family:var(--font-display);margin:0;font-size:1rem;line-height:1.25}.ob-worn header b{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-rarity-rare) 15%, transparent);min-width:1.45rem;height:1.45rem;color:color-mix(in srgb, var(--color-rarity-rare) 85%, var(--color-text));font-family:var(--font-mono,ui-monospace, monospace);place-items:center;font-size:.7rem;display:grid}.ob-worn>p{color:var(--color-faint);margin:.3rem 0 0;font-size:.7rem;line-height:1.45}.ob-worn ul{margin:.5rem 0 0;padding:0;list-style:none}.ob-worn li{border-top:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);flex-direction:column;gap:.08rem;padding:.35rem 0;display:flex}.ob-worn li strong{color:var(--color-rarity-rare);font-size:.76rem;font-weight:600;line-height:1.35}.ob-worn__more{color:var(--color-faint);margin-top:.45rem!important;font-size:.66rem!important}.ob-need{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1rem 1.05rem}.ob-need header h2{font-family:var(--font-display);margin:0;font-size:1.05rem}.ob-need header p{color:var(--color-faint);margin:.2rem 0 0;font-size:.7rem;line-height:1.45}.ob-need ul{margin:.55rem 0 0;padding:0;list-style:none}.ob-need li{border-top:1px solid var(--color-border);color:var(--color-muted);align-items:baseline;gap:.4rem;padding:.32rem 0;font-size:.74rem;line-height:1.35;display:flex}.ob-need li span{flex:1;min-width:0}.ob-need li b{color:var(--color-blush);font-family:var(--font-mono,ui-monospace, monospace);font-size:.8rem}.ob-need li em{color:var(--color-faint);font-size:.66rem;font-style:normal}.ob-jump{color:var(--color-accent-bright);margin-top:.55rem;font-size:.7rem;font-weight:650;text-decoration:none;display:inline-block}.ob-jump:hover{text-underline-offset:.18em;text-decoration:underline}.ob-bindbar{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.65rem}.ob-bindbar__head{color:var(--color-faint);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.66rem;font-weight:650;display:flex}.ob-bindbar__head b{color:var(--color-jade);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;font-size:.72rem}.ob-bindbar__track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-border) 70%, transparent);height:.3rem;margin-top:.35rem;overflow:hidden}.ob-bindbar__track i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--color-jade) 55%, transparent), var(--color-jade));height:100%;display:block}.ob-bindbar small{color:var(--color-faint);margin-top:.3rem;font-size:.66rem;line-height:1.4;display:block}.ob-meter--score{height:.34rem;margin-top:.45rem}.ob-group+.ob-group{margin-top:1.5rem}.ob-group__head{align-items:baseline;gap:.5rem;margin-bottom:.55rem;display:flex}.ob-group__head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.05rem}.ob-group__head span{color:var(--color-faint);font-size:.72rem}.ob-slots{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.65rem;display:grid}.ob-slot{border:1px solid color-mix(in srgb, var(--slot-grade,var(--color-border)) 24%, var(--color-border));border-radius:var(--radius);background-image:linear-gradient(180deg, color-mix(in srgb, var(--slot-grade,transparent) 8%, transparent), transparent 38%), linear-gradient(160deg, color-mix(in srgb, var(--color-surface-2) 92%, transparent), color-mix(in srgb, var(--color-surface) 96%, transparent));flex-direction:column;gap:.5rem;min-width:0;padding:.8rem .85rem;scroll-margin-top:6rem;display:flex}.ob-slot.is-core{border-color:color-mix(in srgb, var(--color-accent) 46%, var(--color-border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-accent) 22%, transparent)}.ob-slot.is-alt{border-color:color-mix(in srgb, var(--color-rarity-rare) 28%, var(--color-border))}.ob-slot.is-gap{border-color:color-mix(in srgb, var(--color-blush-line) 38%, var(--color-border))}.ob-slot.is-gap.is-core{border-color:color-mix(in srgb, var(--color-blush-line) 42%, var(--color-accent))}.ob-slot.is-match{border-color:color-mix(in srgb, var(--color-jade) 34%, var(--color-border))}.ob-slot__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ob-slot__slot{align-items:center;gap:.4rem;min-width:0;display:flex}.ob-slot__label{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:700}.ob-slot__use{color:var(--color-faint);font-family:var(--font-mono,ui-monospace, monospace);flex:none;font-size:.66rem}.ob-slot__use b{color:var(--color-text);font-weight:700}.ob-role{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;flex:none;padding:.08rem .38rem;font-size:.54rem;font-weight:800;line-height:1.5}.ob-role.is-core{border-color:color-mix(in srgb, var(--color-accent) 70%, transparent);background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-bright)}.ob-role.is-common{border-color:color-mix(in srgb, var(--color-rarity-rare) 42%, var(--color-border));color:color-mix(in srgb, var(--color-rarity-rare) 82%, var(--color-text))}.ob-role.is-rare{color:var(--color-faint)}.ob-target{border:1px solid color-mix(in srgb, var(--slot-grade,var(--color-border)) 30%, var(--color-border));border-radius:var(--radius-sm);background-color:var(--color-bg);background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 90%, transparent), color-mix(in srgb, var(--color-bg) 62%, transparent)), var(--slot-tooltip-bg,none);background-position:50%;background-size:cover;align-items:center;gap:.65rem;min-width:0;padding:.55rem;display:flex}.ob-icon{border:1px solid var(--slot-grade,var(--color-border));border-radius:var(--radius-sm);background-color:var(--color-bg);background-image:var(--slot-grade-bg,none);width:3.6rem;height:3.6rem;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--slot-grade,transparent) 35%, transparent));background-repeat:no-repeat;background-size:100% 100%;flex:none;place-items:center;padding:3px;display:grid;position:relative}.ob-icon img{object-fit:contain;border-radius:2px;width:100%;height:100%}.ob-icon i{color:var(--slot-grade,var(--color-muted));font-family:var(--font-display);font-size:1.2rem;font-style:normal;font-weight:700}.ob-exceed{align-items:center;gap:.35rem;margin-top:.15rem;display:inline-flex}.ob-exceed__stars{gap:.15rem;display:inline-flex}.ob-exceed__stars i{color:#dcfaff;filter:drop-shadow(0 0 5px #60d6ffd9);width:.8rem;height:.8rem;position:relative}.ob-exceed__stars i:before,.ob-exceed__stars i:after{content:"";clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);position:absolute;inset:0}.ob-exceed__stars i:before{background:currentColor}.ob-exceed__stars i:after{background:linear-gradient(#e4fdff 0%,#5ad3f5 45%,#1c8fc6 100%);inset:12%}.ob-exceed b{color:#7fdcff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;font-size:.62rem;font-weight:700}.ob-icon--sm{filter:none;width:2.45rem;height:2.45rem;padding:2px}.ob-icon__plus{color:#f5d291;font-family:var(--font-mono,ui-monospace, monospace);background:#171208;border:1px solid #f0c06a8c;border-radius:3px;padding:0 .25rem;font-size:.58rem;font-style:normal;font-weight:700;line-height:1.45;position:absolute;bottom:-.35rem;right:-.35rem}.ob-target__body{flex-direction:column;flex:1;min-width:0;display:flex}.ob-target__name{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:700;line-height:1.25;text-decoration:none;display:-webkit-box;overflow:hidden}.ob-target__name:hover{text-underline-offset:.16em;text-decoration:underline}.ob-target__body small{color:var(--color-faint);margin-top:.18rem;font-size:.68rem}.ob-target__grade{color:var(--slot-grade,var(--color-muted));letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:700}.ob-use{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-border) 65%, transparent);height:.26rem;overflow:hidden}.ob-use i{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-deep), var(--color-accent-bright));height:100%;display:block}.ob-meter{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-border) 65%, transparent);height:.28rem;overflow:hidden}.ob-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-deep), var(--color-accent-bright));height:100%;display:block}.ob-mine{border:1px solid color-mix(in srgb, var(--color-blush-line) 28%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-blush) 5%, transparent);color:var(--color-blush);flex-wrap:wrap;align-items:baseline;gap:.25rem .4rem;margin:0;padding:.35rem .5rem;font-size:.72rem;line-height:1.4;display:flex}.ob-mine.is-ok{border-color:color-mix(in srgb, var(--color-jade) 26%, var(--color-border));background:color-mix(in srgb, var(--color-jade) 6%, transparent);color:var(--color-jade)}.ob-mine.is-alt{border-color:color-mix(in srgb, var(--color-rarity-rare) 30%, var(--color-border));background:color-mix(in srgb, var(--color-rarity-rare) 6%, transparent);color:color-mix(in srgb, var(--color-rarity-rare) 82%, var(--color-text))}.ob-mine__tag{background:color-mix(in srgb, currentColor 16%, transparent);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;flex:none;padding:0 .3rem;font-size:.56rem;font-weight:800}.ob-mine em{color:var(--color-faint);white-space:nowrap;margin-left:.35rem;font-size:.64rem;font-style:normal}.ob-fit{background:color-mix(in srgb, currentColor 12%, transparent);font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;border-radius:3px;margin-left:auto;padding:0 .3rem;font-size:.68rem;font-weight:700}.ob-fit.is-ok{color:var(--color-jade)}.ob-fit.is-alt{color:var(--color-rarity-rare)}.ob-fit.is-gap,.ob-mine em.is-low{color:var(--color-blush)}.ob-mine em.is-high{color:var(--color-jade)}.ob-binding{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-bg) 55%, transparent);padding:.5rem .6rem .45rem}.ob-binding.is-missing{border-color:color-mix(in srgb, var(--color-blush-line) 26%, var(--color-border))}.ob-binding__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ob-binding__head div{flex-direction:column;min-width:0;display:flex}.ob-binding__head strong{color:var(--color-text);font-size:.76rem;line-height:1.2}.ob-binding__head span{color:var(--color-faint);font-size:.62rem}.ob-binding__head>b{color:var(--color-accent-bright);font-family:var(--font-mono,ui-monospace, monospace);flex:none;font-size:.82rem}.ob-binding__note{color:var(--color-faint);margin:.35rem 0 0;font-size:.6rem;line-height:1.4}.ob-binding-empty{border:1px dashed color-mix(in srgb, var(--color-border) 85%, transparent);border-radius:var(--radius-sm);color:var(--color-faint);margin:0;padding:.35rem .5rem;font-size:.66rem;line-height:1.4}.ob-best{border:1px solid color-mix(in srgb, var(--color-jade) 22%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-jade) 7%, transparent);color:var(--color-muted);align-items:baseline;gap:.35rem;margin:0;padding:.35rem .5rem;font-size:.71rem;line-height:1.4;display:flex}.ob-best span{color:var(--color-jade);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:.58rem;font-weight:700}.ob-best b{color:var(--color-text);font-weight:550}.ob-best:has(.ob-best__price){border-color:color-mix(in srgb, var(--color-accent) 32%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 8%, transparent);flex-wrap:wrap;align-items:center;row-gap:.3rem}.ob-best__price{flex-basis:100%;align-items:center;gap:.4rem;min-width:0;display:flex}.ob-best__action{color:var(--color-muted)!important;letter-spacing:.02em!important;text-transform:none!important;font-size:.66rem!important}.ob-best__coin{object-fit:contain;filter:drop-shadow(0 0 4px #f0b84a59);flex:none;width:1.15rem;height:1.15rem}.ob-best__amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-accent-bright)!important;letter-spacing:0!important;font-size:.98rem!important;font-weight:700!important}.ob-best__note{color:var(--color-blush-line)!important;letter-spacing:0!important;text-transform:none!important;font-size:.62rem!important}.ob-more summary{color:var(--color-faint);cursor:pointer;font-size:.7rem;list-style-position:inside}.ob-more summary:hover{color:var(--color-muted)}.ob-detail{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.5rem}.ob-detail h3{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;margin:.6rem 0 .3rem;font-size:.6rem;font-weight:700}.ob-detail h3:first-child{margin-top:0}.ob-lines,.ob-alts,.ob-routes,.ob-chips{margin:0;padding:0;list-style:none}.ob-lines li{border-bottom:1px dotted color-mix(in srgb, var(--color-border) 70%, transparent);grid-template-columns:.95rem minmax(0,1fr) auto 4.3rem;align-items:center;gap:.4rem;padding:.25rem 0;font-size:.71rem;line-height:1.3;display:grid}.ob-lines li:last-child{border-bottom:0}.ob-line__mark{color:var(--color-faint);text-align:center;font-size:.68rem;line-height:1}.ob-lines li.is-owned .ob-line__mark{color:var(--color-jade)}.ob-lines li.is-missing .ob-line__mark{color:var(--color-blush)}.ob-lines li.is-priority .ob-line__mark{color:var(--color-accent)}.ob-line__name{min-width:0;color:var(--color-muted)}.ob-lines li.is-owned .ob-line__name{color:var(--color-text)}.ob-lines li.is-missing .ob-line__name{color:var(--color-blush)}.ob-line__value{color:var(--color-faint);font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;font-size:.62rem}.ob-line__freq{background:color-mix(in srgb, var(--color-border) 35%, transparent);border-radius:3px;justify-content:flex-end;align-items:center;min-height:1.15rem;padding:0 .3rem;display:flex;position:relative;overflow:hidden}.ob-line__freq i{width:var(--freq,0%);background:color-mix(in srgb, var(--color-accent) 20%, transparent);position:absolute;inset:0 auto 0 0}.ob-line__freq b{color:var(--color-muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:.58rem;font-weight:600;position:relative}.ob-lines li.is-owned .ob-line__freq i{background:color-mix(in srgb, var(--color-jade) 22%, transparent)}.ob-lines li.is-missing .ob-line__freq i{background:color-mix(in srgb, var(--color-blush) 18%, transparent)}.ob-chips{flex-wrap:wrap;gap:.3rem;display:flex}.ob-chips li{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);padding:.2rem .45rem;font-size:.66rem}.ob-chips b{color:var(--color-accent);font-weight:700}.ob-alts li{border-bottom:1px dotted color-mix(in srgb, var(--color-border) 70%, transparent);grid-template-columns:1.4rem 2.45rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.3rem 0;display:grid}.ob-alts li:last-child{border-bottom:0}.ob-alt__rank{color:var(--color-faint);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:.62rem}.ob-alt__body{flex-direction:column;min-width:0;display:flex}.ob-alt__body a{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:600;line-height:1.3;text-decoration:none;overflow:hidden}.ob-alt__body a:hover{text-underline-offset:.16em;text-decoration:underline}.ob-alt__body small{color:var(--color-faint);font-size:.62rem}.ob-routes li{border-bottom:1px dotted color-mix(in srgb, var(--color-border) 70%, transparent);flex-direction:column;gap:.1rem;padding:.3rem 0;font-size:.7rem;display:flex}.ob-routes li:last-child{border-bottom:0}.ob-routes span{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;font-weight:700}.ob-routes b{color:var(--color-muted);font-weight:500;line-height:1.4}.ob-routes li.is-market b,.ob-routes li.is-craft b{color:var(--color-text)}.ob-routes li.is-empty{color:var(--color-faint);font-size:.7rem}.ob-none{color:var(--color-faint);margin:.2rem 0;font-size:.72rem}.ob-panels{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.8rem;margin:1.6rem 0 0;display:grid}.ob-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:color-mix(in srgb, var(--color-surface) 90%, transparent);padding:1rem 1.05rem}.ob-panel>header{margin-bottom:.65rem}.ob-panel h2{font-family:var(--font-display);margin:0;font-size:1rem}.ob-panel header p{color:var(--color-faint);margin:.2rem 0 0;font-size:.72rem;line-height:1.5}.ob-title-group+.ob-title-group{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.65rem}.ob-title-group h3,.ob-collect h3{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .3rem;font-size:.6rem;font-weight:700}.ob-title-group ul,.ob-collect ul,.ob-boards,.ob-gods{margin:0;padding:0;list-style:none}.ob-title-group li{flex-direction:column;gap:.15rem;padding:.32rem 0;display:flex}.ob-title-group strong{color:var(--color-text);font-size:.76rem;font-weight:600}.ob-title-group small{color:var(--color-faint);margin-left:.35rem;font-size:.64rem;font-weight:400}.ob-title-group em{color:var(--color-jade);font-size:.66rem;font-style:normal;line-height:1.4}.ob-boards li{grid-template-columns:minmax(0,1fr) 4.5rem auto;align-items:center;gap:.5rem;padding:.32rem 0;display:grid}.ob-boards strong{color:var(--color-text);font-size:.74rem;font-weight:600;display:block}.ob-boards small{color:var(--color-faint);font-size:.62rem}.ob-boards b{min-width:2.2rem;color:var(--color-accent-bright);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:.68rem}.ob-board-meter,.ob-god-meter{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-border) 65%, transparent);height:.24rem;overflow:hidden}.ob-board-meter i,.ob-god-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-deep), var(--color-accent-bright));height:100%;display:block}.ob-gods li{grid-template-columns:5.2rem minmax(0,1fr) 1.8rem;align-items:center;gap:.45rem;padding:.2rem 0;font-size:.7rem;display:grid}.ob-gods span{color:var(--color-muted)}.ob-gods b{color:var(--color-text);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:.66rem}.ob-collect{border-top:1px solid var(--color-border);margin-top:.7rem;padding-top:.65rem}.ob-collect li{justify-content:space-between;align-items:baseline;gap:.5rem;padding:.24rem 0;font-size:.72rem;display:flex}.ob-collect strong{color:var(--color-text);font-weight:600}.ob-collect span{color:var(--color-faint);flex:none;font-size:.64rem}.ob-note{color:var(--color-faint);margin:.9rem 0 0;font-size:.72rem;line-height:1.6}@media (width<=960px){.ob-layout{flex-direction:column;gap:1.1rem;display:flex}.ob-side{display:contents}.ob-me{order:1}.ob-main{order:2}.ob-gaps,.ob-worn,.ob-need{order:3}}@media (width<=620px){.ob-hero{padding-top:2rem}.ob-toolbar{align-items:stretch}.ob-field,.ob-field--name,.ob-apply{flex:100%}.ob-slots{grid-template-columns:minmax(0,1fr)}.ob-gods li{grid-template-columns:4.4rem minmax(0,1fr) 1.6rem}.ob-lines li{grid-template-columns:.95rem minmax(0,1fr) auto}.ob-line__freq{grid-column:2/-1;justify-self:stretch}}.ob-slot.is-flip{cursor:pointer;perspective:1600px}.ob-slot.is-flip:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ob-flip__inner{min-width:0;display:grid}.ob-flip__face{backface-visibility:hidden;flex-direction:column;grid-area:1/1;gap:.5rem;min-width:0;transition:transform .42s cubic-bezier(.22,.8,.24,1);display:flex}.ob-flip__face--front{transform:rotateY(0)}.ob-flip__face--back{transform:rotateY(180deg)}.ob-slot.is-flipped .ob-flip__face--front{transform:rotateY(-180deg)}.ob-slot.is-flipped .ob-flip__face--back{transform:rotateY(0)}.ob-flip__face.is-static{transition:none}.ob-target--mine{border-color:color-mix(in srgb, var(--slot-grade,var(--color-border)) 42%, var(--color-border))}.ob-target__eyebrow{color:var(--slot-grade,var(--color-faint));letter-spacing:.1em;text-transform:uppercase;margin-bottom:.1rem;font-size:.55rem;font-weight:800}.ob-binding--mine{border-color:color-mix(in srgb, var(--color-jade) 22%, var(--color-border))}.ob-lines--mine li{grid-template-columns:.95rem minmax(0,1fr) auto auto}.ob-line__tag{background:color-mix(in srgb, currentColor 10%, transparent);color:var(--color-faint);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;align-self:center;padding:0 .25rem;font-size:.56rem;font-weight:700;line-height:1.5}.ob-lines--mine .is-owned .ob-line__tag{color:var(--color-jade)}.ob-lines--mine .is-extra .ob-line__tag{color:var(--color-faint)}.ob-binding__note.is-low{color:var(--color-blush)}.ob-binding__note.is-high{color:var(--color-jade)}.ob-actions{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.ob-flip__btn,.ob-detail-btn{border:1px solid color-mix(in srgb, var(--color-accent) 32%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 7%, transparent);min-height:1.9rem;color:var(--color-accent-bright);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.66rem;font-weight:700;line-height:1.1;display:inline-flex}.ob-detail-btn{border-color:color-mix(in srgb, var(--color-border) 90%, transparent);color:var(--color-faint);background:0 0;font-weight:550}.ob-flip__btn:hover,.ob-detail-btn:hover{border-color:color-mix(in srgb, var(--color-accent) 60%, transparent);color:var(--color-text)}.ob-owned{border:1px solid color-mix(in srgb, var(--color-jade) 24%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-jade) 6%, transparent);color:var(--color-jade);margin:0;padding:.35rem .5rem;font-size:.7rem;line-height:1.4}.ob-role,.ob-mine__tag,.ob-alt__rank,.ob-best span,.ob-slot__label,.ob-filter,.ob-icon__plus{text-align:center;justify-content:center;align-items:center;display:inline-flex}.ob-mine__tag.is-ok{background:color-mix(in srgb, var(--color-jade) 18%, transparent);color:var(--color-jade)}.ob-mine__tag.is-alt{background:color-mix(in srgb, var(--color-rarity-rare) 18%, transparent);color:var(--color-rarity-rare)}.ob-mine__tag.is-gap{background:color-mix(in srgb, var(--color-blush) 15%, transparent);color:var(--color-blush)}.ob-modal{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));border-radius:calc(var(--radius) + 2px);background:var(--color-surface);width:min(58rem,100vw - 2rem);max-width:58rem;max-height:min(86vh,54rem);color:var(--color-text);margin:auto;padding:0;box-shadow:0 30px 90px #0000008c}.ob-modal::backdrop{backdrop-filter:blur(5px);background:#030508c2}.ob-modal__panel{flex-direction:column;max-height:min(86vh,54rem);display:flex}.ob-modal__head{z-index:2;border-bottom:1px solid var(--color-border);background-image:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-2) 96%, transparent), var(--color-surface) 90%), var(--slot-tooltip-bg,none);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem .8rem;display:flex;position:sticky;top:0}.ob-modal__head h2{margin:.15rem 0;font-size:1.15rem;line-height:1.2}.ob-modal__head small{color:var(--color-faint);font-size:.7rem}.ob-modal__close{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:grid}.ob-modal__close:hover{border-color:var(--color-accent);color:var(--color-text)}.ob-gap-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ob-gap-list a{border:1px solid color-mix(in srgb, var(--slot-grade,var(--color-border)) 42%, var(--color-border));border-radius:var(--radius-sm);background:linear-gradient(150deg, color-mix(in srgb, var(--slot-grade,transparent) 10%, transparent), transparent 62%), var(--color-bg);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem .6rem;text-decoration:none;display:grid}.ob-gap-list a:hover{border-color:color-mix(in srgb, var(--slot-grade,var(--color-accent)) 70%, var(--color-border))}.ob-gap-list__text{gap:.1rem;min-width:0;display:grid}.ob-gap-list__slot{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:700}.ob-gap-list strong{font-size:.84rem;font-weight:700}.ob-gap-list em{color:var(--color-jade);text-align:right;font-size:.72rem;font-style:normal}.ob-modal__body{padding:1rem 1.2rem 1.3rem;overflow:auto}.ob-modal__block+.ob-modal__block{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.9rem}.ob-modal__block h3{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .45rem;font-size:.62rem;font-weight:700}.ob-modal .ob-alts{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}@media (width<=620px){.ob-modal{border:0;border-radius:0;width:100vw;max-width:none;max-height:100dvh}.ob-modal__panel{max-height:100dvh}.ob-lines--mine li{grid-template-columns:.95rem minmax(0,1fr) auto}.ob-lines--mine .ob-line__tag{grid-column:2/-1;justify-self:start}}.ob-collections{gap:1.15rem;min-width:0;margin-top:1.9rem;display:grid}.ob-collections__two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.ob-collections__two>.ob-pets{grid-column:1/-1}.ob-section__head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.7rem;display:flex}.ob-section__head h2{margin:.1rem 0 .2rem;font-size:1.15rem;line-height:1.15}.ob-section__head p{max-width:62ch;color:var(--color-muted);margin:0;font-size:.76rem;line-height:1.45}.ob-kicker{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.56rem;font-weight:800}.ob-section__actions{flex:none;align-items:center;gap:.55rem;display:flex}.ob-section__count{color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:.68rem}[data-ob-flip]{perspective:1400px}[data-ob-flip] .ob-flip__inner{height:100%;transform-style:preserve-3d}[data-ob-flip].is-flipped .ob-flip__face--front{transform:rotateY(-180deg)}[data-ob-flip].is-flipped .ob-flip__face--back{transform:rotateY(0)}.ob-title-card,.ob-pet-card,.ob-board-card{border:1px solid var(--color-border);border-radius:var(--radius);background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--title-grade,var(--color-accent)) 8%, transparent), transparent 45%), var(--color-surface);min-width:0;color:var(--color-text);cursor:pointer}.ob-title-card:focus-visible,.ob-pet-card:focus-visible,.ob-board-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ob-title-card .ob-flip__face,.ob-pet-card .ob-flip__face,.ob-board-card .ob-flip__face{border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-2) 42%, transparent), transparent 38%), var(--color-surface);padding:.7rem .75rem .75rem}.ob-title-card h3,.ob-pet-card h3,.ob-board-card h3{text-align:center;margin:.15rem 0 0;font-size:.92rem;line-height:1.25}.ob-titles__equipped{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.ob-title-card{--title-grade:var(--color-accent)}.ob-title-card>.ob-flip__inner{min-height:17.5rem}.ob-title-card__head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.ob-title-card__cat{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:800}.ob-title-card__badge{border:1px solid color-mix(in srgb, var(--title-grade) 40%, var(--color-border));border-radius:var(--radius-pill);color:var(--title-grade);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:.12rem .38rem;font-size:.52rem;font-weight:800}.ob-title-card__badge--bis{border-color:color-mix(in srgb, var(--color-jade) 45%, var(--color-border));color:var(--color-jade)}.ob-title-card__grade{color:var(--color-faint);text-align:center;margin:0;font-size:.6rem}.ob-title-card__stats{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-bg) 30%, transparent);gap:.15rem;margin:0;padding:.35rem .45rem;list-style:none;display:grid}.ob-title-card__stats li{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.64rem;display:flex}.ob-title-card__stats span{color:var(--color-muted);text-align:left}.ob-title-card__stats b{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right}.ob-title-card__collection,.ob-title-card__owned,.ob-title-card__note{color:var(--color-faint);text-align:center;margin:0;font-size:.6rem;line-height:1.4}.ob-title-card__collection span{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.5rem;font-weight:800;display:block}.ob-title-card__note{color:var(--color-muted);margin-top:auto}.ob-title-card .ob-flip__btn{margin-top:auto}.ob-title-modal{width:min(78rem,100vw - 2rem);max-width:78rem;max-height:min(90vh,60rem)}.ob-title-modal__body{padding:.8rem 1rem 1.1rem}.ob-title-search{margin-bottom:.6rem;display:block}.ob-title-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;padding:.55rem .75rem;font-size:.8rem}.ob-title-cats{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.25rem;margin-bottom:.65rem;display:flex}.ob-title-cat{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.36rem .62rem;font-size:.68rem;font-weight:700}.ob-title-cat:hover{color:var(--color-text)}.ob-title-cat.is-active{border-bottom-color:var(--color-accent);color:var(--color-accent-bright)}.ob-title-layout{grid-template-columns:3.1rem minmax(0,1fr) 18rem;gap:.7rem;min-width:0;display:grid}.ob-title-rail{border-right:1px solid var(--color-border);flex-direction:column;align-items:center;gap:.4rem;padding:.4rem .25rem;display:flex}.ob-title-fam{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-2) 60%, transparent);width:2.35rem;height:2.35rem;color:var(--color-faint);font:inherit;cursor:pointer;border-radius:50%;place-items:center;font-size:.5rem;font-weight:800;display:grid}.ob-title-fam img{object-fit:contain;width:1.3rem;height:1.3rem}.ob-title-fam:hover,.ob-title-fam.is-active{border-color:color-mix(in srgb, var(--color-accent) 65%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent-bright)}.ob-title-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.45rem;min-width:0;max-height:34rem;padding-right:.2rem;display:grid;overflow:auto}.ob-title-gallery [hidden]{display:none!important}.ob-tcard{border:1px solid color-mix(in srgb, var(--title-grade,var(--color-border)) 28%, var(--color-border));border-left:2px solid var(--title-grade,var(--color-border));border-radius:var(--radius-sm);background:linear-gradient(145deg, color-mix(in srgb, var(--title-grade,var(--color-accent)) 7%, transparent), transparent 55%), var(--color-bg);justify-content:space-between;align-items:flex-start;gap:.35rem;min-height:5.1rem;padding:.55rem .6rem;display:flex;position:relative}.ob-tcard.is-on{border-color:color-mix(in srgb, var(--color-jade) 55%, var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-jade) 18%, transparent)}.ob-tcard__text{min-width:0}.ob-tcard__text h4{margin:0 0 .08rem;font-size:.7rem;line-height:1.25}.ob-tcard__text>p{color:var(--color-faint);margin:0 0 .2rem;font-size:.52rem}.ob-tcard__text ul{gap:.05rem;margin:0;padding:0;list-style:none;display:grid}.ob-tcard__text li{color:var(--color-muted);justify-content:space-between;gap:.4rem;font-size:.55rem;line-height:1.3;display:flex}.ob-tcard__text li b{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.ob-tcard__logo{object-fit:contain;opacity:.8;flex:none;width:1.9rem;height:1.9rem}.ob-tcard__on{color:var(--color-jade);letter-spacing:.06em;text-transform:uppercase;font-size:.48rem;font-weight:800;position:absolute;bottom:.25rem;right:.35rem}.ob-title-side{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface-2) 36%, transparent);align-self:start;min-width:0;padding:.55rem}.ob-title-side h3{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:.4rem;margin:0 0 .45rem;font-size:.58rem;display:flex}.ob-title-side h3 span{color:var(--color-accent);font-variant-numeric:tabular-nums}.ob-tcard--side{border-left-width:2px;min-height:0;margin-bottom:.35rem}.ob-tcard--side:last-child{margin-bottom:0}.ob-title-empty{color:var(--color-faint);text-align:center;grid-column:1/-1;margin:0;padding:1rem;font-size:.72rem}.ob-pets__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.ob-pet-card>.ob-flip__inner{min-height:21rem}.ob-pet-card{--title-grade:var(--color-accent)}.ob-pet-card--wing{--title-grade:#c7a86a}.ob-pet-card__head{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.4rem;font-size:.55rem;font-weight:800;display:flex}.ob-pet-card__head b{color:var(--color-accent);letter-spacing:0;text-transform:none;font-weight:700}.ob-pet-card__figure{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--title-grade) 18%, transparent), transparent 66%), var(--color-bg);border-radius:50%;place-items:center;width:9rem;height:9rem;margin:.35rem auto;display:grid;position:relative}.ob-pet-card__figure img{object-fit:contain;width:7.2rem;height:7.2rem}.ob-pet-card__figure--wing img{width:7.6rem;height:7.6rem}.ob-pet-card__crest{object-fit:contain;filter:drop-shadow(0 2px 5px #0009);width:2rem;height:2rem;position:absolute;bottom:.2rem;right:.2rem}.ob-pet-card__empty{color:var(--color-faint);font-size:2rem}.ob-pet-card h3{text-align:center}.ob-pet-card__meta,.ob-pet-card__note{color:var(--color-faint);text-align:center;margin:0;font-size:.64rem;line-height:1.4}.ob-pet-card__note{color:var(--color-muted);margin-top:auto}.ob-pet-card .ob-flip__btn{margin-top:auto}.ob-daevanion__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.ob-board-card{--title-grade:var(--color-accent)}.ob-board-card>.ob-flip__inner{min-height:23rem}.ob-board-card__head{grid-template-columns:1.6rem minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-bottom:.35rem;display:grid}.ob-board-card__icon{border:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));border-radius:var(--radius-sm);background:var(--color-bg);place-items:center;width:1.6rem;height:1.6rem;display:grid}.ob-board-card__icon img{object-fit:contain;width:1.2rem;height:1.2rem}.ob-board-card__head h3{text-align:left;margin:0;font-size:.82rem}.ob-board-card__head p{color:var(--color-faint);font-variant-numeric:tabular-nums;margin:.05rem 0 0;font-size:.55rem}.ob-board-card__head>b{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:800}.ob-board-card__head>b.is-bis{color:var(--color-jade)}.ob-board{grid-template-columns:repeat(var(--board-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--board-rows), minmax(0, 1fr));border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 68%), var(--color-bg);gap:1px;padding:.2rem;display:grid}.ob-node{border:1px solid color-mix(in srgb, var(--node-grade,var(--color-border)) 26%, transparent);background:color-mix(in srgb, var(--color-surface-2) 55%, transparent);opacity:.45;border-radius:2px;place-items:center;min-width:0;transition:opacity .15s,filter .15s;display:grid;position:relative;overflow:hidden}.ob-node img{object-fit:contain;width:100%;height:100%}.ob-node.is-open{opacity:1}.ob-node.is-locked{filter:grayscale(.85)brightness(.62)}.ob-node.is-start{box-shadow:inset 0 0 0 1px var(--color-accent)}.ob-node.is-missing{opacity:1;border-color:var(--color-coral,#ff7a7a);box-shadow:0 0 0 1px var(--color-coral,#ff7a7a), 0 0 8px color-mix(in srgb, var(--color-coral,#ff7a7a) 40%, transparent);filter:none}.ob-node.is-match{border-color:color-mix(in srgb, var(--color-jade) 75%, var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-jade) 45%, transparent)}.ob-node.is-extra{opacity:1;border-color:color-mix(in srgb, #7fb7ff 70%, var(--color-border));filter:none;box-shadow:0 0 0 1px #7fb7ff59}.ob-board-card__legend{color:var(--color-faint);flex-wrap:wrap;gap:.35rem .55rem;margin:.35rem 0 0;font-size:.52rem;display:flex}.ob-board-card__legend span{align-items:center;gap:.2rem;display:inline-flex}.ob-board-card__legend i{background:color-mix(in srgb, var(--color-jade) 70%, transparent);border-radius:2px;width:.45rem;height:.45rem}.ob-board-card__legend i.is-locked{background:color-mix(in srgb, var(--color-faint) 45%, transparent)}.ob-board-card__legend i.is-missing{background:var(--color-coral,#ff7a7a)}.ob-board-card__legend i.is-extra{background:#7fb7ff}.ob-board-card__note{color:var(--color-faint);text-align:center;margin:.2rem 0 0;font-size:.52rem;line-height:1.4}.ob-board-card .ob-flip__btn{margin-top:auto}@media (width<=1100px){.ob-title-layout{grid-template-columns:3rem minmax(0,1fr)}.ob-title-side{grid-column:1/-1}.ob-title-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.ob-titles__equipped,.ob-daevanion__grid,.ob-pets__grid,.ob-collections__two{grid-template-columns:minmax(0,1fr)}.ob-collections__two>.ob-pets{grid-column:auto}.ob-section__head{flex-direction:column;align-items:flex-start}.ob-title-layout{grid-template-columns:minmax(0,1fr)}.ob-title-rail{border-right:0;border-bottom:1px solid var(--color-border);flex-flow:wrap}.ob-title-side{grid-column:auto}.ob-title-gallery{max-height:none}.ob-title-card>.ob-flip__inner{min-height:15.5rem}}@media (width<=560px){.ob-title-gallery{grid-template-columns:minmax(0,1fr)}.ob-wheel__node{width:3.5rem;min-height:2.35rem}.ob-wheel__node span{font-size:.4rem}.ob-wheel__node b{font-size:.66rem}}@media (width<=900px){.ob-title-side{order:-1}}.ob-slot{box-shadow:0 14px 34px #0003, inset 0 1px 0 color-mix(in srgb, var(--slot-grade,var(--color-border)) 18%, transparent);overflow:hidden}.ob-slot.is-flip .ob-flip__inner{position:relative}.ob-slot.is-flip:not(.is-flipped) .ob-flip__face--back,.ob-slot.is-flip.is-flipped .ob-flip__face--front{position:absolute;inset:0}.ob-flip__face{position:relative}.ob-face__bg{z-index:0;opacity:.09;filter:saturate(.8)blur(.4px);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:13rem;height:13rem;position:absolute;top:-2rem;right:-2rem}.ob-flip__face>:not(.ob-face__bg){z-index:1;position:relative}.ob-slot__head-actions{flex:none;align-items:center;gap:.4rem;display:flex}.ob-flip-top{border:1px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 12%, transparent);min-height:1.35rem;color:var(--color-accent-bright);font:inherit;letter-spacing:.03em;cursor:pointer;justify-content:center;align-items:center;gap:.12rem;padding:.12rem .38rem;font-size:.52rem;font-weight:800;line-height:1;display:inline-flex}.ob-flip-top:hover{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-text)}.ob-flip-top>span:first-child{font-size:.7rem}.ob-slot__head{gap:.35rem}.ob-slot__slot{flex-wrap:wrap}.ob-slot .ob-mine__tag,.ob-slot .ob-role{text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem;overflow:hidden}.ob-slot.is-flip .ob-actions{margin-top:auto}.ob-slot.is-flip .ob-actions .ob-detail-btn{width:100%}.ob-title-creator__panel{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:calc(var(--radius) + 2px);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface-2) 72%, transparent), var(--color-surface));padding:.75rem;box-shadow:0 18px 48px #00000038}.ob-title-creator__toolbar{gap:.55rem;margin-bottom:.6rem;display:grid}.ob-title-creator__toolbar .ob-title-search,.ob-title-creator__toolbar .ob-title-cats{margin:0}.ob-title-creator .ob-title-gallery,.ob-title-creator__gallery{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-accent) 32%, transparent) transparent;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:.35rem;min-width:0;max-height:31rem;padding-right:.2rem;display:grid;overflow:auto}.ob-title-creator__gallery [hidden]{display:none!important}.ob-ttile{border:1px solid color-mix(in srgb, var(--title-grade,var(--color-border)) 24%, var(--color-border));border-radius:var(--radius-sm);background:linear-gradient(145deg, color-mix(in srgb, var(--title-grade,var(--color-accent)) 8%, transparent), transparent 58%), color-mix(in srgb, var(--color-bg) 82%, transparent);justify-content:space-between;align-items:center;gap:.35rem;min-height:4.25rem;padding:.45rem .5rem;display:flex;position:relative;overflow:hidden}.ob-ttile:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--title-grade,var(--color-accent)) 45%, transparent), transparent);opacity:.7;height:1px;position:absolute;inset:auto 0 0}.ob-ttile:hover{border-color:color-mix(in srgb, var(--title-grade,var(--color-accent)) 55%, var(--color-border))}.ob-ttile__text{min-width:0}.ob-ttile__text h3{text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.68rem;line-height:1.25;display:-webkit-box;overflow:hidden}.ob-ttile__text p{color:var(--color-faint);margin:.12rem 0 0;font-size:.5rem}.ob-ttile__logo{object-fit:contain;opacity:.6;flex:none;width:1.55rem;height:1.55rem}.ob-ttile.is-on{border-color:color-mix(in srgb, var(--color-jade) 62%, var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-jade) 20%, transparent)}.ob-ttile.is-bis{border-color:color-mix(in srgb, #d9b56d 58%, var(--color-border))}.ob-ttile__on,.ob-ttile__bis{letter-spacing:.06em;text-transform:uppercase;font-size:.42rem;font-weight:800;position:absolute;bottom:.22rem;right:.35rem}.ob-ttile__on{color:var(--color-jade)}.ob-ttile__bis{color:#d9b56d}.ob-title-creator .ob-title-side{position:sticky;top:.75rem}@media (width<=1100px){.ob-title-creator__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-title-creator .ob-title-side{order:-1;position:static}}@media (width<=900px){.ob-title-creator__gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:24rem}}@media (width<=560px){.ob-title-creator__panel{padding:.55rem}.ob-title-creator__gallery{grid-template-columns:minmax(0,1fr);max-height:22rem}}.ob-title-owned{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.7rem;display:grid}.ob-title-slot{border:1px solid color-mix(in srgb, var(--title-grade,var(--color-border)) 55%, var(--color-border));border-radius:var(--radius-sm);background:linear-gradient(145deg, color-mix(in srgb, var(--title-grade,var(--color-accent)) 14%, transparent), transparent 62%), var(--color-bg);min-width:0;box-shadow:0 0 14px -8px color-mix(in srgb, var(--title-grade,transparent) 85%, transparent);cursor:pointer}.ob-title-slot:not(.is-flip){cursor:default}.ob-title-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ob-title-slot .ob-flip__face{border-radius:inherit;gap:.45rem;padding:.6rem .65rem .65rem}.ob-title-slot__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ob-title-slot__cat{color:var(--color-faint);letter-spacing:.09em;text-transform:uppercase;font-size:.52rem;font-weight:800}.ob-title-slot__bis{color:var(--color-jade);letter-spacing:.06em;text-transform:uppercase;font-size:.5rem;font-weight:800}.ob-title-slot__tag{color:var(--color-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.1rem;font-size:.48rem;font-weight:700;display:block}.ob-tcard--owned{border-left-width:2px;border-left-color:var(--title-grade,var(--color-border));background:0 0;flex:1;min-height:0}.ob-tcard--owned h4{font-size:.82rem}.ob-tcard--owned.is-best{border-left-color:var(--color-accent);background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 8%, transparent), transparent 58%), transparent}