:root{--ink:#111720;--ink2:#4a5461;--ink3:#7c8795;--paper:#eef1f5;--card:#fff;--line:#d5dbe4;--line2:#edf0f4;--navy:#16325c;--red:#c0362f;--gold:#9c7a22;--sans:system-ui,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}
button,input{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.cvc-wrap{max-width:1000px;margin:0 auto;padding-left:20px;padding-right:20px}
.cvc-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.cvc-head-in{height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cvc-brand{color:var(--ink);font-weight:800;text-decoration:none;font-size:18px;letter-spacing:-.03em}
.cvc-brand span{color:#ff2d6f}
.cvc-head nav{display:flex;gap:18px}
.cvc-head nav a{color:var(--ink2);font-size:13px;text-decoration:none}
.cvc-head nav a[aria-current="page"]{color:var(--navy);font-weight:700}
.cvc-hero{padding:42px 0 26px}
.cvc-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--navy);margin:0 0 8px}
.cvc-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.3;letter-spacing:-.035em;margin:0 0 10px}
.cvc-hero>p:last-child{margin:0;color:var(--ink2);max-width:52em}
.cvc-search-panel,.cvc-results,.cvc-notice{background:#fff;border:1px solid var(--line);margin-bottom:18px;padding:22px}
.cvc-search-panel h2,.cvc-results h2{font-size:15px;margin:0 0 12px}
.cvc-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-bottom:20px}
.cvc-games button{appearance:none;background:#fff;border:1px solid var(--line);padding:12px;text-align:left;color:var(--ink);cursor:pointer}
.cvc-games button[aria-checked="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#f5f8fc}
.cvc-games strong,.cvc-games small{display:block}
.cvc-games strong{font-size:13px}
.cvc-games small{color:var(--ink3);font-size:11px}
.cvc-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin:0 0 18px}
.cvc-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:#fff;color:var(--ink2);font-weight:700;padding:11px 8px;cursor:pointer}
.cvc-tabs button[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--navy);background:#f7f9fc}
.cvc-picker-panel[hidden]{display:none}
.cvc-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.cvc-picker-head strong{font-size:14px}
.cvc-picker-head span{font-size:11px;color:var(--ink3)}
.cvc-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cvc-picker-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:10px;background:#fff;border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer}
.cvc-picker-card:hover{border-color:var(--navy);background:#f8fafd}
.cvc-picker-card img,.cvc-picker-placeholder{display:block;width:62px;height:86px;object-fit:contain;background:#f5f7fa}
.cvc-picker-body{display:block;min-width:0}
.cvc-picker-body>b{display:block;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cvc-picker-body>small{display:block;color:var(--ink3);font:10px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.cvc-picker-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:7px}
.cvc-picker-price strong{color:var(--red);font:700 15px var(--mono)}
.cvc-picker-price em{font-style:normal;color:var(--ink3);font-size:9px}
.cvc-picker-loading,.cvc-picker-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--ink3);font-size:13px;background:#f8f9fb}
.cvc-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cvc-pack-grid[hidden],.cvc-picker-grid[hidden],.cvc-pack-back[hidden]{display:none}
.cvc-pack-grid button{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 12px;text-align:left;cursor:pointer}
.cvc-pack-grid button:hover{border-color:var(--navy);background:#f8fafd}
.cvc-pack-grid strong{font-size:12px;line-height:1.45}
.cvc-pack-grid small{font:10px var(--mono);color:var(--ink3);white-space:nowrap}
.cvc-pack-back{border:0;background:transparent;color:var(--navy);padding:0;margin:0 0 12px;font-size:12px;font-weight:700;cursor:pointer}
.cvc-search label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}
.cvc-search>div{display:flex;border:2px solid var(--ink)}
.cvc-search input{min-width:0;flex:1;border:0;padding:13px 14px;font:inherit;font-size:16px}
.cvc-search button{border:0;background:var(--ink);color:#fff;padding:0 24px;font:inherit;font-weight:700;cursor:pointer}
.cvc-search button:hover{background:var(--navy)}
.cvc-examples{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.cvc-examples button{border:1px solid var(--line);background:#fff;color:var(--ink2);padding:4px 9px;cursor:pointer;font-size:12px}
.cvc-results{scroll-margin-top:75px}
.cvc-results-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);margin-bottom:12px}
.cvc-results-head h2{margin:0;padding-bottom:7px}
.cvc-results-head span{font:12px var(--mono);color:var(--ink3)}
.cvc-status{padding:24px 8px;text-align:center;color:var(--ink3)}
.cvc-card{border:1px solid var(--line);margin-top:14px}
.cvc-card-head{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px}
.cvc-card-img{width:76px;height:106px;object-fit:contain;background:#f6f7f9}
.cvc-card-name{font-size:16px;font-weight:700;line-height:1.45}
.cvc-card-meta{font:11px var(--mono);color:var(--ink3);margin-top:4px}
.cvc-best{text-align:right}
.cvc-best small{display:block;color:var(--ink3);font-size:10px}
.cvc-best strong{font:700 23px var(--mono);color:var(--red)}
.cvc-coverage{display:inline-block;font-size:10px;padding:1px 6px;background:var(--navy);color:#fff}
.cvc-coverage.single{background:var(--ink3)}
.cvc-price-list{width:100%;border-collapse:collapse}
.cvc-price-list th,.cvc-price-list td{padding:10px 14px;border-top:1px solid var(--line2);font-size:13px;text-align:left}
.cvc-price-list th{font-size:10px;color:var(--ink3);font-weight:600}
.cvc-price-list .num{text-align:right;font-family:var(--mono)}
.cvc-price-list tr:first-child td{background:#fbf7ec;font-weight:700}
.cvc-price-list a{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:5px 10px;font-size:11px}
.cvc-price-list .disabled{color:var(--ink3);font-size:11px}
.cvc-card-foot{padding:8px 14px;border-top:1px solid var(--line2);font-size:11px;color:var(--ink3);display:flex;justify-content:space-between;gap:12px}
.cvc-card-foot a{color:var(--navy)}
.cvc-notice{font-size:12px;color:var(--ink2)}
.cvc-notice strong{color:var(--ink)}
.cvc-notice p{margin:4px 0 0}
.cvc-foot{margin-top:34px;background:var(--ink);color:#8792a0;padding:24px 0;font-size:11px}
.cvc-loading{animation:cvcPulse 1s ease-in-out infinite alternate}
@keyframes cvcPulse{to{opacity:.45}}
@media(max-width:760px){
  .cvc-games{grid-template-columns:1fr}
  .cvc-tabs{grid-template-columns:1fr}
  .cvc-tabs button{text-align:left;border-bottom:1px solid var(--line);border-left:3px solid transparent}
  .cvc-tabs button[aria-selected="true"]{border-left-color:var(--navy);border-bottom-color:var(--line)}
  .cvc-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvc-pack-grid{grid-template-columns:1fr 1fr}
  .cvc-picker-head{display:block}
  .cvc-picker-head span{display:block;margin-top:2px}
  .cvc-card-head{grid-template-columns:58px minmax(0,1fr)}
  .cvc-card-img{width:58px;height:82px}
  .cvc-best{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:8px}
  .cvc-price-list th:nth-child(3),.cvc-price-list td:nth-child(3){display:none}
  .cvc-price-list th,.cvc-price-list td{padding:9px 10px}
  .cvc-search button{padding:0 14px}
  .cvc-head nav{gap:10px}
  .cvc-card-foot{display:block}
}
@media(max-width:520px){
  .cvc-picker-grid{grid-template-columns:1fr}
  .cvc-pack-grid{grid-template-columns:1fr}
}