:root{--r-card:16px;--r-tile:12px;--sea-fill:color-mix(in srgb,var(--primary) 12%,transparent);--verm-fill:color-mix(in srgb,var(--accent) 12%,transparent);--sea-edge:color-mix(in srgb,var(--primary) 55%,transparent);--verm-edge:color-mix(in srgb,var(--accent) 55%,transparent)}.chip-row li,.deck-match-kicker,.hero-note,.mock-note,.mock-row-label,.mock-sub,.mock-tags li,.online-kicker,.pick-others-label,.pick-rule,.pick-screen,.rcard-live,.rcard-persona,.roster-tab,.scene-tag,.slabel,.step .n{letter-spacing:.05em}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(56vw 44vh at 12% -4%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 68%),radial-gradient(52vw 42vh at 92% 30%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 66%),radial-gradient(64vw 50vh at 50% 108%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%)}.hero-title{font-weight:800;letter-spacing:-.035em}.hero-title em{display:inline-block;color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 22%,transparent))}.hero-sub{color:var(--ink-muted)}.hero-face-ring,.hero-face-ring .slot{width:62px}.hero-face-ring .slot{aspect-ratio:3/4;border-radius:calc(var(--r-tile) - 4px);overflow:hidden;border-top:2px solid var(--sea-edge);border-bottom:2px solid var(--verm-edge)}.hero-face-dot{background:var(--primary)}.slabel b{font-weight:700}.slabel .rule{width:44px;background:linear-gradient(90deg,var(--primary),var(--accent),transparent)}.slabel.warm .rule{background:linear-gradient(90deg,var(--accent),var(--primary),transparent)}.head h2{position:relative;padding-bottom:14px}.head h2:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 30%,transparent))}main>.band:nth-of-type(2n) .head h2:after{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent))}.band{position:relative}.band.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 72%,transparent),color-mix(in srgb,var(--surface-alt) 40%,transparent));border-top:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.mock.pick:not(:has(.pick-rule)) .pick-frame{opacity:.08;filter:grayscale(1)}.mock.pick{max-width:350px;border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--surface-alt) 92%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));padding:14px;display:grid;grid-gap:12px;gap:12px}.pick-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.pick-screen{font-family:var(--font-head);font-weight:700;font-size:.82rem;color:var(--primary)}.pick-rule,.pick-screen{text-transform:uppercase}.pick-rule{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--r-tile);border:1px solid color-mix(in srgb,var(--bridge) 42%,transparent);background:color-mix(in srgb,var(--bridge) 8%,transparent);font-size:.6rem;font-weight:600;white-space:nowrap}.pick-rule,.pick-rule svg{color:var(--bridge)}.pick-frame{position:relative;border-radius:var(--r-tile);overflow:hidden;border-top:2px solid var(--sea-edge);border-bottom:2px solid var(--verm-edge)}.pick-plate{position:absolute;left:0;right:0;bottom:0;margin:0;padding:26px 14px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 88%,transparent))}.pick-plate b{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--ink)}.pick-plate span{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);text-align:right}.pick-others{display:grid;grid-gap:8px;gap:8px;min-width:0}.pick-others-label{font-size:.62rem;font-weight:600;text-transform:uppercase;color:var(--ink-muted)}.pick-others-row{display:flex;gap:10px;flex-wrap:wrap}.pick-face{width:46px;flex:0 0 46px;padding:2px;background:conic-gradient(var(--primary),var(--bridge),var(--accent),var(--primary))}.pick-face,.pick-face img{border-radius:50%}.pick-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:13px 22px;border-radius:var(--r-tile);background:var(--accent);color:var(--surface);font-family:var(--font-head);font-weight:700;font-size:.98rem;text-decoration:none;box-shadow:0 2px 14px color-mix(in srgb,var(--accent) 45%,transparent),0 10px 44px color-mix(in srgb,var(--accent) 20%,transparent);transition:transform .18s ease,box-shadow .18s ease}.pick-open:hover{transform:translateY(-1px);box-shadow:0 3px 16px color-mix(in srgb,var(--accent) 55%,transparent),0 12px 52px color-mix(in srgb,var(--accent) 26%,transparent)}.btn-primary{box-shadow:0 2px 14px color-mix(in srgb,var(--accent) 40%,transparent),0 10px 44px color-mix(in srgb,var(--accent) 18%,transparent)}.btn-ghost,.btn-primary{border-radius:var(--r-tile)}.btn-ghost{border-color:color-mix(in srgb,var(--primary) 38%,transparent);color:var(--primary)}.btn-ghost:hover{border-color:var(--primary);background:var(--sea-fill);color:var(--ink)}.rcard-char{border-radius:var(--r-card);overflow:hidden;border-top:2px solid color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent);border-bottom:2px solid var(--verm-edge);background:color-mix(in srgb,var(--surface-alt) 78%,transparent);transition:transform .2s ease,border-color .2s ease}.rcard-char:hover{transform:translateY(-3px)}.rcard-live{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent)}.rcard-persona{background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 78%,var(--ink));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.roster-tab{border-radius:var(--r-tile);min-height:44px}.roster-tab.is-active{border-color:var(--primary);background:var(--sea-fill);color:var(--primary);box-shadow:inset 0 -2px 0 var(--accent)}.stats{border-radius:var(--r-card);overflow:hidden;border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.stats>div:nth-child(odd) .num{color:var(--primary)}.stats>div:nth-child(2n) .num{color:var(--accent)}.fcard{border-radius:var(--r-card)}.fcard .ico{border-radius:var(--r-tile);background:var(--sea-fill);color:var(--primary)}.fgrid .fcard:nth-child(2n) .ico{background:var(--verm-fill);color:var(--accent)}.scene-card{border-radius:var(--r-card);overflow:hidden;border-top:2px solid color-mix(in srgb,var(--card-tint,var(--primary)) 55%,transparent);border-bottom:2px solid var(--verm-edge)}.scene-tag{border-radius:var(--r-tile)}.rcard{border-radius:var(--r-card)}.rcard:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.tcard{border-radius:var(--r-card)}.tcard:nth-child(odd){border-top:2px solid var(--sea-edge)}.tcard:nth-child(2n){border-top:2px solid var(--verm-edge)}.deck-card,.deck-ghost{border-radius:var(--r-card)}.deck-btn{border-radius:var(--r-tile);min-height:46px}.deck-btn--pass{border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);color:var(--primary);background:transparent}.deck-btn--pass:hover{background:var(--sea-fill)}.deck-btn--like{background:var(--accent);color:var(--surface)}.deck-match{border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:var(--verm-fill)}.online-dot{background:var(--primary);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 60%,transparent),0 0 24px color-mix(in srgb,var(--primary) 25%,transparent)}.online-face{border-radius:var(--r-tile)}.online-face.is-open img{outline:2px solid var(--primary);outline-offset:2px}.online-open{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.final-media,.online-open{border-radius:var(--r-card)}.final-media{overflow:hidden;border-top:2px solid var(--sea-edge);border-bottom:2px solid var(--verm-edge)}.final-media .slot{border-radius:0}.chip-row li{border-radius:var(--r-tile);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.chip-row li:hover{border-color:color-mix(in srgb,var(--bridge) 55%,transparent);color:var(--bridge)}@media (max-width:640px){.mock.pick{max-width:100%}.pick-chrome,.pick-others-row{flex-wrap:wrap}.pick-open{width:100%}}