.cmp{min-height:calc(100vh - var(--header-height) - 160px);background:radial-gradient(90% 50% at 50% -5%,#ff6a001a,#0000 55%),linear-gradient(#faf8f6 0%,#fff 45%);padding:1.75rem 0 4.5rem}.cmp-crumb{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1.15rem;font-size:.8rem;font-weight:600;display:flex}.cmp-crumb a{color:var(--color-orange)}.cmp-head__title{letter-spacing:-.035em;margin-bottom:.35rem;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:800}.cmp-head__meta{color:var(--color-text-secondary);margin-bottom:1.85rem;font-size:.875rem;font-weight:600}.cmp-slots{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;margin-bottom:1.75rem;display:grid}.cmp-slot{cursor:pointer;text-align:center;background:#fff;border:2px dashed #e5ddd4;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:128px;padding:1.25rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;display:flex}.cmp-slot:hover{border-color:#ff6a008c;transform:translateY(-2px);box-shadow:0 12px 32px #ff6a001f}.cmp-slot.is-filled{text-align:left;background:linear-gradient(165deg,#fff8f2 0%,#fff 100%);border-style:solid;border-color:#ff6a00;flex-direction:row;gap:.9rem;padding:1.1rem 1.25rem}.cmp-slot__plus{color:#ff6a00;background:#fff0e6;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.85rem;font-weight:300;line-height:1;display:grid}.cmp-slot__hint{color:#6b6b6b;font-size:.95rem;font-weight:700}.cmp-slot__logo{object-fit:contain;background:#f4f4f4;border-radius:14px;flex-shrink:0;width:52px;height:52px}.cmp-slot__meta{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.cmp-slot__meta strong{letter-spacing:-.02em;font-size:1rem;font-weight:800}.cmp-slot__meta em{color:#6b6b6b;font-size:.8rem;font-style:normal;font-weight:600}.cmp-slot__change{color:#ff6a00;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.cmp-vs{color:#fff;letter-spacing:.06em;background:#121212;border-radius:999px;align-self:center;place-items:center;width:52px;height:52px;font-size:.72rem;font-weight:900;display:grid;box-shadow:0 10px 24px #0000002e}.cmp-board{background:#fff;border:1px solid #f0ebe6;border-radius:24px;overflow:hidden;box-shadow:0 8px 40px #1a1a1a0f}.cmp-board[hidden]{display:none!important}.cmp-board__head{background:linear-gradient(#fffaf6,#fff);border-bottom:1px solid #f0ebe6;grid-template-columns:1fr 1fr;display:grid}.cmp-side{align-items:center;gap:.85rem;min-width:0;padding:1.2rem 1.35rem;display:flex}.cmp-side:first-child{border-right:1px solid #f0ebe6}.cmp-side img{object-fit:contain;background:#f5f5f5;border-radius:12px;flex-shrink:0;width:48px;height:48px}.cmp-side strong{letter-spacing:-.02em;font-size:1rem;font-weight:800;display:block}.cmp-side em{color:#6b6b6b;font-size:.8rem;font-style:normal;font-weight:600}.cmp-row{border-bottom:1px solid #f3eeea;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:.35rem .5rem;padding:1.15rem 1.25rem;display:grid}.cmp-row:last-of-type{border-bottom:0}.cmp-row__label{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:#8a8a8a;font-size:.68rem;font-weight:800;line-height:1.25}.cmp-row__a,.cmp-row__b{border-radius:14px;min-width:0;padding:.65rem .75rem;transition:background .15s}.cmp-row__a.is-win,.cmp-row__b.is-win{background:#ff6a0014}.cmp-dual{grid-template-columns:1fr 1fr;align-items:center;gap:6px;width:100%;margin-top:.45rem;display:grid}.cmp-track{background:#ece8e4;border-radius:999px;height:10px;position:relative;overflow:hidden}.cmp-track--left{justify-content:flex-end;display:flex}.cmp-track--left .cmp-fill{background:linear-gradient(270deg,#ff6a00 0%,#ffb07a 100%);border-radius:999px;min-width:4px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.cmp-track--right{justify-content:flex-start;display:flex}.cmp-track--right .cmp-fill{background:linear-gradient(90deg,#ff6a00 0%,#ffb07a 100%);border-radius:999px;min-width:4px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1)}.cmp-track--left .cmp-fill.is-dim,.cmp-track--right .cmp-fill.is-dim{opacity:.85;background:linear-gradient(90deg,#c5c0bb,#d9d4cf)}.cmp-cell{flex-direction:column;gap:.15rem;min-width:0;display:flex}.cmp-cell--left{text-align:right;align-items:flex-end}.cmp-cell--right{text-align:left;align-items:flex-start}.cmp-val{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#1a1a1a;font-size:1.15rem;font-weight:800;line-height:1.2}.cmp-sub{color:#8a8a8a;font-size:.72rem;font-weight:600}.cmp-cell.is-win .cmp-val{color:#e55e00}.cmp-text{color:#2a2a2a;font-size:.88rem;font-weight:700;line-height:1.4}.cmp-cell--left .cmp-text{text-align:right}.cmp-cell--right .cmp-text{text-align:left}.cmp-tags{flex-wrap:wrap;gap:.3rem;display:flex}.cmp-cell--left .cmp-tags{justify-content:flex-end}.cmp-cell--right .cmp-tags{justify-content:flex-start}.cmp-tags span{color:#4a4a4a;background:#f3f0ed;border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:700}.cmp-muted{color:#aaa;font-size:1rem;font-weight:700}.cmp-verdict{color:#fff;background:linear-gradient(135deg,#141414 0%,#2a1c12 100%);flex-direction:column;gap:.3rem;padding:1.25rem 1.4rem 1.4rem;display:flex}.cmp-verdict strong{color:#ffb07a;font-size:1.1rem;font-weight:800}.cmp-verdict span{color:#ffffffa6;font-size:.875rem;font-weight:600}.cmp-modal{z-index:220;justify-content:center;align-items:flex-start;padding:8vh 1rem 2rem;display:flex;position:fixed;inset:0}.cmp-modal[hidden]{display:none!important}.cmp-modal__backdrop{backdrop-filter:blur(5px);background:#0f121980;position:absolute;inset:0}.cmp-modal__panel{background:#fff;border:1px solid #f0ebe6;border-radius:20px;width:min(560px,100%);max-height:min(78vh,720px);padding:1.1rem 1.15rem 1.2rem;position:relative;overflow:auto;box-shadow:0 28px 64px #0000003d}.cmp-modal__top{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.cmp-modal__title{margin:0;font-size:1.1rem;font-weight:800}.cmp-modal__x{cursor:pointer;background:#f4f4f4;border:0;border-radius:10px;width:36px;height:36px;font-size:1.35rem;line-height:1}.cmp-modal__grid{gap:.45rem;display:grid}.pick-chip{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #f0ebe6;border-radius:14px;align-items:center;gap:.8rem;padding:.75rem .85rem;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.pick-chip:hover:not(:disabled){background:#fff0e6;border-color:#ff6a00}.pick-chip:disabled{opacity:.38;cursor:not-allowed}.pick-chip img{object-fit:contain;background:#f6f6f6;border-radius:11px;width:42px;height:42px}.pick-chip strong{font-size:.92rem;font-weight:800;display:block}.pick-chip em{color:#6b6b6b;font-size:.76rem;font-style:normal;font-weight:600}body.cmp-open{overflow:hidden}@media (width<=700px){.cmp-slots{grid-template-columns:1fr}.cmp-vs{justify-self:center}.cmp-board__head{grid-template-columns:1fr}.cmp-side:first-child{border-bottom:1px solid #f0ebe6;border-right:0}.cmp-row{grid-template-columns:1fr;gap:.55rem}.cmp-row__label{text-align:left;order:-1}.cmp-cell--left{text-align:left;align-items:flex-start}.cmp-cell--left .cmp-text{text-align:left}.cmp-cell--left .cmp-tags{justify-content:flex-start}.cmp-dual{grid-template-columns:1fr 1fr}}