.cmp{--accent: #7adcc8;--accentB: #f0b64f}.cmp .crumbs{padding-top:10px}.cmp-hero{padding:26px 0 14px;max-width:860px;text-align:center;margin:0 auto}.cmp-vs{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font-family:Marcellus,serif;font-weight:700;letter-spacing:.08em;filter:drop-shadow(0 6px 22px rgba(122,220,200,.4))}.cmp-vs span{font-size:1.3rem}.cmp-kicker{color:var(--accent);letter-spacing:.2em;font-size:.76rem;text-transform:uppercase;margin:12px 0 6px}.cmp-title{font-family:Marcellus,serif;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1.04;margin:0 0 14px;color:#fff;background:linear-gradient(96deg,#f5ecdc 22%,var(--accent) 60%,#f5ecdc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cmp-lede{font-family:Spectral,serif;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.6;color:#e6ddcc;margin:0 auto;max-width:720px}.cmp-lede strong{color:#fff}.cmp-builder{margin:12px auto 0;max-width:920px;background:linear-gradient(180deg,#7adcc812,#150f2c80);border:1px solid rgba(122,220,200,.22);border-radius:20px;padding:22px 20px 24px}.cmp-pickers{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.cmp-pick{display:grid;gap:6px}.cmp-pick>span{color:var(--accent);letter-spacing:.12em;font-size:.7rem;text-transform:uppercase}.cmp-pick select{width:100%;padding:12px 14px;border-radius:12px;background:#0d091c;color:#fff;border:1px solid rgba(122,220,200,.3);font-family:Spectral,serif;font-size:1.02rem;cursor:pointer}.cmp-pick select:focus{outline:2px solid var(--accent)}.cmp-amp{align-self:center;font-family:Marcellus,serif;color:var(--accentB);font-size:1.4rem;padding-bottom:8px}.cmp-axis{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:18px 0 4px}.cmp-axis-label{color:#b6ab97;font-size:.72rem;margin-right:4px}.cmp-chip{font-family:Zen Maru Gothic,sans-serif;font-weight:700;letter-spacing:.04em;font-size:.72rem;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer;background:#ffffff0a;color:#cdc2b4;border:1px solid rgba(255,255,255,.14);transition:all .18s}.cmp-chip:hover{border-color:var(--accent);color:#fff}.cmp-chip.on{background:var(--accent);color:#08231d;border-color:var(--accent)}.cmp-result{margin-top:20px;min-height:460px}@media(max-width:640px){.cmp-result{min-height:720px}}.cmp-verdict{text-align:center;font-family:Spectral,serif;font-size:clamp(1.1rem,2.2vw,1.4rem);line-height:1.5;color:#fff;margin:0 0 18px}.cmp-verdict b{color:var(--accent)}.cmp-table{width:100%;border-collapse:collapse;font-size:.95rem;background:#0d091c80;border-radius:14px;overflow:hidden}.cmp-table th,.cmp-table td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}.cmp-table thead th{font-family:Zen Maru Gothic,sans-serif;font-weight:700;letter-spacing:.04em;font-size:.68rem;text-transform:uppercase;color:#b6ab97;background:#ffffff08}.cmp-table thead th.cmp-gamehead{color:#fff;font-family:Marcellus,serif;font-size:.98rem;text-transform:none;letter-spacing:0}.cmp-table tbody th{font-family:Zen Maru Gothic,sans-serif;font-weight:700;letter-spacing:.04em;font-size:.66rem;text-transform:uppercase;color:#8f8674;width:116px}.cmp-table td{color:#e6ddcc}.cmp-table td.win{color:#fff}.cmp-table td.win:after{content:" ✓";color:var(--accent);font-weight:700}.cmp-gametop{display:flex;gap:10px;align-items:center}.cmp-gametop img{width:48px;height:48px;min-width:48px;max-width:48px;border-radius:9px;object-fit:cover;background:#0d091c;flex:0 0 auto}.cmp-bestfor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.cmp-bestfor-col{background:#7adcc80f;border:1px solid rgba(122,220,200,.18);border-radius:12px;padding:11px 13px}.cmp-bestfor-lab{display:block;color:var(--accent);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.cmp-types{display:flex;flex-wrap:wrap;gap:6px}.cmp-type{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px 4px 7px;font-size:.76rem;color:#e6ddcc}.cmp-type-g{font-size:.95rem;line-height:1}.cmp-actions-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.cmp-pickif{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.cmp-pickif>div{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 15px}.cmp-pickif h4{font-family:Marcellus,serif;color:var(--accent);margin:0 0 7px;font-size:1rem}.cmp-pickif ul{margin:0;padding-left:16px;color:#d3cab8;font-size:.9rem;line-height:1.5}.cmp-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.cmp-act{display:block;text-align:center;padding:11px;border-radius:11px;text-decoration:none;font-family:Zen Maru Gothic,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.03em}.cmp-act.buy{background:var(--accentB);color:#1a1206}.cmp-act.read{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.16)}.cmp-act.buy:hover{filter:brightness(1.07)}.cmp-act.read:hover{border-color:var(--accent)}.cmp-sec{padding:42px 0 6px}.cmp-sec-head{max-width:760px;margin:0 0 22px}.cmp-sec-head h2{font-family:Marcellus,serif;font-size:clamp(1.5rem,3.2vw,2.2rem);color:#fff;margin:0 0 7px}.cmp-sub{color:#b6ab97;font-size:.98rem;line-height:1.55;margin:0}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cmp-card{display:flex;flex-direction:column;text-decoration:none;border-radius:15px;overflow:hidden;background:#150f2c;border:1px solid rgba(122,220,200,.18);transition:transform .25s,border-color .25s,box-shadow .25s}.cmp-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 44px #0000008c}.cmp-card-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d091c;display:grid;place-items:center}.cmp-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cmp-card:hover .cmp-card-art img{transform:scale(1.06)}.cmp-card-noart{font-family:Marcellus,serif;color:#7adcc866;font-size:2rem;letter-spacing:.1em}.cmp-card-veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,9,28,.6))}.cmp-card-body{padding:12px 14px 14px}.cmp-card-kind{color:var(--accent);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.cmp-card-body h3{font-family:Marcellus,serif;font-size:1.02rem;line-height:1.18;color:#fff;margin:5px 0 7px}.cmp-card-by{color:#b6ab97;font-size:.7rem}.cmp-faq{display:grid;gap:8px;max-width:820px}.cmp-q{border:1px solid rgba(122,220,200,.16);border-radius:12px;background:#ffffff06;overflow:hidden}.cmp-q summary{cursor:pointer;padding:14px 42px 14px 18px;font-family:Marcellus,serif;font-size:1.02rem;color:#fff;list-style:none;position:relative}.cmp-q summary::-webkit-details-marker{display:none}.cmp-q summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.3rem;transition:transform .2s}.cmp-q[open] summary:after{transform:translateY(-50%) rotate(45deg)}.cmp-q-a{padding:0 18px 15px;color:#d3cab8;font-size:.95rem;line-height:1.6}.cmp-cta{text-align:center;padding-top:36px}.cmp-cta-line{color:#b6ab97;font-size:.92rem;margin-top:18px}.cmp-cta-line a{color:var(--accent);text-decoration:none}.cmp-cta-line a:hover{text-decoration:underline}@media(max-width:620px){.cmp-pickers{grid-template-columns:1fr}.cmp-amp{display:none}.cmp-pickif,.cmp-actions,.cmp-actions-wrap,.cmp-bestfor{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.cmp-rise{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.cmp-rise.in{opacity:1;transform:none}}